* {margin: 0;padding: 0;}
html,body{margin: 0; padding: 0; width: 100%;   height: 100%; text-align: center; background: #FFF;}
section{width: 10rem;min-height: 14.88rem;  max-height: 16.226666rem;height: 100%; position: relative; margin: auto;overflow: hidden;
-webkit-perspective: 1500px;-webkit-transform-style: preserve-3d;-webkit-perspective-origin: 50% 50%;}
.logo{width:4.306666rem; height: 0.506666rem; position: absolute; left: 0.453333rem; top: 0.413333rem; background: url(../images/logo.png); background-size: 100% 100%;}
.musicBtn{ width:0.666666rem; height: 0.666666rem; position: absolute; right: 0.346666rem; top: 0.346666rem; background: url(../images/musicBtn.png); background-size:100% 100% ; z-index: 1000;}

.loadingSection{}
.loadingSection .per{position: absolute; left: 50%; width: 3rem; margin-left: -1.5rem; top: 8.306666rem; font-size: 14px;}   
.loadingSection .note{position: absolute; left: 50%; width: 3rem; margin-left: -1.5rem; top: 7.493333rem; font-size: 14px;}


.fullBox{width: 100%; height: 100%; position: absolute;}
.homeSection{}
.homeSection .cardLayers{-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg);width: 5.84rem; height: 10.08rem; left: 50%; top: 1.466666rem; margin-left: -2.933333rem;position: absolute;}

 .frontLayer0{width: 5.84rem; height: 10.08rem; position: absolute; background: url(../images/frontLayer0.png); background-size: 100% 100%;-webkit-transform: translateZ(0);}
 .frontLayer1{width: 5.84rem; height: 10.08rem; position: absolute; background: url(../images/frontLayer1.png); background-size: 100% 100%;-webkit-transform: translateZ(0.266666rem);}
 .frontLayer2{width: 5.84rem; height: 10.08rem; position: absolute; background: url(../images/frontLayer2.png); background-size: 100% 100%;-webkit-transform: translateZ(0.533333rem);}

 .backLayer0{width: 5.84rem; height: 10.08rem; position: absolute; background:url(../images/backLayer0.png); background-size:100% 100%;-webkit-transform: translateZ(-0.026666rem) rotateY(180deg);}
 .backLayer1{width: 5.84rem; height: 10.08rem; position: absolute; background:url(../images/backLayer1.png); background-size:100% 100%;-webkit-transform: translateZ(-0.266666rem) rotateY(180deg);}
 .backLayer2{width: 5.84rem; height: 10.08rem; position: absolute; background:url(../images/backLayer2.png); background-size:100% 100%;-webkit-transform: translateZ(-0.533333rem) rotateY(180deg);}
 .backLayer3{width: 5.84rem; height: 10.08rem; position: absolute; background:url(../images/backLayer3.png); background-size:100% 100%;-webkit-transform: translateZ(-0.8rem) rotateY(180deg);}

