/* 抽奖页面 14080987 2017-5-10 */
html{width:100%; height:100%;min-height:33rem;}
body{width:100%;}
p, div{box-sizing:content-box;}
.main-wrap{margin-top:45px;}
.draw-bg{padding-top:5rem;}
.draw-red-bg{width:90%; height:100%; margin:0 5%; background:url('images/draw-red-bg.png') no-repeat; background-size:cover;}
.draw-red-box{height:calc(100%); height:-moz-calc(100%); height:-webkit-calc(100%); padding:1.2rem 1.2rem 1.5rem 1.2rem; box-sizing:content-box;}
.draw-box-single-begin{float:left; width:calc(50% - .3rem); width:-moz-calc(50% - .3rem); width:-webkit-calc(50% - .3rem); height:calc((100% / 3) - .3rem); height:-moz-calc((100% / 3) - .3rem); height:-webkit-calc((100% / 3) - .3rem); margin:.15rem; background:url('images/draw-begin.png') no-repeat; background-size:cover; box-sizing:content-box;}
.draw-box-single{position:relative; float:left; width:calc(25% - .3rem); width:-moz-calc(25% - .3rem); width:-webkit-calc(25% - .3rem); height:calc((100% / 3) - .3rem); height:-moz-calc((100% / 3) - .3rem); height:-webkit-calc((100% / 3) - .3rem); margin:.15rem; background:url('images/draw-bg-left.png') no-repeat; background-size:cover;}
.draw-box-single-middle{width:calc(50% - .3rem); width:-moz-calc(50% - .3rem); width:-webkit-calc(50% - .3rem); background:url('images/draw-bg-cen.png') no-repeat; background-size:cover;}
.draw-box-single p{font-size:.62rem; line-height:.92rem; color:#6a3906; text-align:center;}
.draw-box-single i{display:block; width:2.21rem; height:1.85rem; margin:calc(50% - 1.4rem) auto .5rem; margin:-moz-calc(50% - 1.4rem) auto .5rem; margin:-webkit-calc(50% - 1.4rem) auto .5rem; background:url('images/draw-drilling.png') no-repeat; background-size:cover;}
.draw-box-single-middle i{margin-top:calc(25% - 1.4rem); margin:-moz-calc(25% - 1.4rem) auto .5rem; margin:-webkit-calc(25% - 1.4rem) auto .5rem;}
.draw-box-single i.draw-voucher{width:3.5rem; background:url('images/draw-voucher.png') no-repeat;}
.draw-box-single i.draw-thanks{height:2rem; background:url('images/draw-thanks.png') no-repeat;}
/* .draw-begin-grey{background:url('images/draw-begin-grey.png') no-repeat; background-size:cover;} */
/* 灰色蒙层 */
.draw-black em{margin-left: -50%;position:absolute; width:100%; height:100%; background:#000; border-radius:2px; opacity:0.3; top:0;}

/* 抽奖信息 */
.draw-info{padding:0 .3rem 2.85rem; margin:1.25rem 1.1rem 0; font-size:.85rem; line-height:1.8rem;}
.draw-info p{padding-bottom:.3rem; color:#fff; border-bottom:1px solid #cc7f00; line-height:2rem;}
.draw-info h1, .draw-info div{color:#fff; font-weight:normal;}
.draw-info span{float:right; color:#fff;}
[draw-log-p]{height:1.8rem;overflow:hidden;}
[draw-log-p] li{color:#fff;}

/* 页面底部 + 活动明细 + 返回店铺 */
.draw-bottom{position:absolute; width:100%; height:2.85rem; background:#f60; color:#fff; line-height:2.85rem; text-align:center; bottom:0; z-index:2;}
.draw-active, .draw-back{position:fixed; width:2.85rem; height:2.85rem; padding:.3rem 0; border-radius:50%; background:#f63838; font-size:.78rem; line-height:1.2rem; color:#fff; text-align:center; right:15px; bottom:8rem; z-index:2;}
.draw-back{bottom:5rem;}

/* 页面动画 */
@keyframes myfirst{
	from{background:url('images/draw-red-bg.png') no-repeat; background-size:cover;}
	to{background:url('images/draw-red-bg2.png') no-repeat; background-size:cover;}
}

/* 弹出层 */
.draw-mt2{margin-top:1.8rem; color:#fff;}
.draw-pop{position:fixed; width:100%; height:100%; top:0; left:0; z-index:12;}
.draw-pop-black{width:100%; height:100%; background:#000; opacity:0.3;}
.draw-pop-black5{opacity:0.8;}
.draw-pop-con{z-index:12;position:absolute; width:90%; margin:0 5% 0; padding:1rem 0 1.5rem; background:#fff; border-radius:10px; font-size:.9rem; line-height:2rem; top:20%; color:#333;}
.draw-pop-con h1{font-size:1.06rem; line-height:2.2rem; margin-bottom:.4rem; font-weight:normal; text-align:center;}
.draw-tc{padding:0 .8rem; line-height:1.2rem;}
.draw-tc span{display:block; font-size:.8rem; line-height:1.5rem; color:#999;}
.draw-tc p{margin-bottom:.4rem;}
.draw-tc p.draw-tc-pb2{margin-bottom:1.2rem;}
.draw-tc a{display:inline-block;margin:0 .5rem .5rem .5rem;}
.draw-love{display:inline-block; width:1.1rem; height:.9rem; margin-right:.3rem; background:url('images/draw-love.png') no-repeat; background-size:cover;}
.draw-share{display:inline-block; width:.9rem; height:1.1rem; margin-right:.3rem; background:url('images/draw-share.png') no-repeat; background-size:cover;}
.draw-word{z-index:12;position:absolute; width:100%; margin-top:-2.7rem; font-size:1.56rem; line-height:1.8rem; /* font-weight:bold; */ letter-spacing:1px; color:#fff; text-align:center; top:50%;}
.draw-list{max-height:8rem; margin-bottom:.8rem; padding:.3rem .56rem; border:1px solid #ddd; font-size:.56rem; line-height:1.56rem; color:#666; overflow:hidden; overflow-y:auto;}
.r{float:right;}
.draw-close{position:absolute; width:1.2rem; height:1.2rem; background:url('images/draw-close.png') no-repeat; background-size:cover; top:.6rem; right:.6rem;cursor: pointer;}

/***************************************** 抽奖页面 -- 皮肤1 *****************************************/
.purple-draw-bg{height:100%; background:url('images/draw-purple/draw-bg.png') no-repeat; background-size:100% 100%;}
.purple-draw .draw-bg{padding-top:8rem;}
.purple-draw .draw-red-bg{width:100%; margin:0; background:url('images/draw-purple/draw-red-bg.png') no-repeat; background-size:cover;}
.purple-choice{height:1.76rem; padding-top:.24rem; font-size:.96rem; line-height:1.76rem; letter-spacing:.03rem; color:#ebd1fb; text-align:center;}
.purple-choice i{font-weight:bold; font-size:1.6rem; line-height:1.76rem; color:#FCF902; font-style:italic; vertical-align:top;}

/* 9个奖品和6个奖品用同一套样式，添加div块就可以，大块加class draw-box-single-middle */
.purple-draw .draw-red-box{padding:1.92rem 2.4rem 0 2.4rem;}
.purple-draw .draw-box-single{border-radius:.32rem; background:url('images/draw-purple/draw-bg-small.png') no-repeat; background-size:cover;}
.purple-draw .draw-box-single-middle{border-radius:.32rem; background:url('images/draw-purple/draw-bg-long.png') no-repeat; background-size:cover;}
.purple-draw .draw-box-single-begin{border-radius:.32rem; background:url('images/draw-purple/draw-begin.png') no-repeat; background-size:cover;}
.purple-draw .draw-box-single-begin em{font-size:0.8571rem;color: #FFFFFF;margin-top:4.0rem;display:block;}
.blue-box-draw .draw-box-single-begin em{font-size:0.05rem;color: #FFFFFF;margin-top:5rem;display:block;}
.red-box-draw .draw-box-single-begin em{color: #FFE300;font-size:0.05rem;margin-top:4.5rem;display:block;}
.purple-draw .draw-box-single-begin.draw-begin-grey{border-radius:.32rem; background:url('images/draw-purple/draw-begin-grey.png') no-repeat; background-size:cover;}
.purple-draw .draw-red-box-6 .draw-box-single, .purple-draw .draw-red-box-6 .draw-box-single-begin{width:-webkit-calc((100% / 3) - .3rem); width:calc((100% / 3) - .3rem); width:-moz-calc((100% / 3) - .3rem);}
.purple-draw .draw-red-box-6 .draw-box-single-middle{width:-webkit-calc(50% - .3rem); width:calc(50% - .3rem); width:-moz-calc(50% - .3rem);}
.purple-draw .draw-red-box-6 .draw-box-single i{margin-top:calc(35% - 1.4rem); margin:-moz-calc(35% - 1.4rem) auto .5rem; margin:-webkit-calc(35% - 1.4rem) auto .5rem;}
.purple-draw .draw-red-box-6 .draw-box-single-middle i{margin-top:calc(25% - 1.4rem); margin:-moz-calc(25% - 1.4rem) auto .5rem; margin:-webkit-calc(25% - 1.4rem) auto .5rem;}
.purple-draw .draw-box-single i{width:4.4rem; height:3.4rem; padding-top:.6rem; background:url('images/draw-purple/draw-drilling.png') no-repeat; background-size:cover; font-size:.8rem; color:#fff; text-align:center;}
.purple-draw .draw-box-single i.draw-point{width:4.4rem; height:4.55rem; padding-top:.6rem; background:url('images/draw-purple/draw-point-purple.png') no-repeat; background-size:cover; font-size:.8rem; color:#fff; text-align:center;margin: -webkit-calc(25% - 1.6rem) auto .5rem;}
.purple-draw .draw-box-single.draw-box-single-middle i.draw-point{margin: -webkit-calc(25% - 2.5rem) auto .5rem;}
.purple-draw .draw-box-single i.draw-voucher{width:4.8rem; height:3.2rem; padding-top:.2rem; background:url('images/draw-purple/draw-voucher.png') no-repeat; background-size:cover;}
.purple-draw .draw-box-single i.draw-thanks{width:4.4rem; height:4.5rem; padding:0; background:url('images/draw-purple/draw-thanks.png') no-repeat; background-size:cover;}
.purple-draw .draw-box-single i b{font-size:1.52rem; line-height:1.52rem;}

/* 10个奖品 */
.purple-draw .draw-red-box-10 .draw-box-single{width:-webkit-calc(25% - .3rem); width:calc(25% - .3rem); width:-moz-calc(25% - .3rem); }
.purple-draw .draw-red-box-10 .draw-box-single-begin{background:url('images/draw-purple/draw-begin-10.png') no-repeat; background-size:cover;}
.purple-draw .draw-red-box-10 .draw-box-single-begin.draw-begin-grey{background:url('images/draw-purple/draw-begin-10-grey.png') no-repeat; background-size:cover;}

/* 抽奖页面 -- 皮肤1 --抽奖记录 */
.purple-draw .draw-info{height:1.68rem; padding:0; margin:1.25rem 4.2rem .6rem 3.2rem; font-size:1rem; color:#d8b3ee;}
.purple-draw .draw-info span{color:#d8b3ee;}

.purple-draw .draw-active, .purple-draw .draw-back{position:static; display:block; width:100%; height:3.2rem; padding:.88rem 0 .2rem; background:none; font-size:1.36rem; line-height:3.2rem; color:#fff; opacity:.8; text-align:center;}
.draw-goback{float:right; padding-right:1.4rem; color:#fff;}

/* 添加弹框 */
.purple-draw-word{width:80%; height:7rem; margin:-7rem 10%; padding-top:11.6rem; background:url('images/draw-purple/await.png') no-repeat; background-size:100% 100%; font-size:2.1rem;}
.purple-draw-word p{font-weight:normal; padding-top:.8rem; font-size:1.4rem; color:#fff;}

/* 活动明细 */
.purple-draw-con{background:none; top:5rem;}
.purple-draw-con .purple-draw-active{width:100%; height:18rem; padding:7.9rem 0 0; background:url('images/draw-purple/draw-active.png') no-repeat; background-size:100% 100%; box-sizing:content-box;}
.purple-draw-con .purple-draw-active div{width:100%; height:18rem; overflow:hidden; overflow-y:auto;}
.purple-draw-con .purple-draw-active p{padding:0 1.25rem; color:#fff; font-size:1rem; line-height:1.8rem;}
.purple-draw-close{position:absolute; width:3rem; height:3rem; margin-right:-1.5rem; background:url('images/draw-purple/close-icon.png') no-repeat; background-size:cover; bottom:-5rem; right:50%;}

/* 我的奖品 */
.purple-prize-con{padding-top:0; padding-bottom:0;}
.purple-prize-con h1{background:url('images/draw-purple/prize-top.png') repeat-x; border-radius:10px 10px 0 0; font-size:1.66rem; line-height:4rem; color:#fff;}
.purple-prize-con p{padding:1.25rem 0 .6rem .5rem; font-size:1.1rem; line-height:1.3rem; color:#666;}
.purple-prize-con ul{max-height:15rem; border:0; padding:0;}
.purple-prize-con li span{padding:.3rem 0; font-size:1rem; line-height:1.4rem; color:#333;}
.purple-prize-con li span.r{color:#666;}

/* 恭喜你 */
.purple-draw-congratulation{position:absolute; width:23.7rem; margin-left:-11.85rem; top:20%; left:50%; }
.purple-draw-congratulation i.congratulation-top{display:block; width:23.7rem; height:11.79rem; background:url('images/draw-purple/congratulation.png') no-repeat; background-size:cover;}
.purple-draw-congratulation .congratulation-con{margin:-0.88rem 1.38rem 0 1.125rem; background:#fff; border-radius:0 0 .41rem .41rem;}
.purple-draw-congratulation .congratulation-con em{display:block; width:8.25rem; height:7.44rem; margin:auto; background:url('images/draw-purple/draw-drilling.png') no-repeat; background-size:cover; text-align:center; font-size:1.5rem; line-height:2rem; color:#fff;}
.purple-draw-congratulation .congratulation-con em b{display:inline-block; padding-top:.8rem; font-size:2.83rem; font-weight:normal; line-height:3rem;}
.purple-draw-congratulation .congratulation-con p{padding:1.08rem 0 2.08rem; font-size:1.416rem; text-align:center; color:#333;}
.purple-draw-congratulation .congratulation-con em.congratulation-voucher{width:9rem; height:6.375rem; background:url('images/draw-purple/draw-voucher.png') no-repeat; background-size:cover;}
.congratulation-choice{background:#f8f8f8; border-radius:0 0 .41rem .41rem;}
.purple-draw-congratulation .congratulation-choice p{padding:.83rem 0 .83rem 1.25rem; font-size:1rem; color:#666; text-align:left;}
/*补充新弹框样式*/


.btn-grey{display:flex; padding:0 .625rem .83rem;}
.btn-grey a{display:block; width:100%; margin:0 .625rem; border-radius:4px; font-size:1.25rem; line-height:3rem; text-align:center; border:1px solid #aaaaaa;}

.purple-draw-love i{display:inline-block; width:1.1rem; height:1rem; margin-right:.3rem; background:url('images/draw-purple/draw-love.png') no-repeat; background-size:cover;}
.purple-draw-share i{display:inline-block; width:1.1rem; height:1.2rem; margin-right:.3rem; background:url('images/draw-purple/draw-share.png') no-repeat; background-size:cover;vertical-align:text-top;}

/* 未获奖 */
.purple-not-award{position:absolute; width:80%; margin:0 10%; padding-top:6.537rem; border-radius:4px; background:#fff; font-size:1.66rem; line-height:2.08rem; color:#666; top:35%; text-align:center;}
.purple-not-award p{padding:1rem 0 2rem;font-size:1.25rem;}
.not-award-icon{position:absolute; width:10.4rem; height:10.125rem; background:url('images/draw-purple/draw-not-await.png') no-repeat; background-size:cover;left:50%; top:-5rem;margin-left:-5.2rem;}

.finish-icon{position:absolute; width:8.83rem; height:12.2rem; background:url('images/draw-purple/draw-finish.png') no-repeat; background-size:cover;left:50%; top:-6.1rem;margin-left:-4.41rem;}
.purple-not-award p.purple-finish-p{padding-bottom:1.29rem; font-size:1.16rem; color:#666;}
.btn-grey a.purple-finish-btn{display:block; height:3.33rem; background:url('images/draw-purple/draw-btn.png') repeat-x; border:0; font-size:1.25rem; line-height:3.33rem; text-align:center; color:#fff;}

/*蓝色弹框获得奖品弹框*/
.drawPopblueBody{background: #1077a9;border: 1px solid #00c4ef;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;width: 80%;}
.drawPopblueBody .youhui{color: #fff;display:block;margin: auto;width: 4.4rem;padding-left: 1.5rem;height:3.1rem;line-height: 1.2rem;padding-top: .2rem;background:url('images/draw-blue/draw-voucher.png') no-repeat;background-size: 100% 100%;font-size: .8rem;}
.drawPopblueBody .youhui b {font-size: 1.52rem;line-height: 1.52rem;}
.drawPopblueBody .yunzuan{margin: auto;padding-top: .4rem;background: url(images/draw-blue/draw-drilling.png) no-repeat;background-size: 100% 100%;margin-top: 0.6rem;width: 4.4rem;height: 3.5rem;line-height: 1.2rem;font-size: .8rem;font-style: normal;color: #fff;display: block;text-align: center;}
.drawPopblueBody .yunzuan b {font-size: 1.52rem;line-height: 1.52rem;}
/*紫色红色获得奖品弹框*/
.drawPopBody .youhui{color: #fff;display:block;margin: auto;margin-top: -.1rem;width: 4.4rem;padding-left: 1.5rem;height:3.1rem;line-height: 1.2rem;padding-top: .2rem;background:url('images/draw-purple/draw-voucher.png') no-repeat;background-size: 100% 100%;font-size: .8rem;}
.drawPopBody .youhui b {font-size: 1.52rem;line-height: 1.52rem;}
.drawPopBody .yunzuan{margin: auto;margin-top: -.1rem;padding-top: .3rem;background: url(images/draw-purple/draw-drilling.png) no-repeat;background-size: 100% 100%;width: 4.4rem;height: 3.6rem;line-height: 1.2rem;font-size: .8rem;font-style: normal;color: #fff;display: block;text-align: center;}
.drawPopBody .yunzuan b {font-size: 1.52rem;line-height: 1.52rem;}

.choice-icon{position:absolute; width:8.79rem; height:11.58rem; background:url('images/draw-purple/draw-choice.png') no-repeat; background-size:cover;left:50%; top:-6.1rem;margin-left:-4.41rem;}


@media screen and (min-width:320px){
	.purple-draw .draw-bg{padding-top:5.8rem;}
	.purple-draw .draw-red-box{padding:1.2rem 2rem 0 2rem;}
	.purple-draw .draw-box-single i{width: 4rem; height: 3.1rem; line-height:1.2rem;}
	.purple-draw .draw-box-single i.draw-voucher{width: 4rem; height: 2.6rem;}
	.purple-draw .draw-box-single i.draw-thanks{height:80%; margin:10% auto; background-size:100% 100%;}
	.purple-draw .draw-info{margin-top:.8rem;}
	.purple-draw .draw-active, .purple-draw .draw-back{padding: 0 0 1.2rem;}
	.purple-draw-con{top:1rem;}
	.congratulation-top{top:10%;}
	.purple-draw .draw-red-box-6 img{width:3rem; height:3rem; margin-top:0.3rem;}
}

@media screen and (min-width:360px){
	.purple-draw .draw-active, .purple-draw .draw-back{padding:.4rem 0 .2rem;}
}

@media screen and (min-width:375px){
	.purple-draw .draw-bg{padding-top:7.1rem;}
	.purple-draw .draw-red-box{padding:1.7rem 2.4rem 0 2.4rem;}
	.purple-draw .draw-box-single i{width: 4rem; height: 3.1rem; line-height:1.2rem;}
	.purple-draw .draw-box-single i.draw-voucher{width: 4rem; height: 2.6rem;}
	.purple-draw .draw-box-single i.draw-thanks{height:80%; margin:10% auto; background-size:100% 100%;}
	.purple-draw .draw-info{margin-top:1.25rem;}
	.purple-draw .draw-active, .purple-draw .draw-back{padding: .5rem 0 .2rem;}
	.purple-draw-con{top:5rem;}
	.congratulation-top{top:20%;}
}

@media screen and (min-width:412px){
	.purple-draw .draw-active, .purple-draw .draw-back{padding:1rem 0 .2rem;}
}

@media screen and (min-width:414px){
	.purple-draw .draw-bg{padding-top:7.9rem;}
	.purple-draw .draw-red-box{padding:1.92rem 2.4rem 0 2.4rem;}
	.purple-draw .draw-box-single i{width:4.4rem; height:3.4rem; line-height:1.5rem;}
	.purple-draw .draw-box-single i.draw-voucher{width:4.8rem; height:3.2rem;}
	.purple-draw .draw-box-single i.draw-thanks{width:4.4rem; height:4.5rem;}
	.purple-draw .draw-info{margin-top:1.25rem;}
	.purple-draw .draw-active, .purple-draw .draw-back{padding: .88rem 0 .2rem;}
}


/***************************************** 抽奖页面 -- 皮肤3 *****************************************/
.red-box-draw-bg{height:100%; background:url('images/draw-red/draw-bg.png') no-repeat; background-size:100% 100%;position: relative;}
.red-box-draw .draw-red-bg{width:84%; margin:0 8%; background:url('images/draw-red/draw-red-bg.png') no-repeat; background-size:cover;}
.red-box-draw .draw-red-box{padding:1.25rem;}
.red-box-prize{position:fixed; width:100%; height:3.66rem; background:#fd2f39; color:#fff; font-size:1.33rem; line-height:3.66rem; text-align:center; bottom:0; left:0; z-index:2;}

.red-box-draw .draw-info{position:fixed; max-width: 555px;width:90%; height:auto; margin:.83rem 5% 0; padding:.8rem 0; background:#ea4043; border-radius:.41rem .41rem 0 0; color:#fff; line-height:1.66rem; bottom:3.66rem;}
.red-box-draw .draw-info li{padding:0 1.25rem; color:#fff; opacity:0.7;}
.red-box-draw .draw-info span{color:#fff;}

.red-box-draw .draw-box-single{background:url('images/draw-red/draw-bg-small.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single-middle{background:url('images/draw-red/draw-bg-long.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single-begin{border-radius:.32rem; background:url('images/draw-red/draw-begin.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single-begin.draw-begin-grey{border-radius:.32rem; background:url('images/draw-red/draw-begin-grey.png') no-repeat; background-size:cover;}

.red-box-draw .draw-box-single i{background:url('images/draw-red/draw-drilling.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single i.draw-point{background:url('images/draw-red/draw-point-red.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single i.draw-voucher{background:url('images/draw-red/draw-voucher.png') no-repeat; background-size:cover;}
.red-box-draw .draw-box-single i.draw-thanks{background:url('images/draw-red/draw-thanks.png') no-repeat; background-size:cover;}

.red-box-draw-active{position:absolute; top:0px; right:.83rem;width:4.16rem; height:3.28rem; padding-top:4.05rem; background:url('images/draw-red/active.png') no-repeat; background-size:cover; color:#fff; line-height:1.2rem; text-align:center; }
.red-box-draw-goback{position:absolute; top:0px; left:1.04rem; width:3.75rem; height:3.05rem; padding-top:2.2rem; background:url('images/draw-red/goback.png') no-repeat; background-size:cover; color:#fff; line-height:1.2rem; text-align:center;}

/* 10个奖品 */
.red-box-draw .draw-red-box-10 .draw-box-single{width:-webkit-calc(25% - .3rem); width:calc(25% - .3rem); width:-moz-calc(25% - .3rem); background:url('images/draw-red/draw-bg-small-10.png') no-repeat; background-size:100% 100%;}
.red-box-draw .draw-red-box-10 .draw-box-single-begin{background:url('images/draw-red/draw-begin-10.png') no-repeat; background-size:100% 100%;}
.red-box-draw .draw-red-box-10 .draw-box-single-begin.draw-begin-grey{background:url('images/draw-red/draw-begin-10-grey.png') no-repeat; background-size:100% 100%;}

.red-box-draw .draw-box-single i b{font-size:1.52rem; line-height:1.22rem;}
.red-box-draw .draw-box-single i{margin:calc(50% - 1rem) auto .5rem; margin:-moz-calc(50% - 1rem) auto .5rem; margin:-webkit-calc(50% - 1rem) auto .5rem; }

@media screen and (min-width:320px){
	.red-box-draw .draw-bg{padding-top:5.3rem;}
	.red-box-draw .draw-box-single i{width: 3.9rem;height: 2.9rem;line-height:1.2rem; margin-top:0.7rem!important;}
	.red-box-draw .draw-box-single i.draw-thanks{width:80%; height:70%; margin:20% auto; background-size:100% 100%;}
}
@media screen and (min-width:320px) and (max-height:480px){
	.red-box-draw .draw-bg{padding-top: 4.7rem;}
}
/*gs5*/
@media screen and (min-width:360px){
	.red-box-draw .draw-bg{padding-top: 6rem;}
}
@media screen and (min-width:375px){
	.red-box-draw .draw-bg{padding-top:6.4rem;}
	.red-box-draw .draw-red-box-6 .draw-box-single i{width: 5rem;height: 3.8rem;line-height:1.2rem;}
	.red-box-draw .draw-red-box-6 .draw-box-single i.draw-voucher{width: 5rem;height: 3.2rem;}
	.red-box-draw .draw-red-box-6 .draw-box-single i.draw-point{width: 5rem;height: 5rem;}
	.red-box-draw .draw-box-single i b{font-size:1.52rem;line-height: 1.62rem;}
	.red-box-draw .draw-box-single i{width: 4.3rem;height: 3.2rem;line-height:1.2rem;}
	.red-box-draw .draw-box-single i.draw-thanks{width:70%; height:70%; margin:20% auto; background-size:100% 100%;}
}

@media screen and (min-width:412px){
	.red-box-draw .draw-bg{padding-top: 7rem;}
	.red-box-draw .draw-box-single i.draw-thanks{width:4.4rem; height:4.5rem;}
}
/*ipad*/
@media screen and (min-width:768px){
	.red-box-draw .draw-bg{padding-top: 5rem;}
}
/*ipad*/
@media screen and (min-width:1024px){
	.red-box-draw .draw-bg{padding-top: 8.3rem;}
}
/***************************************** 抽奖页面 -- 皮肤2 *****************************************/
/* 10个奖品 */
.blue-box-draw-bg{height:100%; background:url('images/draw-blue/draw-blue-bg.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-red-bg{width:auto; margin:0 1.25rem; background:url('images/draw-blue/draw-red-bg.png') no-repeat; background-size:cover;}
.blue-box-draw .draw-red-box{padding:1.66rem;}
.blue-box-draw .draw-top{width:100%; height:4.8rem; line-height:4.8rem;}
.blue-box-draw .draw-top div, .blue-box-draw .draw-top a{width:44%; float:left; padding:0 3%; font-size:1.16rem; color:#00abda;}
.blue-box-draw .draw-top div i{font-weight:bold; font-size:1.5rem;}
.blue-box-draw .draw-top a{text-align:right;text-decoration: underline;}

.blue-box-draw .draw-red-box-10 .draw-box-single-begin{border-radius:0; background:url('images/draw-blue/draw-begin-10.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-red-box-10 .draw-box-single-begin.draw-begin-grey{border-radius:0; background:url('images/draw-blue/draw-begin-10-grey.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-red-box-10 .draw-box-single{width:-webkit-calc(25% - .3rem); width:calc(25% - .3rem); width:-moz-calc(25% - .3rem); border-radius:0; background:url('images/draw-blue/draw-bg-small-10.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-box-single i{margin-top:1.6rem;background:url('images/draw-blue/draw-drilling.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-box-single i.draw-voucher{background:url('images/draw-blue/draw-voucher.png') no-repeat; background-size:100% 100%;}
.blue-box-draw .draw-box-single i.draw-point{margin-top:1.6rem;background:url('images/draw-blue/draw-point-blue.png') no-repeat; background-size:100% 100%;}

.blue-box-draw .draw-info{height:auto; margin-left:2.2rem; margin-right:2.2rem; padding:0;}
.blue-box-draw .draw-info li, .blue-box-draw .draw-info li span{color:#00abda;}

.blue-box-prize{display:block; margin-top:1.6rem; text-align:center; color:#00c6fc; font-size:1.42rem;}
.draw-log-skin2{height:4.2rem;}

@media screen and (min-width:320px) and (max-width:360px){
	.blue-box-draw .draw-top{width:100%; height:3.5rem; line-height:3.5rem;}
	.blue-box-draw .draw-red-box{padding:.8rem;}
	.blue-box-prize{margin-top:.8rem;}
	.draw-log-skin2{height:3.1rem;}
}

@media screen and (min-width:320px) and (max-height:480px){
	.blue-box-draw .draw-bg{padding-top: 4.6rem;}
}

@media screen and (min-width:375px) and (max-width:400px){
	.blue-box-draw .draw-top{width:100%; height:4.2rem; line-height:4.2rem;}
	.blue-box-prize{margin-top:1.1rem;}
	.draw-log-skin2{height:3.6rem;}
}


/* 6个奖品 */
.blue-box-draw .draw-red-bg-6{width:auto; margin:0 1.25rem; background:url('images/draw-blue/draw-red-bg-6.png') no-repeat; background-size:cover;}
.blue-box-draw .draw-red-box-6{position:relative; padding:1.4rem;}
.blue-box-draw .draw-red-box-6 .draw-box-single-begin{position:absolute; width:9.4rem; height:8.3rem; border-radius:0; background:none; background-size:cover; top:4.65rem; left:8.7rem;}
.blue-box-draw .draw-red-box-6 .draw-box-single-begin.draw-begin-grey{background:url('images/draw-blue/draw-begin-6-grey.png') no-repeat; background-size:cover;}
.blue-box-draw .draw-red-box-6 .draw-box-single{position:absolute; width:9.4rem; height:8.3rem; background:none;}
.blue-box-draw .draw-red-box-6 .single-top{top:-3.75rem; left:50%; margin-left:-17.5%;}
.blue-box-draw .draw-red-box-6 .single-top-left{top:.6rem; left:1.4rem;}
.blue-box-draw .draw-red-box-6 .single-top-right{top:.6rem; left:60%;}
.blue-box-draw .draw-red-box-6 .single-bottom{top:13.3rem; left:50%; margin-left:-17.5%;}
.blue-box-draw .draw-red-box-6 .single-bottom-left{top:8.9rem; left:1.4rem;}
.blue-box-draw .draw-red-box-6 .single-bottom-right{top:8.9rem; left:60%;}

.blue-box-draw .draw-red-box-6 .draw-box-single-begin i{margin-top:3rem;}
.blue-box-draw .draw-box-single i.draw-thanks{margin-top:10%;}

.blue-box-draw .draw-red-box-6 .draw-black em{width:50%; margin-left:-25%;}
.blue-box-draw .draw-red-box-6 .draw-black em:before{position:absolute; content:''; border-top:4.1rem solid transparent; border-right:2.2rem solid #000; border-bottom:4.1rem solid transparent;   top:0; left:-2.2rem;}
.blue-box-draw .draw-red-box-6 .draw-black em:after{position:absolute; content:''; border-top:4.1rem solid transparent; border-left:2.2rem solid #000; border-bottom:4.1rem solid transparent;   top:0; right:-2.2rem;}


@media screen and (min-width:320px) and (max-width:340px){
	.blue-box-draw .draw-red-box-6 .draw-box-single-begin{width:6.8rem;height:6rem; top:3.65rem; left:6.65rem;}
	.blue-box-draw .draw-red-box-6 .draw-box-single{width:6.8rem;height:6rem;}
	.blue-box-draw .draw-red-box-6 .single-top{top:-2.65rem; left:50%; margin-left:-17%;}
	.blue-box-draw .draw-red-box-6 .single-top-left{left:1.1rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom{top:13.2rem; left:50%; margin-left:-17%;}
	.blue-box-draw .draw-red-box-6 .single-bottom-left{top:7.9rem; left:2.1rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom-right{top:7.9rem; left:63%;}
	.blue-box-draw .draw-box-single i.draw-thanks{margin-top: 10%;}
	.blue-box-draw .draw-red-box-6 .draw-black em:before{border-top:3rem solid transparent; border-right:1.5rem solid #000; border-bottom:3rem solid transparent; left:-1.5rem;}
	.blue-box-draw .draw-red-box-6 .draw-black em:after{border-top:3rem solid transparent; border-left:1.5rem solid #000; border-bottom:3rem solid transparent; right:-1.5rem;}
}
@media screen and (min-width:340px) and (max-width:375px){
	.blue-box-draw .draw-red-box-6 .draw-box-single-begin{width:7.9rem;height:7.1rem; top:4.45rem; left:7.55rem;}
	.blue-box-draw .draw-red-box-6 .draw-box-single{width:7.9rem;height:7.1rem;}
	.blue-box-draw .draw-red-box-6 .single-top{top:-2.65rem; left:50%; margin-left:-17%;}
	.blue-box-draw .draw-red-box-6 .single-top-left{top:1rem; left:1.1rem;}
	.blue-box-draw .draw-red-box-6 .single-top-right{top:1rem; left:60%;}
	.blue-box-draw .draw-red-box-6 .single-bottom{top:12rem; left:50%; margin-left:-17%;}
	.blue-box-draw .draw-red-box-6 .single-bottom-left{top:8.3rem; left:1.1rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom-right{top:8.3rem; left:60%;}
	.blue-box-draw .draw-box-single i.draw-thanks{margin-top: 10%;}
	.blue-box-draw .draw-red-box-6 .draw-black em:before{border-top:3.6rem solid transparent; border-right:2rem solid #000; border-bottom:3.6rem solid transparent; left:-1.9rem;}
	.blue-box-draw .draw-red-box-6 .draw-black em:after{border-top:3.6rem solid transparent; border-left:2rem solid #000; border-bottom:3.6rem solid transparent; right:-1.9rem;}
	.blue-box-draw .draw-info{height:6rem;}
}
@media screen and (min-width:375px) and (max-width:400px){
	.blue-box-draw .draw-red-box-6 .draw-box-single-begin{width:8.5rem; height:7.2rem; top:4.3rem; left: 7.75rem;}
	.blue-box-draw .draw-red-box-6 .draw-box-single{width: 8.5rem;height: 7.2rem;}
	.blue-box-draw .draw-red-box-6 .single-top{top:-3.15rem; left:50%; margin-left:-17.5%;}
	.blue-box-draw .draw-red-box-6 .single-bottom{top:12.15rem; left:50%; margin-left:-17.5%;}
	.blue-box-draw .draw-red-box-6 .single-bottom-left{top:8.1rem; left:1.4rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom-right{top:8.1rem; left:60%;}
	.purple-draw .draw-box-single i.draw-thanks {margin-top: 10%;}
	.blue-box-draw .draw-red-box-6 .draw-black em:before{border-top:3.6rem solid transparent; border-right:1.8rem solid #000; border-bottom:3.6rem solid transparent; left:-1.8rem;}
	.blue-box-draw .draw-red-box-6 .draw-black em:after{border-top:3.6rem solid transparent; border-left:1.8rem solid #000; border-bottom:3.6rem solid transparent; right:-1.8rem;}
	.blue-box-draw .draw-red-bg-6 .blue-box-prize{margin-top: .5rem;}
}

/* 8个奖品 */
.blue-box-draw .draw-red-bg-8{background:url('images/draw-blue/draw-red-bg-8.png') no-repeat; background-size:100%;}
.blue-box-draw .draw-red-box-8{position:relative; padding:1.4rem;}
.blue-box-draw .draw-red-box-8 .draw-box-single-begin{position:absolute; width:7.3rem; height:7.3rem; background:none; border-radius:2rem; top:6.5rem; left:9.7rem;}
.blue-box-draw .draw-red-box-8 .draw-box-single-begin.draw-begin-grey{background:url('images/draw-blue/draw-begin-8-grey.png') no-repeat; background-size:cover;}
.blue-box-draw .draw-red-box-8 .draw-box-single{position:absolute; width:7.3rem; height:7.3rem; background:none;}
.blue-box-draw .draw-red-box-8 .single-top{top:-1rem; left:9.7rem;}
.blue-box-draw .draw-red-box-8 .single-top-left{top:1.15rem; left:4.2rem;}
.blue-box-draw .draw-red-box-8 .single-top-right{top:1.15rem; left:15.25rem;}
.blue-box-draw .draw-red-box-8 .single-center-left{top:6.6rem; left:2.2rem;}
.blue-box-draw .draw-red-box-8 .single-center-right{top:6.6rem; left:17.45rem;}
.blue-box-draw .draw-red-box-8 .single-bottom{top:14.3rem; left:9.7rem;}
.blue-box-draw .draw-red-box-8 .single-bottom-left{top:12.1rem; left:4.2rem;}
.blue-box-draw .draw-red-box-8 .single-bottom-right{top:12.1rem; left:15.25rem;}

.blue-box-draw .draw-red-box-8 .draw-black em{background:url('images/draw-blue/draw-pop-shade.png') no-repeat; background-size:cover; opacity:1;}

@media screen and (min-width:320px) and (max-width:340px){
	.blue-box-draw .draw-info{line-height:1.5rem;}
	.blue-box-draw .draw-red-box-8 .draw-box-single-begin{width:5.5rem;height:5.5rem; top:5rem; left:7.3rem;}
	.blue-box-draw .draw-red-box-8 .draw-box-single{width:5.5rem;height:5.5rem;}
	.blue-box-draw .draw-red-box-8 .single-top{top:-.75rem; left:7.3rem;}
	.blue-box-draw .draw-red-box-8 .single-top-left{top:.9rem; left:3.3rem;}
	.blue-box-draw .draw-red-box-8 .single-top-right{top:.9rem; left:11.45rem;}
	.blue-box-draw .draw-red-box-8 .single-center-left{top:5rem; left:1.6rem;}
	.blue-box-draw .draw-red-box-8 .single-center-right{top:5rem; left:13.1rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom{top:10.75rem; left:7.3rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-left{top:9.2rem; left:3.3rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-right{top:9.2rem; left:11.45rem;}
}

@media screen and (min-width:340px) and (max-width:360px){
	.blue-box-draw .draw-info{line-height:1.5rem;}
	.blue-box-draw .draw-red-box-8 .draw-box-single-begin{width:5.5rem;height:5.5rem; top:6.5rem; left:8.7rem;}
	.blue-box-draw .draw-red-box-8 .draw-box-single{width:5.5rem;height:5.5rem;}
	.blue-box-draw .draw-red-box-8 .single-top{top:-1.2rem; left:8.8rem;}
	.blue-box-draw .draw-red-box-8 .single-top-left{top:1.3rem; left:3.8rem;}
	.blue-box-draw .draw-red-box-8 .single-top-right{top:1.3rem; left:13.5rem;}
	.blue-box-draw .draw-red-box-8 .single-center-left{top:6.4rem; left:2.4rem;}
	.blue-box-draw .draw-red-box-8 .single-center-right{top:6.4rem; left:15.3rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom{top:11.15rem; left:8.8rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-left{top:11.1rem; left:3.8rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-right{top:10.5rem; left:13.5rem;}
}


@media screen and (min-width:375px) and (max-width:400px){
	.blue-box-draw .draw-red-box-8 .draw-box-single-begin{width:6.5rem; height:6.5rem; top:6rem; left:8.8rem;}
	.blue-box-draw .draw-red-box-8 .draw-box-single{width:6.5rem;height:6.5rem;}
	.blue-box-draw .draw-red-box-8 .single-top{top:-.9rem; left:8.7rem;}
	.blue-box-draw .draw-red-box-8 .single-top-left{left:3.8rem;}
	.blue-box-draw .draw-red-box-8 .single-top-right{top:1.15rem; left:13.7rem;}
	.blue-box-draw .draw-red-box-8 .single-center-left{top:6rem; left:2rem;}
	.blue-box-draw .draw-red-box-8 .single-center-right{top:6rem; left:15.6rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom{top:12.85rem; left:8.7rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-left{top:11rem; left:3.8rem;}
	.blue-box-draw .draw-red-box-8 .single-bottom-right{top:11rem; left:13.7rem;}
}

.blue-draw-pop .purple-not-award{background:#1077a9; border:1px solid #00c4ef; border-radius:0;}
.blue-draw-pop .purple-not-award div, .blue-draw-pop .purple-not-award p{color:#fff;}
.blue-draw-pop .btn-grey a.purple-finish-btn{background:#185c81; border-radius:0; color:rgba(255,255,255,0.8);}
.blue-draw-pop .finish-icon{background:url('images/draw-blue/draw-finish.png') no-repeat; background-size:100% 100%;}
.blue-draw-pop .choice-icon{background:url('images/draw-blue/draw-choice.png') no-repeat; background-size:100% 100%;}
.blue-draw-pop .wait-icon{position:absolute; width:9.9rem; height:10.6rem; background:url('images/draw-blue/draw-wait.png') no-repeat; background-size:cover;left:50%; top:-6.1rem;margin-left:-4.41rem;}
.blue-draw-active{height:auto; padding:0 1.3rem; background:#1077a9; border:1px solid #00c4ef; border-radius:0;}
.blue-draw-active h1{position:relative; margin:1.5rem 0; font-size:1.66rem; color:#fff; }
.blue-draw-active h1 i{position:absolute; width:100%; height:1px;  box-sizing:content-box; background-image:linear-gradient(to right,#00c4ef 25%, rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0) 75%,#00c4ef 0); left:0; top:50%;}
.blue-draw-active div.blue-draw-active-con{width:100%; height:15rem; overflow:hidden; overflow-y:auto;}
.blue-draw-active p{padding:0; color:#fff; font-size:1rem; line-height:1.8rem;}
.purple-prize-con .blue-draw-active h1{margin:1rem 0 0; background:none;}
.blue-draw-active .draw-list{padding:0 5px; background:#22425a;}
.blue-draw-active .draw-list span, .blue-draw-active li span.r{color:#cfe3ed; font-size:1rem;}
.purple-draw-congratulation .blue-draw-active{background:#1077a9; border-radius:0; text-align:center;}
.purple-draw-congratulation .blue-draw-active em{background:url('images/draw-blue/draw-drilling.png') no-repeat; background-size:cover;}
.purple-draw-congratulation .blue-draw-active em.congratulation-voucher{width:9.8rem; height:6.3rem; background:url('images/draw-blue/draw-voucher.png') no-repeat; background-size:cover;}
.purple-draw-congratulation .blue-draw-active p{color:#fff;}
.purple-draw-congratulation .blue-draw-active div.draw-decorate{background:url('images/draw-blue/decorate.png') no-repeat; height:7.5rem; background-size:100% 100%; padding-top:1.5rem;}
.blue-draw-active .congratulation-choice{background:none; border-top:1px dashed #00c4ef;}
.blue-draw-active .congratulation-choice p{padding-left:0; opacity:.5;}
.blue-draw-active .btn-grey{padding:0 0 .83rem;}
.blue-draw-active .btn-grey a{background:#185c81; border:0; border-radius:0; color:rgba(255,255,255,0.8)}
[close],[draw-exec]{cursor: pointer;}

@media screen and (min-height:300px) and (max-height:450px){
	.blue-draw-active .draw-list{max-height:10rem;}
	.purple-prize-con .draw-list{max-height:8rem;}
	.purple-draw-con .purple-draw-active{height:12rem;}
}

[console]{
	position:absolute;
	top:0px;
	min-width:314px;
	height: 100px;
	z-index:10000;
	border: dashed #31ef6c;
}

/*=======实物抽奖======2017-11-07*/
.drawPopBody{ width: 90%;position: absolute;left: 50%;top: 45%;transform: translate(-50%, -50%);z-index: 10}
.drawPop{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 10;}
.drawPop i.close{left: 50%;margin-left: -1rem;display: block;position: absolute;width: 3rem;height: 3rem;margin-right: -1.5rem;background: url(images/draw-purple/close-icon.png) no-repeat;background-size: cover;bottom: -4rem;right: 50%;top: unset;}
.drawPop .dlog{text-align: center; height:9.6rem; background:url(images/gongxi.png) no-repeat 0 0; background-size:100% 100%;}
.drawPop .dlog img{width:100%}
.drawPop .proimg{width:6rem; height:6rem; overflow:hidden; margin:-1rem auto 1rem;}
.drawPop .proimg img{width:100%; height:100%;}
.drawPop .ctips{margin-bottom:1rem; text-align:center; font-size:1.5rem; color:#333;}
.drawPop .ctips-pad50{margin-bottom:1rem; text-align:center; font-size:1.5rem; color:#333;padding-bottom: 50px;}
.drawPop .bd{background:#fff; border-bottom-right-radius:10px; border-bottom-left-radius: 10px;}
.codeform{padding:0 1.5rem; overflow: hidden;}
.codeform .it{margin-bottom:10px; display:flex; display:-webkit-flex; padding:5px 10px;border:1px solid #d8d8d8; border-top:1px solid #d8d8d8; }
.codeform .it-error{border:1px solid #ff0000;}
.codeform .it .dt{width:30%; text-align:left; font-size:0.9rem; color:#666666;}
.codeform .it .dd{width:70%;}
.codeform .it .dd input{width:100%; border: none; text-align: left;}
.drawPop .ft{padding:0 1.5rem 1.5rem;}
.drawPop .btn_submit{height:2.5rem; line-height: 2.5rem; text-align: center; font-size:1rem; border-radius:4px; display:block; background:-webkit-linear-gradient(to top, #FF002D, #FF005F); background:linear-gradient(to top,#FF002D,#FF005F); color:#fff;}

.global-tips{margin-bottom:0.5rem;text-align:center; font-size:0.7rem; color:#ff0000;}
.global-tips i{margin-right:0.1rem;vertical-align:-0.2rem; display:inline-block; width:1rem; height:1rem; background: url(images/icon_tipserror.png) no-repeat 0 0; background-size:100% 100%;}

/*信息提交成功*/
.drawPopTips .dlog{margin-bottom:-5rem;}
.drawPopTips .dlogsuccess{position:absolute; width:100%; margin-top:-3rem; height:8rem; background: url(images/img_lion.png) no-repeat center 0; background-size:90% 100%;}

.drawPopTips .bd{padding:4rem 0 1rem; border-radius:10px;}
.submitTips{margin:2rem 0; text-align: center; font-size:2rem; color:#222;}
.drawPop .action{padding:.5rem 1rem; background: #F8F8F8; font-size:1rem; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.drawPop .action p{margin-bottom:0.5rem; color:#666;}
.drawPop .action .sbtn{display:flex; display: -webkit-flex;font-size:1rem; justify-content: space-between;}
.drawPop .action .sbtn a{width:48%;margin:	0 auto; display:block; height:2.5rem; line-height: 2.5rem; text-align: center; color:#fff; background:#FF004F; border-radius:4px;}

/*完善信息*/
.completePop .title{height:3rem; line-height:3rem; background:-webkit-linear-gradient(to top, #FF002D, #FF005F); background:linear-gradient(to top,#FF002D,#FF005F); color:#fff; font-size:1.3rem; color: #fff;text-align:center; border-top-left-radius:10px; border-top-right-radius:10px;  }
.completePop .info{padding:1rem 1rem 1.5rem;}
.completePop .info p{margin-bottom:0.8rem; font-size:0.9rem;}
.completePop .info p em{font-weight:700; color:#ff0000; font-size:1.1rem; padding:0 0.2rem;}
.completePop .info .it{display:flex; margin-bottom:0.5rem; font-size:0.9rem;}
.completePop .info .it .dt{width:60%;}
.completePop .info .it .dd{width:50%; text-align:right;}
.completePop .info .it .dt span{display:inline-block; background:#FF6600; font-size:0.8rem; color:#fff; padding: 0 0.4rem; border-radius:4px; margin-left:0.5rem;}

/*查看奖品信息*/
.completePop .codeform{padding-top:.8rem;padding-bottom:.8rem;}
.completePop .codeform .it-disabled{background:#F7F7F7;}
.completePop .codeform .it-disabled .dt{color:#bbb;}
.codeform .it .dd textarea.ipt{background:#fff; color:#666;height: 26px;}
.codeform .it-disabled .dd textarea.ipt ,.completePop .codeform .it-disabled input ,.codeform .dd textarea.ipt{background:#F7F7F7; text-align:left; color:#bbb; vertical-align:top; border:none; width:100%; resize:none; height:auto;}
.completePop .action p{font-size:0.8rem;}
.completePop .action p a{color:#fd3063; font-weight: normal;}

/*===============2017-11-03================*/
#layer{width:100%; height:100%; left:0; top:0; position:fixed; background:url(images/bg_trans.png) repeat 0 0; z-index:10;}
#expresscode {float: right;font-size: 0.8rem;vertical-align: top;}
.couponPop{position:fixed; margin-left:-40%; left:50%; margin-top:-8rem; top:50%; padding:0.7rem 0 0; width:80%; background:#fff; border-radius:4px; z-index:21;}
.couponPop .close{display:block; right:-0.75rem; top:-0.75rem; position:absolute; width:1.5rem; height:1.5rem; overflow:hidden; background:url(images/btn_popclose.png) no-repeat 0 0; background-size:100%;}
.couponPop .bd{padding:0.5rem 0;}
.couponPop .ctips{text-align:center; color:#222; font-size:1.1rem; margin-bottom:1.1rem;}
.couponPop .tips{color:#ff0000; margin:0.3rem;}
.codeform{text-align:center;}
.codeform .dt{display:inline-block; font-size:0.9rem; color:#666; line-height:1.8rem; vertical-align:top;}
.codeform .dd{display:inline-block; padding-left:0.3rem; text-align:left;}
.codeform .dd .ipt{padding:0 0.3rem; height:1.8rem; line-height:1.8rem; border:1px solid #8E8E93; box-sizing:border-box;}
.codeform .dd .code{margin-top:0.6rem}
.codeform .dd .code img{float:left; height:1.8rem; border:1px solid #dddddd;}
.codeform .dd .code span{display:inline-block; line-height:1.8rem; margin-left:0.5rem; font-size:0.8rem; color:#666;}
.codeform .dd .code span a{ color:#ff6600;}
.codeform .clipboard {font-size: 0.8rem;float: right;color: #339CF1;margin: -0.2rem 0.3rem 0;vertical-align: top;}
.couponPop .ft{height:2.8rem; margin-top:0.6rem; border-top:1px solid #ddd; line-height:2.8rem; text-align:center;}
.couponPop .ft a{display:block; color:#ff6600; font-size:1.1rem;}

.telcodeform{margin:0 1rem; }
.telcodeform p{font-size:1.1rem; margin-bottom:0.6rem;}
.telcodeform .telcode{margin-bottom:0.7rem; display:flex; display:-webkit-flex; height:2.2rem; line-height:2.2rem; border:1px solid #e2e2e4; border-right:1px solid #aaaaae; border-bottom:1px solid #aaaaae; justify-content:space-between; box-sizing:content-box;}
.telcodeform .telcode .ipt{border:none; padding:0 0.2rem; height:2.2rem; line-height:2.2rem; width:61%;}
.telcodeform .telcode span ,.telcodeform .telcode a{display:block; height:2.2rem; line-height:2.2rem; text-align:center; font-size:0.8rem; color:#666; background:#eee; width:39%;}
.telcodeform .telcode span{color:#999;}


.couponmsg{position:absolute; left:50%; margin-left:-8rem; margin-top:-4rem; top:50%; width:16rem; padding:1.2rem; background:url(images/bg_trans.png) repeat 0 0; text-align:center; color:#fff; border-radius:4px; z-index:20;}
.couponmsg h5{font-size:1.2rem; margin-bottom:0.6rem; font-weight:normal; color:#fff;}
.couponmsg p{font-size:0.9rem; line-height:1.5rem; color:#fff;}


.infolist{max-height:15rem; overflow-y:scroll;}


.ctips-pad50{text-align:center; font-size:16px; color:#fff; padding:2rem 0;}

/*移动首页实物样式*/
.purple-draw .draw-red-box-6{text-align:center;}
.purple-draw .draw-red-box-6 img{width:50px; height:50px; margin-top:0.8rem;}
.purple-draw .draw-red-box-6 span{display:block; font-size:0.8rem; color:#666;}

/*蓝色皮肤我的奖品*/
.draw-list a span{display: inline-block;}
.draw-list span.view-info{ background: #FF6600;  font-size: 0.8rem;  color: #fff;  padding: 0.1rem 0.3rem; border-radius: 4px;  margin-left: 0.1rem;}


/*=======实物抽奖======蓝色皮肤一套*/
/**.drawPopblue{width:90%; position: fixed; left: 50%; margin-left: -45%; top:50%; margin-top:-25rem; z-index: 10; background-color:#1077A9; border:1px solid #00C4EF;}*/
.drawPopblue{height: 100%;width: 100%;position: fixed;top: 0;z-index: 10;}
.drawPopblue i.close{position:absolute; width:3rem; height:3rem; margin-right:-1.5rem; background:url('images/draw-purple/close-icon.png') no-repeat; background-size:cover; bottom:-4rem; right:50%;}
.drawPopblue .dlog{text-align: center; height:9.6rem; background:url(images/gongxi.png) no-repeat 0 0; background-size:100% 100%;}
.drawPopblue .dlog img{width:100%}
.drawPopblue .proimg{width:6rem; height:6rem; overflow:hidden; margin:1rem auto 1rem;}
.drawPopblue .proimg img{width:100%; height:100%;}
.drawPopblue .ctips{margin-bottom:1rem; text-align:center; font-size:1.2rem; color:#fff;}
.drawPopblue .bd{border-bottom-right-radius:10px; border-bottom-left-radius: 10px;}
.codeformblue{padding:0 1.5rem; overflow: hidden;}
.codeformblue .it{margin-bottom:10px; display:flex; display:-webkit-flex; padding:3px 10px; background:#fff; border:1px solid #d8d8d8; border-top:1px solid #d8d8d8; }
.codeformblue .it-error{border:1px solid #ff0000;}
.codeformblue .it .dt{width:30%; text-align:left; font-size:0.8rem; color:#666666;}
.codeformblue .it .dd{width:70%;}
.codeformblue .it .dd input{width:100%; border: none; text-align: left;}
.codeformblue .clipboard {font-size: 0.8rem;float: right;color: #339CF1;margin: -0.2rem 0.3rem 0;vertical-align: top;}
.drawPopblue .ft{padding:0 1.5rem 1.5rem;}
.drawPopblue .btn_submit{height:2.5rem; line-height: 2.5rem; text-align: center; font-size:1rem; display:block; background:#185C81; background:#185C81; color:#fff;}

.blue-box-draw-bg .purple-draw .draw-red-box-6 span{color:#fff;}
.blue-box-draw-bg .purple-draw .draw-red-box-6 img{margin:1.1rem 0 0.4rem;}

/*信息提交成功*/
.drawPopblueTips .dlog{margin-bottom:-5rem;}
.drawPopblueTips .dlogsuccess{position:absolute; width:100%; margin-top: -7rem;margin-left: 1em; height:8rem; background: url(images/img_lion.png) no-repeat center 0; background-size:90% 100%;}


.drawPopblue .action{padding:0.6rem 1.5rem 1rem; font-size:0.9rem; text-align:center;}
.drawPopblue .action p{margin-bottom:0.5rem; color:#fff;}
.drawPopblue .action .sbtn{display:flex; display: -webkit-flex;font-size:1rem; justify-content: space-between;}
.drawPopblue .action .sbtn a{width:48%; display:block; height:2.8rem; line-height: 2.8rem; text-align: center; color:#fff; background:#185C81; }

/*完善信息*/
.completePopbule .title ,.drawPopblue .title{margin:1rem 3rem 0;height:3rem; line-height:3rem;text-align:center; font-size:1.5rem; color:#fff; background: url(images/bg_line.png) repeat-x 0 center;}
.completePopbule .title span ,.drawPopblue .title span{padding:0 0.6rem; display:inline-block; background: #1077A9;}
.completePopbule .info{padding:1rem 1rem 1.5rem;}
.completePopbule .info p{margin-bottom:0.8rem; font-size:1.1rem; color:#fff;}
.completePopbule .info p em{font-weight:700; color:#fede00; font-size:1.1rem; padding:0 0.2rem;}
.completePopbule .info .it{display:flex; margin-bottom:0.5rem; font-size:1rem;}
.completePopbule .info .it .dt{width:60%; color:#fff;}
.completePopbule .info .it .dt a{color:#fff;}
.completePopbule .info .it .dd{width:50%; text-align:right;color:#fff;font-size:0.9rem;}
.completePopbule .info .it .dt span{display:inline-block; background:#FF6600; font-size:0.8rem; color:#fff; padding: 0 0.5rem; border-radius:4px; margin-left:0.5rem;}

/*查看奖品信息*/
.codeformblue{padding-top:2rem;}
.codeformblue .it-disabled{background:#F7F7F7;}
.codeformblue .it-disabled .dt{color:#666;}
.codeformblue .it .dd textarea.ipt{background:#fff; color:#666;}
.codeformblue .it-disabled .dd textarea.ipt ,.completePopbule .codeformblue .it-disabled input ,.codeformblue .dd textarea.ipt{background:#F7F7F7; color:#bbb; vertical-align:top; border:none; width:100%; resize:none; height:auto; font-size:0.7rem;}
.completePopbule .action p{font-size:0.8rem;}
.completePopbule .action p b{color:#fd3063; font-weight: normal;}

/*复制成功提示框*/
.sf-scheck{display:inline-block; padding:0.4rem 0.5rem 0.4rem 0.5rem; white-space: nowrap; background:url(images/bg_trans.png) repeat 0 0;border-radius:2px;}
.sf-scheck>div>i{display: inline-block;width: 16px;height: 16px;background: url(images/tipsBg.png) no-repeat -182px 0; margin-right: 5px; vertical-align: -3px;}
.sf-scheck>div>span{font-size:12px;color:#ffffff;}

/*样式问题修改*/
.draw-box-single{text-align:center;}
.draw-box-single img{width:2.8rem; height:2.8rem; margin:0.9rem 0 0.2rem;}
.draw-box-single span{display:block; color:#fff; font-size:0.8rem;}
.textarea{width: 100%;border: none;  line-height: 1.5; text-align: left;width: 11rem;padding: 0.2rem;min-height: 1rem;max-height: 5rem;outline: 0;  font-size: 1rem;  word-wrap: break-word;  overflow-x: hidden;  overflow-y: auto;  -webkit-user-modify: read-write-plaintext-only;-webkit-user-select:text; }
.sn-nav-back{border-color:#ddd;}
.blue-box-draw-bg{margin-top:3rem;}

@media screen and (min-width:750px){
	.blue-box-draw .draw-red-box-6 .draw-box-single{width:6rem; height:6rem;}
	.blue-box-draw .draw-red-box-6 .single-top{margin-left:-3rem; top:-2.75rem;}
	.blue-box-draw .draw-top{height:3.8rem; line-height:3.8rem;}
	.blue-box-draw .draw-red-box-6 .single-top-right ,.blue-box-draw .draw-red-box-6 .single-bottom-right{left:62%;}
	.blue-box-draw .draw-red-box-6 .draw-box-single-begin{width:7.4rem; height:6.3rem; top:3.12rem; left:6.3rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom-left{top:6.4rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom-right{top:6.4rem;}
	.purple-draw .draw-box-single i.draw-voucher{width:4.2rem; margin-top:1.5rem;}
	.blue-box-draw .draw-red-box-6 .single-bottom{top:9.6rem;width:7rem;}
	.blue-box-draw .draw-red-box-6 .draw-black em:before{border-top:3rem solid transparent; left:-1.8rem; border-right:1.8rem solid #000;border-bottom:3rem solid transparent;}
	.blue-box-draw .draw-red-box-6 .draw-black em:after{border-top:3rem solid transparent; right:-1.8rem; border-left:1.8rem solid #000;border-bottom:3rem solid transparent;}

}


@media screen and (min-width:320px){
	.purple-draw .draw-red-box-6 img{width:3rem; height:3rem; margin-top:0.4rem;}
}
@media screen and (min-width:375px){
.purple-draw .draw-red-box-6 img{width:3.5rem;height:3.5rem;margin-top:0.9rem;}
}
.drawover-skin1{width: 80%; height: 7rem; margin: -7rem 10%;padding-top: 11.6rem; background: url(images/draw-purple/await.png) no-repeat;background-size: 100% 100%;font-size: 2.1rem; z-index: 12;position: absolute; line-height: 1.8rem;font-weight: bold;letter-spacing: 1px;color: #fff; text-align: center;top: 50%;}
.drawover-skin1 div{font-size: 1.66rem;line-height: 2.08rem;text-align: center;color: #fff;}
.drawover-skin1 p{padding-bottom: 1.29rem;font-size: 1.16rem;color: #fff; padding: 1rem 0 2rem;}
.drawover-skin3{width: 80%; height: 7rem; margin: -7rem 10%;padding-top: 11.6rem; background: url(images/draw-purple/await.png) no-repeat;background-size: 100% 100%;font-size: 2.1rem; z-index: 12;position: absolute; line-height: 1.8rem;font-weight: bold;letter-spacing: 1px;color: #fff; text-align: center;top: 50%;}
.drawover-skin3 div{font-size: 1.66rem;line-height: 2.08rem;text-align: center;color: #fff;}
.drawover-skin3 p{padding-bottom: 1.29rem;font-size: 1.16rem;color: #fff; padding: 1rem 0 2rem;}