#wrap{position: relative;width:100%;min-height: 17.8rem;}
.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);
    }
}.modality1{background: #ffba2e;}
.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;}
.title {width: 8.6rem;margin: .15rem auto;margin-bottom: .284rem;}
.modality1 .title{width: 8.653rem;margin-top: 0.28rem;}

.a1,.a2,.a3,.a4,.a5,.a6{display: none;}
.modality1 .a1,.modality2 .a2,.modality3 .a3,.modality4 .a4,.modality5 .a5,.modality6 .a6{display: block;}
#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: #faa01b;
    width: 80px;
    border: 1px solid #d4b8b6;
}
/* 九宫格区 */
.sudoku{width: 7.946rem;height: 8.346rem;margin: 0 auto;position: relative;margin-top: 1.306rem;}
.play {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;}
.play li {position: relative;float: left;margin: 0.1265rem 0 0 0.1265rem;width: 2.48rem;height: 2.613rem;background: url(../image/box.png) no-repeat;background-size:100% 100%;}
.play li:nth-child(4) {left: 5.22rem;}
.play li:nth-child(6) {top: 2.7395rem;}
.play li:nth-child(7) {left: 2.64rem;}
.play li:nth-child(8) {left: -2.59rem;}
.play li:nth-child(9) {left: -5.22rem;top: -2.7395rem;}
.play li div {position: relative;z-index: 1;width: 100%;height: 100%;text-align: center;}
.play li div:before{position: absolute;width: 1.06rem;height: 1.06rem;content: '';display: block;left: 50%;transform: translateX(-50%);top: 0.4rem;}
.play li:nth-child(1) div:before{background: url(../image/prize1.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(2) div:before{background: url(../image/partic1.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(3) div:before{background: url(../image/partic2.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(4) div:before{background: url(../image/partic3.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(6) div:before{background: url(../image/partic4.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(7) div:before{background: url(../image/prize2.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(8) div:before{background: url(../image/partic5.png) no-repeat center bottom;background-size:100% auto;}
.play li:nth-child(9) div:before{background: url(../image/partic6.png) no-repeat center bottom;background-size:100% auto;}
.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3.png) no-repeat center bottom;background-size:100% auto;}
.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4.png) no-repeat center bottom;background-size:100% auto;}
.dial3 .play li:nth-child(7) div:before{background: url(../image/partic5.png) no-repeat center bottom;background-size:100% auto;}
.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2.png) no-repeat center bottom;background-size:100% auto;}
.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4.png) no-repeat center bottom;background-size:100% auto;}
.dial4 .play li:nth-child(7) div:before{background: url(../image/partic5.png) no-repeat center bottom;background-size:100% auto;}
.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2.png) no-repeat center bottom;background-size:100% auto;}
.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5.png) no-repeat center bottom;background-size:100% auto;}
.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4.png) no-repeat center bottom;background-size:100% auto;}
.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6.png) no-repeat center bottom;background-size:100% auto;}
.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2.png) no-repeat center bottom;background-size:100% auto;}
.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5.png) no-repeat center bottom;background-size:100% auto;}