.homeSection .lampBox{width: 5.84rem; height: 10.08rem; position: absolute;-webkit-transform: translateZ(0.8rem);-webkit-transform-style: preserve-3d;}
.lampBox .lamp{width: 0.426666rem; height: 0.413333rem; position: absolute; background: url(../images/lampWhite.png); background-size: 100% 100%;-webkit-transform-style: preserve-3d;}
.homeSection .lampBox .lamp{background: url(../images/lampWhite2.png); background-size: 100% 100%;}
.lampBox .lamp img{width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0;}
.lightLamp{-webkit-animation: lightLampShake 500ms infinite;}
@-webkit-keyframes lightLampShake{
	0%{opacity: 0;}
	50%{opacity: 1;}
	100%{opacity: 0;}
}
.lamp1{left: 2.146666rem; top: 4.773333rem;}
.lamp2{left: 1.88rem; top: 4.32rem;}
.lamp3{left: 1.466666rem; top: 3.973333rem;}
.lamp4{left: 1.12rem; top: 3.613333rem;}
.lamp5{left: 1.013333rem; top: 3.093333rem;}
.lamp6{left:1.026666rem; top:2.573333rem;}
.lamp7{left:1.026666rem; top:2.04rem;}
.lamp8{left:1.04rem; top:1.533333rem;}
.lamp9{left:1.066666rem; top:1.053333rem;}
.lamp10{left:1.573333rem; top:0.973333rem;}
.lamp11{left:2.066666rem; top:0.973333rem;}
.lamp12{left:2.546666rem; top:0.973333rem;}
.lamp13{left:3.013333rem; top:0.96rem;}
.lamp14{left:3.493333rem; top:0.96rem;}
.lamp15{left:3.986666rem; top:0.973333rem;}
.lamp16{left:4.426666rem; top:1.106666rem;}
.lamp17{left:4.44rem; top:1.6rem;}
.lamp18{left:4.44rem; top:2.053333rem;}
.lamp19{left:4.44rem; top:2.56rem;}
.lamp20{left:4.44rem; top:3.013333rem;}
.lamp21{left:4.413333rem; top:3.533333rem;}
.lamp22{left:4.066666rem; top:3.866666rem;}
.lamp23{left:3.693333rem; top:4.173333rem;}
.lamp24{left:3.346666rem; top:4.506666rem;}
.lamp25{left:3.36rem; top:5rem;}
.lamp26{left:3.666666rem; top:5.373333rem;}
.lamp27{left:4.013333rem; top:5.653333rem;}
.lamp28{left:4.346666rem; top:5.973333rem;}
.lamp29{left:4.4rem; top:6.426666rem;}
.lamp30{left:4.426666rem; top:6.906666rem;}
.lamp31{left:4.4rem; top:7.386666rem;}
.lamp32{left:4.426666rem; top:7.866666rem;}
.lamp33{left:4.426666rem; top:8.306666rem;}
.lamp34{left:4.12rem; top:8.586666rem;}
.lamp35{left:3.626666rem; top:8.6rem;}
.lamp36{left:3.16rem; top:8.613333rem;}
.lamp37{left:2.68rem; top:8.626666rem;}
.lamp38{left:2.213333rem; top:8.613333rem;}
.lamp39{left:1.706666rem; top:8.6rem;}
.lamp40{left:1.24rem; top:8.586666rem;}
.lamp41{left:1.04rem; top:8.226666rem;}
.lamp42{left:1.053333rem; top:7.76rem;}
.lamp43{left:1.04rem; top:7.306666rem;}
.lamp44{left:1.053333rem; top:6.84rem;}
.lamp45{left:1.04rem; top:6.293333rem;}
.lamp46{left:1.226666rem; top:5.84rem;}
.lamp47{left:1.573333rem; top:5.56rem;}
.lamp48{left:1.96rem; top:5.24rem;}



