#wrap{position: relative;width:100%;min-height: 17.8rem;}
/*背景音乐 S */
.music-play{position: fixed;top: 0.3rem;left: 0.3rem;width:1rem;height: 1rem;border-radius: 50%;background: url(../image/music.png) no-repeat;background-size:100% 100%;z-index: 9;box-shadow: 0px 0px 0.1rem rgba(0,0,0,.16); -webkit-animation: music 2s linear infinite;}
.Musicpaused {-webkit-animation-play-state:paused; animation-play-state:paused;background: url(../image/musicd.png) no-repeat;background-size:100% 100%;}
@-webkit-keyframes music {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}
/*背景音乐 E*/

.modality1{background: linear-gradient(to bottom, #ff4c42, #ff544a);}
.r-bag{position: absolute;width: 100%;height: 100%;overflow: hidden;z-index: 1;top: 0;left: 0;}
.r-cont{position: relative;z-index: 3;padding-bottom: 1rem;}
.header {padding: 0.3rem 0.49333333rem 0rem 0.49333333rem;}
.title {width: 8.6rem;margin: .15rem auto;margin-bottom: .284rem;}
/*轮盘*/
.rotate {position: relative;width: 100%;height: 9.5rem;}
.lunpai{position: absolute;left: 50%;top: 0;width: 9.2rem;height: 9.2rem;margin-left: -4.6rem;border-radius: 50%;}
.modality1 .lunpai{box-shadow: 0px 0px 1.5rem rgba(255,51,0,.8);}
#btn {position: absolute;left: 50%;top: 50%;width: 2.13333333rem;transform: translate(-50%,-50%);margin: -.5rem 0 0 -0.01rem;z-index: 9;}
.running {-o-animation: init 60s linear infinite;-ms-animation: init 60s linear infinite;-moz-animation: init 60s linear infinite;-webkit-animation: init 60s linear infinite;animation: init 60s linear infinite;}
@keyframes init {
  100% {
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.sty1-bag{position: absolute;z-index: -1;width: 96%;top: 3%;left: 2%;}
.dial{display: none;}
.dial1 .dial1-1,.dial2 .dial1-2,.dial3 .dial1-3,.dial4 .dial1-4,.dial5 .dial1-5{display: block;}

.a1,.a2,.a3,.a4,.a5,.a6{display: none;}
.modality1 .a1,.modality2 .a2,.modality3 .a3,.modality4 .a4,.modality5 .a5,.modality6 .a6{display: block;}

/*次数*/
.border {margin: 0rem auto;font-size: 0.4rem;line-height: 0.67rem;text-align: center;color: #fff;/* text-shadow:2px 2px 0px #fff; */}
#change{font-size: 0.5rem;}

/* 活动说明 */
.borback{border: 0.05rem dotted #fff600;border-radius: 10px;background: rgba(255,255,255,.3);padding:.5rem;box-sizing: border-box;width: 90%;margin: 0 auto;margin-top: .5rem;}
.title-but{font-size: .5rem;font-weight: bold;color: #fff600;text-align:center;margin-bottom: .5rem;}
.title-but>span{position: relative;/* display: inline-block; */}
.title-but .left,.title-but .right{position: absolute;width: 1.8rem;height: 0.026rem;background: #fff600;top: 50%;transform: translateY(-50%);}
.title-but .left:before,.title-but .right:before{position: absolute;content: '';display: block;width: 0.18rem;height: 0.18rem;border-radius: 50%;background:#fff600;top: 50%;transform: translateY(-50%);}
.title-but .right{right: -2rem;}
.title-but .right:before{right: -0.18rem;}
.title-but .left{left: -2rem;}
.title-but .left:before{left: -0.18rem;}
.instru-txt{font-size: .38rem;color: #fff;line-height: .6rem;}

.prize-btitle{font-size: .42rem;font-weight: 600;}
.flex-box{display: flex;}
.flex-box li{margin-right: .3rem;line-height:.8rem;box-sizing: border-box;}
.flex-box li:nth-child(1){/*margin-right: 1.3rem;*/width: 1.86rem;}
.flex-box li:nth-child(2){flex: 1;}
.flex-box li:nth-child(3n){margin-right: 0;text-align: right;}
.prize-btitle.flex-box li:nth-child(1){padding-left: .18rem;}

/* 未中奖 */
.pre-box{position: absolute;width: 100%;height: 100%;top: 0;left: 0; z-index: 9;}
.modality1 .win-txt{margin-top: -0.96rem;margin-left: .2rem;font-size: 0.77rem;font-weight: 600;color: #d31a1b;}
.modality1 .h-title{top: .1rem;left: 4.5rem;font-size: .7rem;color: #f9e98d;transform: rotate(10deg);}
.modality1 .btn{width: 3.866667rem;height: 1.17333333rem;border-radius:1.17333333rem;background: #D31A1B;font-size: 0.53rem;color: #fff;line-height:1.17333333rem;}
.modality1 #mask .winning{width: 100%;left: 0;margin-left: 0;margin-top: -5.5rem;}
.modality1 #mask .h-title{font-size: .56rem;top: 1.6rem;left: 5.2rem;}
.modality1 #mask .btn{bottom: 2.6rem;}
.trophy{text-align: center;position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);margin-top: -1rem;}
.modality1 .tro-title{font-size:0.53rem;color: #D31A1B;font-weight: bold;}
.modality1 .trophy img{width: 1.92rem;height: 1.68rem;border-radius: 5px;display: block;margin: .3rem auto;}
.modality1 .trophy p{font-size: 0.3466rem;font-weight: bold;color:#D31A1B;position: static;margin-left: 0;transform: translate(0);}
.modality1 .trophy p .a1{display: inline-block;}
.modality1 .title-but>span{display: inline-block;}
/* 提示框 */
.Fill-info,.Fill-img,.Fill-wimg{display: none;}
.box-popup{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;background: rgba(0,0,0,.6);}
.box-cont{width: 7.73rem;/* height: 6.26rem; */border-radius: 0.26rem;background: #FCD62B;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 1.2rem;box-sizing: border-box;}
.box-cont:before{width: 6.73rem;height: calc(100% - 1rem);position: absolute;content:'';display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);border-radius:0.3rem;z-index: 0;background: url(../image/bk1.png) no-repeat;background-size:100% 100%;}
.dw-cont{position: relative;z-index:103;}
.popup-form input{background: #fff;border-radius: 0.08rem;height: 0.93rem;width: 100%;box-sizing: border-box;padding: 0 .4rem;line-height: 0.93rem;font-size: 0.26rem;margin-bottom: 0.26rem;border: 1px solid #ffb100;position: relative;z-index: 3;color: #f8b51e;}
.popup-title{color: #ff5f53;font-size: .53rem;font-weight: 600;text-align: center;margin-bottom: 0.36rem;}
.popup-btn,.popup-btn1{display: block;background: #FF5F53; text-align: center;height: 0.93rem;line-height: 0.93rem;color: #fff;font-size: 0.4rem;border-radius: 0.93rem;position: relative;z-index: 3}
.popup-form input::-webkit-input-placeholder {color:#f8b51e;}
.cont-txt{color: #c83d32;font-size: 0.4rem;background: #fff;border-radius: 0.22rem;padding: 0.26rem;min-height: 1.73rem;font-weight: bold;margin-bottom: .26rem;box-sizing: border-box;border: 1px solid #ffb100;}
.img-cont{display: flex;align-items: center;justify-content: center;}
#txtHxPwd {
    border-radius: 6px;
    background-color:#fff;height: 0.6rem;line-height: 0.60rem;height: 26px;border:1px;
}
#btnHx {
           display: inline;
    text-align: center;
    height: 0.8rem;
    line-height: 0.63rem;
    color: #fff;
    font-size: 0.3rem;
    border-radius: 0.93rem;
    position: relative;
    z-index: 3;
    outline: none;
    text-decoration: none;
    color: inherit;
    background: #ecb5b0;
    width: 80px;
    border: 1px solid #d4b8b6;
}


/* 皮肤2 */
.modality2{background:url(../image/bj2.png) repeat;}
.modality2 .title{width: 7.6rem;}
.modality2 .border{color: #801cf1;}
.modality2 .borback{border:3px solid rgba(255, 255, 255, 0.5);background: #5d86f1;border-radius: 0.64rem;}
.modality2 .title-but{margin-bottom: 0.3rem;}
.modality2 .title-but>img{margin: 0 auto;width: 6.29rem;}
.modality2 .instru {margin-top: .8rem;}
.modality2 .box-cont{background: #8fabf3;}
.modality2 .popup-title,.modality2 .cont-txt,.modality2 .popup-form input,.modality2 .popup-form input::-webkit-input-placeholder{color: #ce3f9a;}
.modality2 .popup-form input,.modality2 .cont-txt{border: 1px solid #ce3f9a;}
.modality2 .popup-btn,.popup-btn1{background:#ce3f9a;}
.modality2 #btnHx {background:#ce3f9a;}
.modality2 .box-cont:before{background: url(../image/bk.png) no-repeat;background-size:100% 100%;}
.modality2 .box-popup{background: rgba(0,0,0,.8);}
.modality2 .trophy{margin-top: 1.4rem;}
.modality2 .trophy p{position: static;margin-left: 0;transform: translate(0);font-size: 0.66rem;}
.modality2 .winning .btn{bottom: 0.1rem;height: 1.06rem;line-height: 1.06rem;color: #fff;background: #ce3f9a;border-radius: 1.06rem;width: 5.8rem;font-size: 0.53rem;}
.modality2 #mask2 .winning>img{width: 5.66rem;margin: 0 auto;}
.modality2 #mask2 .winning .pre-box{padding-bottom: 2.1rem;}

/* 皮肤3 */
.modality3{background: linear-gradient(to bottom, #d81612, #dd0e0c);}
.modality3 .lunpai{width: 9.6rem;margin-left: -4.8rem;height: 9.6rem;margin-top: -.1rem;z-index: 9;}
.modality3 .title{width: 7rem;margin-bottom: 0;margin-top: .72rem;}
.rotate-tp{position: absolute;width: 6.37rem;left: 50%;transform: translateX(-50%);bottom: 0;z-index: 0;}
.modality3 .rotate{padding-bottom: .5rem;}
.modality3 .border{margin-top: .25rem;}
.modality3 .borback{border: 0;background: rgba(255,255,255,.2);border-radius: 0.4rem;position: relative;padding-top: 1.2rem;margin-top: 1rem;}
.modality3 .title-but{position: absolute;width: 4.53rem;height: 1.06rem;line-height: 1.06rem;color: #4B4B4B;background: #FFFF01;border-radius: 0.13rem;left: 50%;top: -0.53rem;box-shadow: 0px 0px 0.1rem rgba(0,0,0,.16);font-size: 0.53rem;font-weight: normal;transform: translateX(-50%);}
.modality3 .title-but span span{display: none;}
.modality3 .winning>img{width: 7.81rem;margin: 0 auto;}
.modality3 .winning p{position: static;margin-left: 0;transform: translate(0);font-size:0.4rem ;color: #B30011;font-weight: bold;line-height: .8rem;text-align: left;max-width: 3.2rem;}
.modality3 .winning p span{font-size: 0.53rem;}
.modality3 .winning .btn{bottom: 0;background:#CC221A;width: 5.6rem;height: 1.06rem;line-height: 1.06rem;}
.modality3 .pre-box{padding-bottom: 1.5rem;}
.modality3 .trophy{display: flex;justify-content: center;align-items: center;margin-top: 0.4rem;}
.modality3 .trophy img{width: 2.36rem;height: 2.36rem;border-radius: 50%;border: 0.08rem solid #FFE401;margin-right: .3rem;}
.modality3 .box-cont{background: #CC221A;}
.modality3 .popup-title{color: #fff;}
.modality3 .cont-txt,.modality3 .popup-form input,.modality3 .popup-form input::-webkit-input-placeholder{color: #CC221A;}
.modality3 .popup-form input,.modality3 .cont-txt{border: 1px solid #CC221A;}
.modality3 .popup-btn,.popup-btn1{background:#ffde00;color:#606060;}
.modality2 #btnHx {background:#ffde00;}
.modality3 .box-cont:before{background: url(../image/bk2.png) no-repeat;background-size:100% 100%;}
.modality3 .box-popup{background: rgba(0,0,0,.7);}

/* 皮肤4 */
.modality4{background: linear-gradient(to bottom, #28007a, #28007a);}
.modality4 .rotate-tp img{width: 0.77rem;margin: 0 auto;}
.modality4 .rotate{padding-bottom: .5rem;}
.modality4 .border{margin-top: .1rem;color: #fff;text-shadow:0px 0px 0.06rem #ff008a;}
.modality4 .title-but>span{display: inline-block;background-image:-webkit-linear-gradient(bottom,#fbc677,#fdf0d8);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.modality4 .borback{border: 0;background: rgba(255,255,255,.1);}
.modality4 #mask .winning,.modality4 #mask2 .winning{margin-top: -5.6rem;width: 100%;margin-left: 0;left: 0;}
.modality4 .winning .btn{background: none;bottom: 2.72rem;margin-left: .2rem;font-size: 0.45rem;}
.modality4 .winning p{display: none;}
.modality4 .trophy{margin-top: -.5rem;margin-left: 0.15rem;}
.modality4 .jp-title{color: #A544FF;font-size: 0.45rem;font-weight: 600;text-align: center;margin-bottom: 0.3rem;}
.modality4 .trophy img{width: 2.89rem;height: 2.01rem;border-radius: 0.13rem;margin: 0 auto;}
.modality4 #mask2 .winning .btn{bottom: 2.85rem;}
.modality4 #mask2 .winning .jp-title{font-size: 0.8rem;font-weight: 800;margin-top: 4.7rem;margin-left: .5rem;}
.modality4 #mask2 .winning .jp-title span{display: block;}
.modality4 .box-cont:before{background: url(../image/bk3.png) no-repeat;background-size:100% 100%;}
.modality4 .box-cont{background: #913AF8;}
.modality4 .popup-title{color: #fff;}
.modality4 .cont-txt,.modality4 .popup-form input,.modality4 .popup-form input::-webkit-input-placeholder{color: #913AF8;}
.modality4 .popup-form input,.modality4 .cont-txt{border: none;box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);}
.modality4 .popup-btn,.popup-btn1{background:url(../image/btn.png) no-repeat;background-size: 100% 100%;color:#fff;}
.modality4 .box-popup{background: rgba(0,0,0,.6);}

/* 皮肤5 */
.modality5{background: linear-gradient(to bottom, #232eb2, #2225ad);}
.modality5 .title{margin-top: 0;width: 7.6rem;margin-bottom: 0.13rem;}
.modality5 .borback{background:rgba(0,174,255,.2);border: 0;border-radius: 0.53rem;position: relative;margin-top: 1.4rem;padding-top: 1.1rem;}
.modality5 .title-but{position: absolute;width: 7.53rem;height: 1.4rem;top: -0.8rem;left: 50%;transform: translateX(-50%);background: url(../image/title-bag.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: 0.53rem;margin-bottom: 0;}
.modality5 .title-but span span{display: none;}
.modality5 .title-but span{margin-top: .2rem;}
.modality5 #mask .winning{width: 100%;left: 0;margin:0;margin-top: -7.9rem;}
.modality5 #mask2 .winning{width: 8.5rem;margin:-6rem 0 0 -4.25rem;}
.modality5 .winning p{position: static;margin-left: 0;transform: translate(0);font-size:0.37rem;color: #202EB0;}
.modality5 .winning .btn{width: 4.23rem;height: 1.36rem;background: url(../image/btn-bag.png) no-repeat;background-size:100% 100%;font-size: 0.66rem;line-height: 1.24rem;font-weight: 800;bottom: 1.4rem;}
.modality5 .trophy{margin-top: 1.6rem;}
.modality5 .jp-title{font-size: 0.8rem;color: #FC40D6;font-weight: bold;text-align: center;}
.modality5 .trophy img{width: 2.46rem;height: 2.46rem;border-radius: 50%;border: 0.08rem solid #A72BFF;margin: 0.1rem auto;}
.modality5 #mask2 .jp-title{margin-top: 4.3rem;}
.modality5 #mask2 .jp-title span{display: block;}
.modality5 .box-cont:before{background: url(../image/bk4.png) no-repeat;background-size:100% 100%;}
.modality5 .box-cont{background: #202EB0;}
.modality5 .popup-title{color: #fff;}
.modality5 .cont-txt,.modality5 .popup-form input,.modality5 .popup-form input::-webkit-input-placeholder{color: #202EB0;}
.modality5 .popup-form input,.modality5 .cont-txt{border: none;box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);}
.modality5 .popup-btn,.popup-btn1{background:url(../image/btn-bag2.png) no-repeat;background-size: 100% 100%;color:#fff;}
.modality5 .box-popup{background: rgba(0,0,0,.8);}

/* 皮肤6 */
.modality6{background:#d953c7;}
.modality6 .title{margin-top: 0.6rem;width: 7.586rem;margin-bottom: 0.13rem;}
.modality6 .rotate{margin-top: 0.7rem;height: 9.1rem;}
.modality6 .lunpai{width: 8.36rem;height: 8.36rem;margin-left: -4.18rem;}
.modality6 #btn{margin: -.89rem 0 0 -0.01rem;}
.modality6 .border{margin-bottom: 0.8rem;}
.modality6 .border p:nth-child(1){display: inline-block;background:rgba(253,193,43,1);box-shadow:0px 0px 20px inset rgba(255, 255, 255, 1);color: #FF0029;height: 1.066rem;border-radius: 1.066rem;padding: 0 0.5rem;line-height: 1.066rem;margin-bottom: 0.3rem;}
.modality6 .borback{border: 0;}
.modality6 .title-but>span.a6{display: inline-block;}
.modality6 .title-but .left,.modality6 .title-but .right{position: absolute;width: 1.04rem;height: 0.4rem;top: 50%;transform: translateY(-50%);border-top: 0.0266rem solid #FFF600;border-bottom:0.0266rem solid #FFF600;background: none;}
.modality6 .title-but .left:before,.modality6 .title-but .right:before{position: absolute;content: '';display: block;width: 0.5rem;height: 0.0266rem;background:#FFF600;border-radius: 0; top: 50%;transform: translateY(-50%);}
.modality6 .title-but .right{right: -1.2rem;}
.modality6 .title-but .right:before{left: 0;}
.modality6 .title-but .left{left: -1.2rem;}
.modality6 .title-but .left:before{left: auto; right: 0;}
.modality6 .cont-txt,.modality6 .popup-form input,.modality6 .popup-form input::-webkit-input-placeholder{color: #d953c7;}
.modality6 .popup-form input,.modality6 .cont-txt{border: none;box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);}
.modality6 .box-cont:before{background: url(../image/bk5.png) no-repeat;background-size:100% 100%;}
.modality6 .box-cont{background: #d953c7;}
.modality6 .popup-title{color: #fff;}
.modality6 #mask .winning{width: 8.653rem;margin-left: -4.2005rem;margin-top: -6rem;}
.modality6 #mask2 .winning{width: 8.4rem;margin-left: -4.2rem;}
.modality6 #mask .winning p{display: none;}
.modality6 .jp-title{font-size: 0.8rem;color: #FF0029;font-weight: bold;margin-top: 2rem;text-align: center;}
.modality6 .winning .btn{width: 6.04rem;height: 1.33rem;background:rgba(253,193,43,1);box-shadow:0px 0px 20px inset rgba(255, 255, 255, 1);color: #FF0029;line-height: 1.33rem;font-weight: 600;bottom: 1.3rem;}
.modality6 #mask2 .jp-title{margin-top: 3.2rem;}
.modality6 .popup-btn,.popup-btn1{height: 1rem;background:rgba(253,193,43,1);box-shadow:0px 0px 20px inset rgba(255, 255, 255, 1);color: #FF0029;line-height: 1rem;font-weight: 600;}