/*奖品图片大小*/
.play li div:after{position: absolute;display: block; left: 0;bottom: 0.45rem;width: 100%;color: #f34544;font-size:0.453rem;}
.play li:nth-child(1) div:after{content: '一等奖';}
.play li:nth-child(2) div:after{content: '谢谢参与';}
.play li:nth-child(3) div:after{content: '谢谢参与';}
.play li:nth-child(4) div:after{content: '谢谢参与';}
.play li:nth-child(6) div:after{content: '谢谢参与';}
.play li:nth-child(7) div:after{content: '二等奖';}
.play li:nth-child(8) div:after{content: '谢谢参与';}
.play li:nth-child(9) div:after{content: '谢谢参与';}
.dial2 .play li:nth-child(3) div:after{content: '三等奖';}
.dial3 .play li:nth-child(3) div:after{content: '三等奖';}
.dial3 .play li:nth-child(6) div:after{content: '四等奖';}
.dial3 .play li:nth-child(7) div:after{content: '谢谢参与';}
.dial3 .play li:nth-child(8) div:after{content: '二等奖';}
.dial4 .play li:nth-child(3) div:after{content: '三等奖';}
.dial4 .play li:nth-child(6) div:after{content: '四等奖';}
.dial4 .play li:nth-child(7) div:after{content: '谢谢参与';}
.dial4 .play li:nth-child(8) div:after{content: '二等奖';}
.dial4 .play li:nth-child(2) div:after{content: '五等奖';}
.dial5 .play li:nth-child(3) div:after{content: '三等奖';}
.dial5 .play li:nth-child(6) div:after{content: '四等奖';}
.dial5 .play li:nth-child(7) div:after{content: '六等奖';}
.dial5 .play li:nth-child(8) div:after{content: '二等奖';}
.dial5 .play li:nth-child(2) div:after{content: '五等奖';}
.play li.select {background: url(../image/boxa.png) no-repeat;background-size:100% 100%;}
/*开始按钮*/
.play .start-btn{background: url(../image/btnc.png) no-repeat;background-size:100% 100%;}
.play .start-btn:active{opacity: 0.8;}

/*次数*/
.border {margin: 0rem auto;font-size: 0.4rem;line-height: 0.67rem;text-align: center;color: #fff;/* text-shadow:2px 2px 0px #fff; */}
.border .change{font-size: 0.5rem;}
.modality1 .border{margin-bottom: 0.3rem;color: #f34544;}
/* 活动说明 */
.borback{border-radius: 0.373rem;background: rgba(255,255,255,.2);padding:.5rem;box-sizing: border-box;width: 90%;margin: 0 auto;margin-top: .5rem;position: relative;}
.title-but{font-size: .5rem;font-weight: bold;color: #fff600;text-align:center;margin-bottom: .5rem;}
.instru-txt{font-size: .38rem;color: #fff;line-height: .6rem;}
.modality1 .instru-txt{color: #f34544;}

.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;}
.modality1 .title-but{position: absolute;top: -1.5rem;left: 50%;transform: translateX(-50%); font-size: 0.53rem;color: #fff;width:4.293rem;height:1.173rem;line-height: 1.173rem;color: #f34544;background: url(../image/btn.png) no-repeat;background-size:100% 100%;}
.modality1 .borback{margin-top: 2.3rem;}
.modality1 .instru {margin-top: 2.8rem;}

/* 未中奖 */
.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 .btn{width: 3.866667rem;height: 1.17333333rem;border-radius:1.17333333rem;background:linear-gradient(0deg,rgba(34,241,172,1),rgba(162,242,61,1));box-shadow:0px 0px 0.08rem 0px rgba(255,60,0,0.5);font-size: 0.53rem;color: #fff;line-height:1.17333333rem;}
.modality1 #mask .winning{width: 100%;left: 0;margin-left: 0;margin-top: -6rem;}
.modality1 #mask2 .winning{margin-top: -6rem;}
.modality1 .btn{display: none;}
.modality1 .winning .btn{display: none;}
.modality1 .close{width: 1.12rem;height: 1.12rem;border-radius: 50%;background: rgba(0,0,0,0.5);font-size: 0.8rem;color: #fff;line-height: 1.08rem;text-align: center; position: absolute;left: 50%;transform: translateX(-50%);bottom: 0rem;z-index: 9;}
.trophy{text-align: center;position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);margin-top: -1rem;}
.modality1 .trophy{margin-top: 0.2rem;color: #f34544;}
.modality1 .tro-title{font-size:0.42rem;}
.modality1 .jp-title{font-weight: bold;font-size: 0.74rem;margin-top: 0.6rem;}
.modality1 .title-but>span{display: inline-block;}
.modality1 #mask2 .jp-title{text-align: center;color:#f34544;margin-top: 5.5rem;}
.modality1 #mask2 .close{bottom: -1.5rem;}
/* 提示框 */
.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: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding:0.6rem;box-sizing: border-box;background: linear-gradient(to bottom, #fa8988, #fe524e);padding-top: 2rem;}
.dw-cont{position: relative;z-index: 3;}
.popup-form input{background: #fff;border-radius: 0.26rem;height: 1.333rem;width: 100%;box-sizing: border-box;padding: 0 .4rem;line-height: 1.333rem;font-size: 0.26rem;border: 0; margin-bottom: 0.4rem;position: relative;z-index: 3;color: #f34544;}
.popup-title{width: 5.33rem;height:1.306rem;left: 50%;font-size: 0.613rem;color: #fff;font-weight: 600;text-align: center;line-height: 1.306rem;background: url(../image/potitb.png) no-repeat;background-size:100% 100%; transform: translateX(-50%);position: absolute;top: -1.99rem;}
.popup-btn,.popup-btn1{display: block; text-align: center;height: 1.2rem;line-height: 1.2rem;color: #fff;font-size: 0.53rem;border-radius: 1.2rem;position: relative;z-index: 3; background:rgba(255,255,255,.4);}
.popup-form input::-webkit-input-placeholder {color:#f34544;}
.cont-txt{color: #f34544;font-size: 0.4rem;border-radius: 0.22rem;padding: 0.26rem;min-height: 3rem;font-weight: bold;margin-bottom: .26rem;box-sizing: border-box;background: #fff;display: flex;align-items: center;}
.img-cont{display: flex;align-items: center;justify-content: center;}

/* 皮肤2 */
.modality2{background:#2b8fff;}
.modality2 .title{width: 9.693rem;margin-top: 0.2rem;}
.modality2 .border{color: #F34544;width: 6.96rem;background: rgba(255,255,255,0.4);border-radius: 0.586rem;position: absolute;padding:0.2rem 0.5rem;box-sizing: border-box;left: 50%;line-height: 0.52rem;height: 1.546rem; transform: translateX(-50%);top: 13.65rem;}
.modality2 .sudoku{height: 7.56rem;width: 7.56rem;margin-top: 2.15rem;margin-bottom: 4.2rem;}
.modality2 .play li {margin: 0.13rem 0 0 0.13rem;width: 2.346rem;height: 2.346rem;background:linear-gradient(to bottom, #ffa94a, #ffc550);border-radius: 0.133rem;overflow: hidden;}
.modality2 .play li:before{position: absolute;content: '';display: block;width: 2.1rem;height: 2.1rem;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius:0.133rem;background: #ffd384;}
.modality2 .play li.select:before{background: #FB4224;}
.modality2 .play li:after{position: absolute;content: '';display: block;width: 0.48rem;height: 0.48rem;background: url(../image/zst.png) no-repeat;background-size:100% 100%;z-index: 9;top: 0.25rem;left: 0.25rem;}
.modality2 .play li:nth-child(1),.modality2 .play li:nth-child(1):before{border-top-left-radius: 0.53rem;}
.modality2 .play li:nth-child(3),.modality2 .play li:nth-child(3):before{border-top-right-radius: 0.53rem;}
.modality2 .play li:nth-child(8),.modality2 .play li:nth-child(8):before{border-bottom-left-radius: 0.53rem;}
.modality2 .play li:nth-child(6),.modality2 .play li:nth-child(6):before{border-bottom-right-radius: 0.53rem;}
.modality2 .play li:nth-child(4) {left: 4.95rem;}
.modality2 .play li:nth-child(6) {top: 2.5rem;}
.modality2 .play li:nth-child(7) {left: 2.46rem;}
.modality2 .play li:nth-child(8) {left: -2.48rem;}
.modality2 .play li:nth-child(9) {left: -4.945rem;top: -2.476rem;}
.modality2 .play .start-btn{background: url(../image/btnc-1.png) no-repeat;background-size:100% 100%;}
.modality2 .play li.start-btn:before,.modality2 .play li.start-btn:after{display: none;}
.modality2 .play li div:after{bottom: 0.25rem;color: #fff;font-size: 0.4rem;text-shadow:0px 0px 21px rgba(190,22,0,1);}
.modality2 .play li div:before{width: 1.42rem;height: 1.42rem;bottom: 0.76rem;top: auto;}
.modality2 .play li:nth-child(1) div:before{background: url(../image/prize1-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(2) div:before{background: url(../image/partic1-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(3) div:before{background: url(../image/partic2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(4) div:before{background: url(../image/partic1-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(6) div:before{background: url(../image/partic2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(7) div:before{background: url(../image/prize2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(8) div:before{background: url(../image/partic1-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2 .play li:nth-child(9) div:before{background: url(../image/partic2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial3 .play li:nth-child(3) div:before{background: url(../image/prize3-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial3 .play li:nth-child(7) div:before{background: url(../image/partic2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial4 .play li:nth-child(3) div:before{background: url(../image/prize3-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial4 .play li:nth-child(7) div:before{background: url(../image/partic2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial5 .play li:nth-child(3) div:before{background: url(../image/prize3-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2-1.png) no-repeat center bottom;background-size:auto 100%;}
.modality2.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5-1.png) no-repeat center bottom;background-size:auto 100%;}

.modality2 .border .border-title{width:5rem;height:0.93rem;border-radius: 0.93rem;line-height: 0.83rem;text-align:center;position: absolute;left: 50%;transform: translateX(-50%);top: -0.4rem;z-index: 3;background: url(../image/border-title.png) no-repeat;background-size:100% 100%;color: #fff;font-size: 0.4rem;font-weight: bold;}
.modality2 .borback{margin-top: 2.2rem;}
.modality2 .title-but{position: absolute;top: -1.6rem;left: 50%;transform: translateX(-50%); font-size: 0.53rem;color: #fff;width:4rem;height:1.253rem;line-height: 1.173rem;background: url(../image/btn1.png) no-repeat;background-size:100% 100%;text-shadow:0px 0px 21px rgba(255,84,0,0.9);color: #fff;}
.modality2 .box-cont{background:linear-gradient(180deg,rgba(143,193,248,1),rgba(48,144,249,1));}
.modality2 .cont-txt,.modality2 .popup-form input,.modality2 .popup-form input::-webkit-input-placeholder{color: #3090F9;}
.modality2 .popup-title{background: url(../image/potitb2.png) no-repeat;background-size: 100% 100%;}
.modality2 #mask .winning,.modality2 #mask2 .winning{margin-top: -7rem;}
.modality2 .winning>img{width: 7.46rem;margin: 0 auto;}
.modality2 .pre-box{z-index: 3;color: #fff;}
.modality2 .zjzs{position: absolute;z-index: 2;width: 10rem;left: 50%;margin-left: -5rem; top: 2rem;}
.modality2 .tro-title{font-size:0.42rem;}
.modality2 .jp-title{text-align: center;color: #fff;font-size: 0.8rem;font-weight: normal;margin-top: 1rem;}
.modality2 #mask2 .jp-title{margin-top: 6rem;}
.modality2 .popup-form input{border: 0;}
.modality2 .popup-btn,.popup-btn1{background: url(../image/btn3.png) no-repeat;width: 4.293rem;height: 1.173rem;line-height: 1.173rem;background-size:100% 100%;color: #fff;margin: 0 auto;}
.modality2 .box-popup{background: rgba(0,0,0,.8);}
.modality2 .trophy{margin-top: 0.9rem;}
.modality2 .winning .btn{width: 4rem;height: 1.253rem;background: url(../image/btn2.png) no-repeat;background-size:100% 100%;line-height: 1.173rem;color: #F94441;bottom: 1rem;}

/* 皮肤3 */
.modality3{background: #713edb;}
.modality3 .title{width: 8.693rem;margin-bottom: 2.58rem;}
.modality3 .sudoku{height: 6.56rem;width: 7.84rem;margin-top: 0.45rem;}
.modality3 .play li {margin: 0.13rem 0 0 0.13rem;width: 2.426rem;height: 1.937rem;background: url(../image/box1.png) no-repeat;background-size:100% 100%;}
.modality3 .play li.select{background: url(../image/boxa1.png) no-repeat;background-size:100% 100%;}
.modality3 .play li:nth-child(4) {left: 5.13rem;}
.modality3 .play li:nth-child(6) {top: 2.09rem;}
.modality3 .play li:nth-child(7) {left: 2.55rem;}
.modality3 .play li:nth-child(8) {left: -2.58rem;}
.modality3 .play li:nth-child(9) {left: -5.13rem;top: -2.08rem;}
.modality3 .play .start-btn{background: url(../image/btnc-2.png) no-repeat;background-size:100% 100%;}
.modality3 .play li div:after{bottom: 0.25rem;color: #fff;font-size: 0.4rem;margin-left: -0.08rem;}
.modality3 .play li div:before{width: 1.6rem;height: 1.6rem;top: -0.1rem;margin-left: -0.08rem}
.modality3 .play li:nth-child(1) div:before{background: url(../image/prize1-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(2) div:before{background: url(../image/partic1-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(3) div:before{background: url(../image/partic2-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(4) div:before{background: url(../image/partic1-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(6) div:before{background: url(../image/partic2-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(7) div:before{background: url(../image/prize2-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(8) div:before{background: url(../image/partic1-2.png) no-repeat center;background-size: 100% auto;}
.modality3 .play li:nth-child(9) div:before{background: url(../image/partic2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial3 .play li:nth-child(3) div:before{background: url(../image/prize3-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial3 .play li:nth-child(7) div:before{background: url(../image/partic2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial4 .play li:nth-child(3) div:before{background: url(../image/prize3-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial4 .play li:nth-child(7) div:before{background: url(../image/partic2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial5 .play li:nth-child(3) div:before{background: url(../image/prize3-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2-2.png) no-repeat center;background-size: 100% auto;}
.modality3.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5-2.png) no-repeat center;background-size: 100% auto;}

.modality3 .borback{background:rgba(255,255,255,0.1);position: relative;margin-top: 1rem;}
.modality3 .instru {margin-top: 1.3rem;}
.modality3 .title-but{color: #FFFF09;font-size: 0.53rem;font-weight: normal;display: flex;justify-content: center;align-items: center;}
.modality3 .title-but:before,.modality3 .title-but:after{content: '';display: inline-block;width:0.693rem;height: 0.706rem;}
.modality3 .title-but:before{background: url(../image/tzs1.png) no-repeat;background-size:100% 100%;margin-right: 0.3rem;}
.modality3 .title-but:after{background: url(../image/tzs.png) no-repeat;background-size:100% 100%;margin-left: 0.3rem;}
.modality3 #mask .winning,.modality3 #mask2 .winning{margin-top: -5.5rem;width: 9.173rem;}
.modality3 .winning>img{width: 9.173rem;margin: 0 auto;}
.modality3 .winning .btn{bottom: 1.3rem;background:url(../image/btn4.png) no-repeat;background-size:100% 100%;width: 5.08rem;height: 1.253rem;line-height: 1.173rem;color: #E33C4F;}
.modality3 .trophy{margin-top: 0.4rem;}
.modality3 .pre-box{color: #fff;}
.modality3 .tro-title{font-size: 0.53rem;}
.modality3 .jp-title{text-align: center;font-size: 0.8rem;font-weight: normal;margin-top: 0.5rem;}
.modality3 #mask2 .jp-title{margin-top: 5.8rem;}
.modality3 .box-cont{background:linear-gradient(180deg,rgba(125,122,217,1),rgba(73,57,188,1));}
.modality3 .popup-title{background: url(../image/potitb3.png) no-repeat;background-size: 100% 100%;}
.modality3 .cont-txt,.modality3 .popup-form input,.modality3 .popup-form input::-webkit-input-placeholder{color: #4941C1;background: #fff;}
.modality3 .popup-form input,.modality3 .cont-txt{border: 0;}
.modality3 .popup-btn,.popup-btn1{background: url(../image/btn5.png) no-repeat;width: 4.293rem;height: 1.173rem;line-height: 1.173rem;background-size:100% 100%;color: #fff;margin: 0 auto;}
.modality3 .box-popup{background: rgba(0,0,0,.6);}

/* 皮肤4 */
.modality4{background: #de262e;}
.modality4 .title{width: 8.413rem;margin-top: 0.76rem;}
.modality4 .border{margin-top: 4.08rem;}
.modality4 .sudoku{width:7.786rem;height: 6.48rem;margin-left: 1.198rem;margin-top: 1.14rem;margin-bottom: 2.8rem;}
.modality4 .play li {margin: 0.0715rem 0 0 0.0715rem;width: 2.5rem;height: 2.05rem;background: url(../image/box2.png) no-repeat;background-size:100% 100%;}
.modality4 .play li.select{background: url(../image/boxa2.png) no-repeat;background-size:100% 100%;}
.modality4 .play li:nth-child(4) {left: 5.13rem;}
.modality4 .play li:nth-child(6) {top: 2.09rem;}
.modality4 .play li:nth-child(7) {left: 2.559rem;}
.modality4 .play li:nth-child(8) {left: -2.58rem;}
.modality4 .play li:nth-child(9) {left: -5.13rem;top: -2.08rem;}
.modality4 .play .start-btn{background: url(../image/btnc-3.png) no-repeat;background-size:100% 100%;}
.modality4 .play li div:after{bottom: 0.25rem;color: #EE0000;font-size: 0.4rem;margin-left: -0.08rem;}
.modality4 .play li div:before{width: 1.066rem;height: 1.066rem;top: 0.18rem;}
.modality4 .play li:nth-child(1) div:before{background: url(../image/prize1-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(2) div:before{background: url(../image/partic1-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(3) div:before{background: url(../image/partic2-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(4) div:before{background: url(../image/partic1-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(6) div:before{background: url(../image/partic2-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(7) div:before{background: url(../image/prize2-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(8) div:before{background: url(../image/partic1-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .play li:nth-child(9) div:before{background: url(../image/partic2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial3 .play li:nth-child(3) div:before{background: url(../image/prize3-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial3 .play li:nth-child(7) div:before{background: url(../image/partic2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial4 .play li:nth-child(3) div:before{background: url(../image/prize3-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial4 .play li:nth-child(7) div:before{background: url(../image/partic2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial5 .play li:nth-child(3) div:before{background: url(../image/prize3-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2-3.png) no-repeat center;background-size: 100% auto;}
.modality4.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5-3.png) no-repeat center;background-size: 100% auto;}
.modality4 .title-but{position: absolute;top: -1.6rem;left: 50%;transform: translateX(-50%); font-size: 0.53rem;width:4rem;height:1.333rem;line-height: 1.2rem;background: url(../image/btn6.png) no-repeat;background-size:100% 100%;color: #EE0000;}
.modality4 .borback{border: 0;background:rgba(255,255,255,0.1);margin-top: 2.3rem;}
.modality4 .winning img{width: 7.65rem;margin: 0 auto;}
.modality4 #mask .winning,.modality4 #mask2 .winning{margin-top: -5.6rem;width: 100%;margin-left: 0;left: 0;}
.modality4 .winning .btn{background:url(../image/btn61.png) no-repeat;background-size:100% 100%;bottom: 1.4rem;font-size: 0.45rem;color: #EE0000;height: 1.2rem;line-height: 1.066rem;width: 3.6rem;border-radius: 0;}
.modality4 .trophy{margin-top: 0.6rem;}
.modality4 .pre-box{color: #fff;font-size: 0.53rem;}
.modality4 .jp-title{text-align: center;font-size: 0.69rem;font-weight: normal;margin-top: 0.6rem;}
.modality4 .trophy img{width: 2.89rem;height: 2.01rem;border-radius: 0.13rem;margin: 0 auto;}
.modality4 #mask2 .winning .jp-title{font-size: 0.69rem;font-weight: normal;margin-top: 5.5rem;}
.modality4 .box-cont{background:linear-gradient(180deg,rgba(248,143,143,1),rgba(249,48,48,1));}
.modality4 .popup-title{background: url(../image/potitb4.png) no-repeat;background-size: 100% 100%;}
.modality4 .cont-txt,.modality4 .popup-form input,.modality4 .popup-form input::-webkit-input-placeholder{color: #F93131;}
.modality4 .popup-form input,.modality4 .cont-txt{border: 0;background: #fff;}
.modality4 .popup-btn,.popup-btn1{background: url(../image/btn7.png) no-repeat;width: 4.293rem;height: 1.173rem;line-height: 1.173rem;background-size:100% 100%;color: #fff;margin: 0 auto;}
.modality4 .box-popup{background: rgba(0,0,0,.6);}

/* 皮肤5 */
.modality5{background: linear-gradient(-90deg,rgba(254,86,13,1),rgba(254,16,209,1));}
.modality5 .title{margin-top: -0.35rem;margin-left: 0.494rem; width: 9.506rem;}
.modality5 .borback{background:rgba(255,255,255,.1);position: relative;margin-top: 2.5rem;}
.modality5 .border{position: absolute;width: 7.653rem;border-radius: 5rem; background:rgba(255,26,134,1);border:2px solid rgba(252,205,143,1);box-shadow:0px 3px 10px 0px rgba(154, 27, 35, 0.35);left: 50%;transform: translateX(-50%);top: 5rem;z-index: 9;box-sizing: border-box;padding: 0.2rem;box-sizing: border-box;}
.modality5 .sudoku{width:7.08rem;height: 7rem;margin-top: 0.912rem;margin-bottom: 2.8rem;}
.modality5 .play li {margin: 0.1605rem 0 0 0.1605rem;width: 2.146rem;height: 2.146rem;background: url(../image/box3.png) no-repeat;background-size:100% 100%;}
.modality5 .play li.select{background: url(../image/boxa3.png) no-repeat;background-size:100% 100%;}
.modality5 .play li:nth-child(4) {left: 4.632rem;}
.modality5 .play li:nth-child(6) {top: 2.29rem;}
.modality5 .play li:nth-child(7) {left: 2.3rem;}
.modality5 .play li:nth-child(8) {left: -2.3rem;}
.modality5 .play li:nth-child(9) {left: -4.618rem;top: -2.3rem;}
.modality5 .play .start-btn{background: url(../image/btnc-4.png) no-repeat;background-size:100% 100%;}
.modality5 .play li div:after{bottom: 0.29rem;color: #98520e;font-weight: 600; font-size: 0.4rem;}
.modality5 .play li div:before{width: 1.066rem;height: 1.066rem;top: 0.22rem;}
.modality5 .play li:nth-child(1) div:before{background: url(../image/prize1-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(2) div:before{background: url(../image/partic1-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(3) div:before{background: url(../image/partic2-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(4) div:before{background: url(../image/partic1-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(6) div:before{background: url(../image/partic2-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(7) div:before{background: url(../image/prize2-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(8) div:before{background: url(../image/partic1-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .play li:nth-child(9) div:before{background: url(../image/partic2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial3 .play li:nth-child(3) div:before{background: url(../image/prize3-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial3 .play li:nth-child(7) div:before{background: url(../image/partic2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial4 .play li:nth-child(3) div:before{background: url(../image/prize3-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial4 .play li:nth-child(7) div:before{background: url(../image/partic2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial5 .play li:nth-child(3) div:before{background: url(../image/prize3-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2-4.png) no-repeat center;background-size: 100% auto;}
.modality5.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5-4.png) no-repeat center;background-size: 100% auto;}
.modality5 .title-but{position: absolute;width: 4.053rem;height: 1.386rem;line-height: 1.386rem; top: -1.7rem;left: 50%;transform: translateX(-50%);background: url(../image/btn8.png) no-repeat;background-size: 100% 100%;color: #fff;}
.modality5 #mask .winning,.modality5 #mask2 .winning{width: 7rem;margin: -5rem 0 0 -3.5rem;}
.modality5 .winning .btn{width: 3.466rem;height: 0.826rem;font-size: 0.413rem;line-height: 0.826rem;font-weight: 600;bottom: 0.9rem;background:linear-gradient(180deg,rgba(237,156,15,1) 0%,rgba(254,240,15,1) 100%);box-shadow:0px 7px 24px 0px rgba(249,64,27,1);color: #fff;text-shadow:0px 0.0266rem 0.0266rem rgba(193,123,14,1);}
.modality5 .trophy{margin-top: 0.2rem;color: #fff;}
.modality5 .tro-title{font-size: 0.4rem;font-weight: 600;margin-bottom: .3rem;}
.modality5 .jp-title{font-size: 0.56rem;font-weight: bold;text-align: center;}
.modality5 #mask2 .jp-title{margin-top: 3.1rem;color: #fff;}
.modality5 .box-cont{background:linear-gradient(-90deg,rgba(254,86,13,1),rgba(254,16,209,1));box-shadow:0px 0.0266rem 0.2133rem 0px rgba(106,14,193,1);}
.modality5 .popup-title{background: url(../image/potitb5.png) no-repeat;background-size: 100% 100%;top: -2.12rem;}
.modality5 .cont-txt,.modality5 .popup-form input,.modality5 .popup-form input::-webkit-input-placeholder{color: #FE19B7;}
.modality5 .popup-form input,.modality5 .cont-txt{border:0;box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);background: #fff;}
.modality5 .popup-btn,.popup-btn1{background: url(../image/btn81.png) no-repeat;width: 4.293rem;height: 1.173rem;line-height: 1.173rem;background-size:100% 100%;color: #fff;margin: 0 auto;}

/* 皮肤6 */
.modality6{background: #0c0859;}
.modality6 .title{width: 8.026rem;margin-top: 1.85rem;}
.modality6 .title-but{position: absolute;top: -1.8rem;left: 50%;transform: translateX(-50%); font-size: 0.53rem;color: #fff;width:4.9733rem;height:1.2933rem;line-height: 1.17rem;background: url(../image/btn9.png) no-repeat;background-size:100% 100%;}
.modality6 .borback{background:rgba(255,255,255,.1);position: relative;margin-top: 2.5rem;}
.modality6 .border{position: absolute;left: 50%;transform: translateX(-50%);top: 3.6rem;z-index: 9;box-sizing: border-box;padding: 0.2rem;box-sizing: border-box;}
.modality6 .border .change-txt{margin-bottom: .5rem;}
.modality6 .sudoku{width:7.72rem;height: 6.466rem;margin-top: 3.1rem;margin-bottom: 5.5rem;}
.modality6 .play li {margin: 0.06025rem 0 0 0.06025rem;width: 2.493rem;height: 2.0266rem;background: url(../image/box4.png) no-repeat;background-size:100% 100%;}
.modality6 .play li.select{background: url(../image/boxa4.png) no-repeat;background-size:100% 100%;}
.modality6 .play li:nth-child(4) {left: 5.1rem;}
.modality6 .play li:nth-child(6) {top: 2.09rem;}
.modality6 .play li:nth-child(7) {left: 2.57rem;}
.modality6 .play li:nth-child(8) {left: -2.55rem;}
.modality6 .play li:nth-child(9) {left: -5.1rem;top: -2.1rem;}
.modality6 .play .start-btn{background: url(../image/btnc-5.png) no-repeat center;background-size:auto 100%;}
.modality6 .play li div:after{bottom: 0.29rem;color: #98520e;font-weight: 600; font-size: 0.4rem;}
.modality6 .play li div:before{width: 1.066rem;height: 1.066rem;top: 0.22rem;}
.modality6 .play li:nth-child(1) div:before{background: url(../image/prize1-5.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(2) div:before{background: url(../image/partic1-7.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(3) div:before{background: url(../image/partic2-7.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(4) div:before{background: url(../image/partic1-7.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(6) div:before{background: url(../image/partic2-7.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(7) div:before{background: url(../image/prize2-5.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(8) div:before{background: url(../image/partic1-7.png) no-repeat center;background-size: 100% auto;}
.modality6 .play li:nth-child(9) div:before{background: url(../image/partic2-7.png) no-repeat center;background-size: 100% auto;}
.modality6.dial2 .play li:nth-child(3) div:before{background: url(../image/prize3-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial3 .play li:nth-child(3) div:before{background: url(../image/prize3-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial3 .play li:nth-child(6) div:before{background: url(../image/prize4-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial3 .play li:nth-child(7) div:before{background: url(../image/partic2-7.png) no-repeat center;background-size: 100% auto;}
.modality6.dial3 .play li:nth-child(8) div:before{background: url(../image/prize2-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial4 .play li:nth-child(3) div:before{background: url(../image/prize3-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial4 .play li:nth-child(6) div:before{background: url(../image/prize4-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial4 .play li:nth-child(7) div:before{background: url(../image/partic2-7.png) no-repeat center;background-size: 100% auto;}
.modality6.dial4 .play li:nth-child(8) div:before{background: url(../image/prize2-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial4 .play li:nth-child(2) div:before{background: url(../image/prize5-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial5 .play li:nth-child(3) div:before{background: url(../image/prize3-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial5 .play li:nth-child(6) div:before{background: url(../image/prize4-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial5 .play li:nth-child(7) div:before{background: url(../image/prize6-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial5 .play li:nth-child(8) div:before{background: url(../image/prize2-5.png) no-repeat center;background-size: 100% auto;}
.modality6.dial5 .play li:nth-child(2) div:before{background: url(../image/prize5-5.png) no-repeat center;background-size: 100% auto;}
.modality6 .winning .btn{display: none;}
.modality6 .close{width: 1.12rem;height: 1.12rem;border-radius: 50%;background: rgba(0,0,0,0.5);font-size: 0.8rem;color: #fff;line-height: 1.08rem;text-align: center; position: absolute;left: 50%;transform: translateX(-50%);bottom: 0rem;z-index: 9;}
.modality6 #mask .winning{/*margin-top: -6rem;width: 9.853rem;margin-left: 4.9265rem;*/}
.modality6 #mask2 .winning{width: 6.96rem;margin-left: -3.48rem;}
.modality6 .trophy{margin-top: 1rem;color:#fff;}
.modality6 .tro-title{font-size: 0.4rem;margin-bottom: 0.3rem;}
.modality6 .jp-title{font-size: 0.56rem;}
.modality6 #mask2 .jp-title{color: #fff;text-align: center;margin-top: 3rem;}
.modality6 #mask2 .close{bottom: -1.5rem;}
.modality6 .box-cont{background:linear-gradient(180deg,rgba(187,155,255,1),rgba(78,34,173,1));box-shadow:0px 0.0266rem 0.2133rem 0px rgba(106,14,193,1);}
.modality6 .popup-title{background: url(../image/potitb6.png) no-repeat;background-size: 100% 100%;top: -2rem;}
.modality6 .cont-txt,.modality6 .popup-form input,.modality6 .popup-form input::-webkit-input-placeholder{color: #4E22AD;}
.modality6 .popup-form input,.modality6 .cont-txt{border:0;margin-bottom: 0.5rem; box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);background: #fff;}
.modality6 .popup-btn,.popup-btn1{background: url(../image/btn91.png) no-repeat;width: 4.293rem;height: 1.173rem;line-height: 1.173rem;background-size:100% 100%;color: #fff;margin: 0 auto;}