.prizeBtn{width: 5.826666rem; height: 1.36rem; position: absolute; top: 11.79rem; left: 50%; margin-left: -2.946666rem; border: 0.066666rem solid #274993; font-size: 0.64rem; color: #274993; font-weight: bold; line-height: 1.36rem; -webkit-border-radius: 0.213333rem;border-radius: 0.213333rem;}
.ann{width: 8.533333rem; height: 0.4rem; position: absolute; left: 50%; margin-left: -4.24rem; top: 13.42rem; background: url(../images/annBg.png) no-repeat; background-size: 0.36rem 0.36rem; }
.ann ul{list-style: none; margin: 0; padding: 0; width: 100%;}
.ann ul li{text-align: center !important; font-size: 0.4rem; line-height: 0.4rem; font-size: 0.32rem; }
.homeBtn1{width: 1.906666rem; height: 0.56rem; position: absolute; top: 14.0rem; left: 50%; margin-left: -4.24rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.56rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.homeBtn2{width: 1.906666rem; height: 0.56rem; position: absolute; top: 14.0rem; left: 50%; margin-left: -2.053333rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.56rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.homeBtn3{width: 1.906666rem; height: 0.56rem; position: absolute; top: 14.0rem; left: 50%; margin-left: 0.146666rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.56rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.homeBtn4{width: 1.906666rem; height: 0.56rem; position: absolute; top: 14.0rem; left: 50%; margin-left: 2.32rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.56rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}


.prizeDrawSection{}
.prizeDrawSection .cardLayers{-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg) scale(1.1); -webkit-transform-origin: 50% 0; width: 5.84rem; height: 10.08rem; left: 50%; top: 1.466666rem; margin-left: -2.933333rem;position: absolute;}
.prizeDrawSection .lampBox{width: 5.84rem; height: 10.08rem; position: absolute;-webkit-transform: translateZ(0.8rem);-webkit-transform-style: preserve-3d;}
.prizeDrawSection .prizeBtn{width: 4.2rem; height: 0.973333rem; position: absolute; top:12.723333rem; left: 50%; margin-left: -2.1rem; border: 0.066666rem solid #274993; font-size: 0.466666rem; color: #274993; font-weight: bold; line-height: 0.973333rem; -webkit-border-radius: 0.213333rem;border-radius: 0.213333rem;}
.prizeDrawSection .backHomeBtn{width: 2.013333rem; height: 0.6rem; position: absolute; top: calc(14rem + (100% - 14.88rem) * 0.3 ); left: 50%; margin-left: -1rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.6rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}

.myPrizesSection{}
.myPrizesSection .cardLayers{-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg); -webkit-transform-origin: 50% 0; width: 6.946666rem; height: 11.986666rem; left: 50%; top: 1.546666rem; margin-left:-3.506666rem;position: absolute;}
.myPrizesSection .frontLayer0{width: 6.946666rem; height: 11.986666rem; position: absolute; background: url(../images/myPrizesBg.png); background-size: 100% 100%;-webkit-transform: translateZ(0);}
.myPrizesSection .frontLayer1{width: 6.946666rem; height: 11.986666rem; position: absolute; background: none; -webkit-transform: translateZ(0.266666rem);}
.myPrizesSection .backLayer1{width: 6.946666rem; height: 11.986666rem; position: absolute; background: none; -webkit-transform: translateZ(-0.026666rem) rotateY(180deg);}

.myPrizesSection .backHomeBtn{width: 2.013333rem; height: 0.6rem; position: absolute; top: 14.0rem; left: 50%; margin-left: -1rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.6rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.myPrizesSection .swiper-container {width: 5.786666rem;height: 8.56rem;position: absolute; left: 0.76rem; top: 2.24rem;}   
.swiper-container-vertical > .swiper-scrollbar {width: 0.093333rem !important;position: absolute;right: 0;z-index: 150;width: 0.093333rem;background: transparent;}
.swiper-scrollbar-drag {height: 100%;width: 0.093333rem;position: relative;background: #FF9000;-webkit-border-radius: 0.04rem;border-radius: 0.04rem;left: 0;top: 0;}
.swiper-scrollbar-cursor-drag {cursor: move;}
.myPrizesSection ul{list-style: none;}
.myPrizesSection ul li{width: 5.36rem; height: 2.613333rem; background: url(../images/liBg.png); background-size: 100% 100%; margin-bottom: 0.266666rem; position: relative;}
.myPrizesSection ul li .imgBox{width: 1.493333rem; height: 1.546666rem; position: absolute; left: 0.626666rem; top: 0.36rem;}
.myPrizesSection ul li .imgBox img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.myPrizesSection ul li .imgBox .abandonTag{ width: 0.84rem; height: 0.333333rem; position: absolute; left: 0.52rem; top: 0.186666rem; background: url(../images/abandonTag.png); background-size: 100% 100%;}
.myPrizesSection ul li .dataLabel{position: absolute; width: 3.2rem; height: 0.5rem; right: 0.133333rem; top: 0.546666rem; font-size: 0.26rem; line-height: 0.5rem; text-align: center; color: #FFF;}
.myPrizesSection ul li .prizeNote{width: 1.826666rem; height: 0.573333rem; position: absolute; bottom: 0.733333rem; right: 0.733333rem;  border: 0.026666rem solid #FFF; font-size: 0.3rem; color: #FFF;  line-height: 0.573333rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}

.plTitle{ height: 1.026666rem; width: 100%; position: absolute; top: 0.866666rem; font-size: 0.453333rem; color: #FFF; text-align: center;}
.plClose{height: 0.533333rem; width: 0.533333rem; position: absolute; top: 0.466666rem; right: 0.466666rem; background: url(../images/plClose.png); background-size: 100% 100%;}
.myPrizesSection .backLayer1 p{ font-size: 0.32rem; color: #FFF; text-align: left;width:5.86rem; margin-bottom: 0.266666rem;}
.myPrizesSection .backLayer1 p span{width: 0.293333rem; height: 0.293333rem; background: url(../images/whiteDot.png); background-size: 100% 100%; display: inline-block; vertical-align: middle;}
.myPrizesSection .backLayer1 p.title{ font-size: 0.32rem; font-weight: bold; margin-bottom: 0.266666rem; color: #FFF; text-align: left;}
.myPrizesSection .backLayer1 .swiper-container{width:5.96rem;height: 8.56rem;position: absolute; left: 0.506666rem; top: 2.24rem;}  


.ruleSection{}
.ruleSection .cardLayers{-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg); -webkit-transform-origin: 50% 0; width: 6.946666rem; height: 11.986666rem; left: 50%; top: 1.546666rem; margin-left:-3.506666rem;position: absolute;}
.ruleSection .frontLayer0{width: 6.946666rem; height: 11.986666rem; position: absolute; background: url(../images/myPrizesBg.png); background-size: 100% 100%;-webkit-transform: translateZ(0);}
.ruleSection .frontLayer1{width: 6.946666rem; height: 11.986666rem; position: absolute; background: none; -webkit-transform: translateZ(0.266666rem);}

.ruleSection .frontLayer1 p{ font-size: 0.32rem; color: #FFF; text-align: left;width:5.86rem; margin-bottom: 0.266666rem;}
.ruleSection .frontLayer1 p span{width: 0.293333rem; height: 0.293333rem; background: url(../images/whiteDot.png); background-size: 100% 100%; display: inline-block; vertical-align: middle;}
.ruleSection .frontLayer1 p.title{ font-size: 0.32rem; font-weight: bold; margin-bottom: 0.266666rem; color: #FFF; text-align: left;}
.ruleSection .frontLayer1 .swiper-container{width:5.96rem;height: 8.56rem;position: absolute; left: 0.506666rem; top: 2.24rem;}  
.ruleSection .backHomeBtn{width: 2.013333rem; height: 0.6rem; position: absolute; top: 14.0rem; left: 50%; margin-left: -1rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.6rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}


.scheduleSection{}
.scheduleSection .cardLayers{-webkit-transform-style: preserve-3d;-webkit-transform: rotateY(0deg); -webkit-transform-origin: 50% 0; width: 6.946666rem; height: 11.986666rem; left: 50%; top: 1.546666rem; margin-left:-3.506666rem;position: absolute;}
.scheduleSection .frontLayer0{width: 6.946666rem; height: 11.986666rem; position: absolute; background: url(../images/myPrizesBg.png); background-size: 100% 100%;-webkit-transform: translateZ(0);}
.scheduleSection .frontLayer1{width: 6.946666rem; height: 11.986666rem; position: absolute; background: none; -webkit-transform: translateZ(0.266666rem);}

.scheduleLamps{width: 6rem;height: 4.773333rem; position: absolute; top: 3.413333rem; left: 50%; margin-left: -3rem;}
.scheduleLamps .lineBg{width: 0.386666rem; height: 4.56rem; position: absolute; left: 0.28rem; top: 0.066666rem; background: url(../images/lineBg.png); background-size: 100% 100%;}
.scheduleLamps .lampBg{width: 0.466666rem; height: 0.493333rem; background: url(../images/scheduleLampBg.png); background-size: 100% 100%; position: absolute;}
.scheduleLamps .lampBg:nth-child(1){left: 0.24rem; top: 0.04rem;}
.scheduleLamps .lampBg:nth-child(2){left: 0.24rem; top: 0.626666rem;}
.scheduleLamps .lampBg:nth-child(3){left: 0.24rem; top: 1.213333rem;}
.scheduleLamps .lampBg:nth-child(4){left: 0.24rem; top: 1.813333rem;}
.scheduleLamps .lampBg:nth-child(5){left: 0.24rem; top: 2.4rem;}
.scheduleLamps .lampBg:nth-child(6){left: 0.24rem; top: 2.986666rem;}
.scheduleLamps .lampBg:nth-child(7){left: 0.24rem; top: 3.586666rem;}
.scheduleLamps .lampBg:nth-child(8){left: 0.24rem; top: 4.173333rem;}
.scheduleLamps .lampBg.lampLight{background: url(../images/scheduleLampLight.png); background-size: 100% 100%;}

.scheduleLamps .dayTxt{ font-size:0.32rem; position: absolute; left: 0.986666rem; color: #747474;}
.scheduleLamps .dayTxt:nth-child(1){top: 0.04rem;}
.scheduleLamps .dayTxt:nth-child(2){top: 0.626666rem;}
.scheduleLamps .dayTxt:nth-child(3){top: 1.213333rem;}
.scheduleLamps .dayTxt:nth-child(4){top: 1.813333rem;}
.scheduleLamps .dayTxt:nth-child(5){top: 2.4rem;}
.scheduleLamps .dayTxt:nth-child(6){top: 2.986666rem;}
.scheduleLamps .dayTxt:nth-child(7){top: 3.586666rem;}
.scheduleLamps .dayTxt:nth-child(8){top: 4.173333rem;}

.scheduleLamps .dayTxtLight{ font-size:0.32rem; position: absolute; left: 0.986666rem; color: #FFD303; display: none;}
.scheduleLamps .dayTxtLight:nth-child(1){top: 0.04rem;}
.scheduleLamps .dayTxtLight:nth-child(2){top: 0.626666rem;}
.scheduleLamps .dayTxtLight:nth-child(3){top: 1.213333rem;}
.scheduleLamps .dayTxtLight:nth-child(4){top: 1.813333rem;}
.scheduleLamps .dayTxtLight:nth-child(5){top: 2.4rem;}
.scheduleLamps .dayTxtLight:nth-child(6){top: 2.986666rem;}
.scheduleLamps .dayTxtLight:nth-child(7){top: 3.586666rem;}
.scheduleLamps .dayTxtLight:nth-child(8){top: 4.173333rem;}

.scheduleLamps .day0Txt{ width: 3.586666rem; height: 2.853333rem; position: absolute; left: 2.2rem; top:0.893333rem ; background: url(../images/day0Txt.png); background-size: 100% 100%; display: none;}

.scheduleSection .frontLayer1 p{ font-size: 0.32rem; color: #FFF; text-align: center; width: 6rem;}
.scheduleSection .frontLayer1 p.p1{ font-size: 0.32rem; line-height: 0.5rem;  color: #FFF; text-align: center; position: absolute; top: 1.986666rem; left: 50%; margin-left: -3rem;}
.scheduleSection .frontLayer1 p.p3{ font-size: 0.34rem; line-height: 0.5rem;  color: #FFA103; text-align: left; font-weight: bold; position: absolute; top: 8.56rem; left: 50%; margin-left: -3rem;}
.scheduleSection .frontLayer1 p.p4{ font-size: 0.28rem;   color: #FFF; text-align: left; line-height: 0.5rem; position: absolute; top:10rem; left: 50%; margin-left: -3rem;}

.scheduleSection .frontLayer1 .swiper-container{width:6.266666rem;height: 9.173333rem;position: absolute; left: 0.4rem; top: 2.133333rem;}  
.scheduleSection .backHomeBtn{width: 2.013333rem; height: 0.6rem; position: absolute; top: 14.0rem; left: 50%; margin-left: -1rem; border: 1px solid #274993; font-size: 0.32rem; color: #274993; font-weight: bold; line-height: 0.6rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}


/* pops */
.md-modal {position: fixed;top: 50%;left: 50%;z-index: 2000;visibility: hidden;-webkit-backface-visibility: hidden;-webkit-transform: translateX(-50%) translateY(-50%);}

.md-overlay {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background:rgba(9,31,79,0.9);webkit-transition: all 0.3s;}
.md-overlay2 {position: fixed;width: 100%;height: 100%;visibility: hidden;top: 0;left: 0;z-index: 1000;opacity: 0;background:rgba(255,255,255,0);webkit-transition: all 0.3s;}
.md-modal:not(.dragTip).md-show ~ .md-overlay {opacity: 1;visibility: visible;}


.md-shareModal{position: absolute;width: 3.093333rem; height: 2.733333rem; right: 0.32rem; top: 0.48rem; background: url(../images/share.png); background-size:100% 100% ;z-index: 2000;visibility: hidden;}
.md-shareModal.md-show  ~ .md-overlay {opacity:1;visibility: visible;}
.md-show {visibility: visible;}
/* Content styles */
.md-content {position: relative; margin: 0 auto;width: 6.853333rem; height: 7.333333rem}

.md-effect .md-content {-webkit-transform: translateY(20%);opacity: 0;-webkit-transition: all 0.3s;}
.md-show.md-effect .md-content {-webkit-transform: translateY(0);opacity: 1;}
.md-close{ width: 0.786666rem; height: 0.786666rem; position: absolute; display: block; right: -0.3rem; top:-0.3rem; background:url(../images/closeBtn.png); background-size: 100% 100%;z-index: 1;}

.popNote1{font-size: 0.533333rem; color: #FFF;margin-top: 1.333333rem;}
.popNote2{font-size: 0.266666rem; color: #FFF; margin-top: 2.533333rem;}
.popNote3{font-size: 0.346666rem; color: #FFF; position:absolute;top: 2.893333rem; left: 2.386666rem;}

.unStartTip .popNote1{font-size: 0.56rem; line-height: 1.2rem;}
.homeBody .noBindTip .popNote1{font-size: 0.56rem; line-height: 1.2rem;}

.md-content  .btn1{width: 2.986666rem; height: 0.746666rem; position: absolute; bottom: 1.68rem; left: 50%; margin-left: -1.45rem; border: 1px solid #FFF; font-size: 0.346666rem; color: #FFF; font-weight: bold; line-height: 0.746666rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.md-content  .btn2{width: 2.986666rem; height: 0.746666rem; position: absolute; bottom: 0.366666rem; left: 50%; margin-left: -1.45rem; border: 1px solid #FFF; font-size: 0.346666rem; color: #FFF; font-weight: bold; line-height: 0.746666rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}
.md-content  .btn3{width: 2.986666rem; height: 0.746666rem; position: absolute; bottom: 1.266666rem; left: 50%; margin-left: -1.45rem; border: 1px solid #FFF; font-size: 0.346666rem; color: #FFF; font-weight: bold; line-height: 0.746666rem; -webkit-border-radius: 0.08rem;border-radius: 0.08rem;}

.popResult .md-content{width: 6.853333rem; height: 12.08rem;}
.popResult .popNote2{position: absolute ; top: 3.2rem ; width: 100%; text-align: left; font-size: 0.346666rem;}

.popSuccess1 .md-content{width: 6.853333rem; height: 10.08rem;}
.popSuccess1 .popNote2{position: absolute ; top: 3.2rem ; width: 100%; text-align: center; font-size: 0.346666rem;}
.popSuccess2 .md-content{width: 6.853333rem; height: 10.08rem;}
.popSuccess2 .popNote2{position: absolute ; top: 3.2rem ; width: 100%; text-align: center; font-size: 0.346666rem;}
.popNoteResult{width: 5.36rem; height: 4.746666rem; position: absolute; top: 0.56rem; left: 0.746666rem; background: url(../images/popNoteResult.png); background-size: 100% 100%;}
.popNoteResult p.p1{font-size: 0.48rem; color: #FFF;margin-top: 0.8rem;}
.popNoteResult p.p2{font-size: 0.48rem; color: #FFF;margin-top: 0.563333rem;}
.popNoteResult p.res{font-size: 0.48rem; color: #FFF;margin-top: 0.206666rem;}

.popSuccess1 p.p1,.popSuccess2 p.p1{font-size:0.533333rem; margin-top: 1.2rem;}
.popSuccess1 p.p2,.popSuccess2 p.p2{font-size:0.42; margin-top: 0.363333rem;}
.prize1Color{color: #FF8A00 !important;}
.prize2Color{color: #00E5E6 !important;}
.popSuccess1.md-show ~ .md-overlay,.popSuccess2.md-show ~ .md-overlay {background: url(../images/ray.png) no-repeat rgba(9,31,79,0.9); background-size: 10rem 14.986666rem;}
.popBeforeDraw {top: 1.4rem !important; -webkit-transform:translateX(-50%) translateY(0);}
.popBeforeDraw .md-content{width: 6.424rem; height: 11.088rem; border: 0.066666rem solid #FFF; -webkit-border-radius: 0.8rem;border-radius: 0.8rem;}
.popBeforeDraw .popNote1{font-size: 0.4rem; color: #FFF;margin-top: 2rem;}
.popBeforeDraw .popNote2{font-size: 0.373333rem; color: #FFF; font-weight: bold; margin-top: 1.693333rem;}
.popBeforeDraw .popNote3{font-size: 0.373333rem; color: #FFF; position:initial; margin-top: 0.493333rem;}
.popBeforeDraw .popYelBox{font-size: 0.373333rem; color: #FFF; padding-top: 0.573333rem; margin-top: 0.333333rem;line-height: 0.56rem; background: url(../images/lampYel.png) no-repeat; background-size: 0.45rem 0.45rem; background-position: 50% 0.133333rem;}
.popBeforeDraw .popBluBox{font-size: 0.373333rem; color: #FFF; padding-top: 0.573333rem; margin-top: 0.333333rem;line-height: 0.56rem; background: url(../images/lampRed.png) no-repeat; background-size: 0.45rem 0.45rem; background-position: 50% 0.133333rem;}
.popBeforeDraw .md-content  .btn1{bottom: -1.066666rem; top: auto;}
.handTip{width: 1.466666rem; height: 0.426666rem; position: absolute; left: 2.693333rem; top: 0.666666rem; background: url(../images/arrawTip.png); background-size: 100% 100%;}
.handTip .hand{width: 1.426666rem; height: 1.52rem; position: absolute; left: 0.2rem; top: 0.6rem; background: url(../images/hand.png); background-size: 100% 100%;-webkit-animation: handShake 2000ms infinite;}
@-webkit-keyframes handShake{
	0%{left: 0.2rem;}
	50%{left: 0.8rem;}
	100%{left: 0.2rem;}
}
.homeBody .dragTip{z-index: 500; top: 6.6rem;}
.homeBody .dragTip.md-show ~ .md-overlay2 {opacity: 0;visibility: hidden;}
.homeBody .dragTip .md-content{width: 2.44rem; height: 3.106666rem; background: rgba(9,31,79,0.9); -webkit-border-radius:0.213333rem;border-radius:0.213333rem ;  }
.homeBody .dragTip .popNote3{font-size: 0.346666rem; color: #FFF; position:absolute;top: 2.4rem; left: 0; width: 2.44rem; }
.handTip{width: 1.466666rem; height: 0.426666rem; position: absolute; left: 0.5rem; top: 0.5rem; background: url(../images/arrawTip.png); background-size: 100% 100%;}