#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: 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;}
.title {width: 8.6rem;margin: .15rem auto;margin-bottom: .284rem;}
.modality1 .title{width: 10rem;margin-top: -0.36rem;}

.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;font-size: 0.3rem;border-radius: 0.93rem;    
    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: #FF5F53;
    width: 80px;
    border: 1px solid #d4b8b6;
}

/* 鸡蛋 */
/*******************************************/
.stage {width: 100%;-webkit-perspective: 800;height: 5rem; -webkit-perspective-origin: 50% -5.33rem;position: relative;margin-bottom: 2.4rem;}
.cube{width:0px;height:0px;margin:auto;position:absolute;left:50%;bottom:0.6rem;z-index:100;-webkit-transform-style: preserve-3d;-webkit-backface-visibility:visible;-webkit-transform: rotateX(90deg) rotateZ(0deg);}
.plane{width:0px;height:0px;position: absolute;z-index:200;left:40%;top:40%;-webkit-transform-style: preserve-3d;-webkit-backface-visibility:visible;}
.plane>span{position: relative;width: 3.86rem;height: 3.66rem;margin-left:-1.3rem;margin-top:-3.8rem;display:block;background: url(../image/age.png) no-repeat bottom;-webkit-background-size: 100% auto;-webkit-transition:background-position .5s ease-in;}
.plane>span.on{background: url(../image/age-on.png) no-repeat bottom;background-size: 100% auto;}
.plane>span.failure{ background: url(../image/age-onk.png) no-repeat bottom;background-size: 100% auto;}
.cube.on,.cube.on .plane>span{-webkit-animation: spin 10s infinite linear; }
.plane>span.on.luck{background-position: center 3px;}
.plane>span:after{content: "";position: absolute;z-index:360;width:1.493rem;height:1.653rem;top:0.3rem;right:-0.42rem;background:url(../image/hammer.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;position-events:none;display: none;}
.plane>span.on:after,.plane>span.failure:after{display: block;}
.cube.pause, .cube.pause span{-webkit-animation-play-state:paused!important;animation-play-state:paused!important;}

.plane.one{-webkit-transform:rotateZ(90deg) translateX(80px) rotateX(-90deg);}
.plane.two{-webkit-transform:rotateZ(210deg) translateX(80px) rotateX(-90deg);}
.plane.three{-webkit-transform:rotateZ(330deg) translateX(80px) rotateX(-90deg);}

.cube.on>.one>span {-webkit-animation-name:spin1;-webkit-transform:rotateY(90deg);z-index:203;}
.cube.on>.two>span {-webkit-animation-name:spin2;-webkit-transform:rotateY(210deg);}
.cube.on>.three>span {-webkit-animation-name:spin3;-webkit-transform:rotateY(330deg);}

@-webkit-keyframes spin3 {
  0% { -webkit-transform:rotateY(330deg);}
  100% { -webkit-transform: rotateY(690deg);}
}
@-webkit-keyframes spin2 {
  0% {-webkit-transform:rotateY(210deg);}
  100% {-webkit-transform:rotateY(570deg);}
}
@-webkit-keyframes spin1 {
  0% { -webkit-transform:rotateY(90deg);}
  100% { -webkit-transform:rotateY(450deg);}
}
@-webkit-keyframes spin{
  0% {-webkit-transform: rotateX(90deg) rotateZ(0deg); }
  100% { -webkit-transform: rotateX(90deg) rotateZ(360deg);}
}
/************************************/

/*次数*/
.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-radius: 10px;background: rgba(255,255,255,.1);padding:0.5rem;box-sizing: border-box;width: 94%;margin: 0 auto;margin-top: 1.5rem;position: relative;}
.title-but{font-size: .53rem;font-weight: bold;color: #E65420;text-align:center;margin-bottom: .5rem;width: 4rem;height: 1.26rem;line-height: 1.173rem;position: absolute;left: 50%;transform: translateX(-50%);top: -0.6rem;border-radius: 1.26rem;background: url(../image/btn.png) no-repeat;background-size:100% 100%;}
.modality1 .title-but{box-shadow:0px 0px 0.26rem 0px rgba(138,49,5,0.5);}
.instru-txt{font-size: .38rem;color: #fff;line-height: .6rem;}
.modality1 .borback{padding-top: 1.1rem;}

.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.26rem;border-radius:1.26rem;background: url(../image/btn.png) no-repeat;background-size:100% 100%;font-size: 0.53rem;color: #E65420;line-height:1.17333333rem;bottom: 0.6rem;}
.modality1 #mask .winning,.modality1 #mask2 .winning{width: 8rem;margin-left: -4rem;margin-top: -5.5rem;color: #FEE34E;}
/* .modality1 #mask .btn{bottom: 2.6rem;} */

.trophy{text-align: center;position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);margin-top: 0;}
.winning .tro-title{font-size:0.53rem;margin-bottom: 0.8rem;}
.winning .jp-title{font-size: 0.69rem;font-weight: bold;}
.modality1 .pre-box .jp-title{text-align: center;margin-top: 3rem;}
.modality1 #mask .pre-box .jp-title {margin-top:unset;}
.modality1 .pre-box .jp-title span{display: 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: #FF85AA;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;overflow: hidden;}
.dw-cont{position: relative;z-index:103;padding: 1rem;box-sizing: border-box;padding-top: 0.3rem;}
.popup-form input{background: #fff;border-radius: 0.08rem;height: 1.173rem;width: 100%;box-sizing: border-box;padding: 0 .4rem;line-height: 1.173rem;font-size: 0.26rem;margin-bottom: 0.5rem;border: 0;position: relative;z-index: 3;color: #F87D51;}
.popup-title{color: #fff;font-size: .58rem;font-weight: 600;margin-bottom: 0.36rem;height: 2.146rem;background: #F92A68;display: flex;align-items: center;justify-content: center;}
.popup-btn,.popup-btn1{display: block;background: url(../image/btn2.png) no-repeat;background-size:100% 100%; text-align: center;height: 1.26rem;line-height: 1.173rem;color: #E65420;font-size: 0.53rem;border-radius: 1.26rem;position: relative;z-index: 3;box-shadow:0px 0px 0.26rem 0px rgba(138,49,5,0.5);}
.popup-form input::-webkit-input-placeholder {color:#F87D51;opacity: .6;}
.cont-txt{color: #F87D51;font-size: 0.4rem;background: #fff;border-radius: 0.22rem;display: flex;align-items: center; padding: 0.26rem;min-height: 3rem;font-weight: bold;margin-bottom: .5rem;box-sizing: border-box;}
.img-cont{display: flex;align-items: center;justify-content: center;}
.popup-title>span{position: relative;/* display: inline-block; */}
.popup-title .left,.popup-title .right{position: absolute;width: 1.2rem;height: 0.026rem;background: #fff;top: 50%;transform: translateY(-50%);}
.popup-title .left:before,.popup-title .right:before{position: absolute;content: '';display: block;width: 0.18rem;height: 0.18rem;border-radius: 50%;background:#fff;top: 50%;transform: translateY(-50%);}
.popup-title .right{right: -1.8rem;}
.popup-title .right:before{left: -0.18rem;}
.popup-title .left{left: -1.8rem;}
.popup-title .left:before{right: -0.18rem;}

/* 皮肤2 */
.modality2{background:#8e10bf;}
.modality2 .title{width: 9.16rem;margin-top: 0;}
.modality2 .stage{margin-top: 2rem;margin-bottom: 2.2rem; -webkit-perspective-origin: 50% -1.33rem;}
.modality2 .plane>span{width: 4.52rem;height: 3.706rem; background: url(../image/age1.png) no-repeat bottom;-webkit-background-size: 100% auto;margin-left: -1.5rem;margin-top: -3.9rem;}
.modality2 .plane>span.on{background: url(../image/age-on1.png) no-repeat bottom;background-size: 100% auto;}
.modality2 .plane>span.failure{ background: url(../image/age-onk1.png) no-repeat bottom;background-size: 100% auto;}
.modality2 .plane>span:after{content: "";position: absolute;z-index:360;width:1.453rem;height:1.64rem;top:-1.1rem;right:0.22rem;background:url(../image/hammer1.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;position-events:none;display: none;}
.modality2 .plane>span.on:after,.plane>span.failure:after{display: block;}
.modality2 .border{position: absolute;width: 100%;left: 50%;transform: translateX(-50%);top: 5rem;}
.modality2 .borback{border:0.04rem solid rgba(180, 107, 250, 1);background: none;box-shadow: 0px 0px 0.08rem #f600ff;padding-top: 1rem;}
.modality2 .title-but{width: 4.74rem;height: 1.346rem;border-radius: 1.346rem;line-height: 1.246rem;background: url(../image/btn3.png) no-repeat;background-size:100% 100%;color: #fff;text-shadow: 0px 0px 0.133rem #ff002e;box-shadow: 0px 0px 0.133rem #fcc865;top: -0.8rem;}
.modality2 .box-cont{background:rgba(142,16,191,1);border:0.04rem solid rgba(255,0,120,1);box-shadow: 0px 0px 0.1rem #f600ff;}
.modality2 .cont-txt,.modality2 .popup-form input,.modality2 .popup-form input::-webkit-input-placeholder{color: rgba(92,9,82,1);}
.modality2 .popup-title{background: #5C0952;}
.modality2 .popup-form input,.modality2 .cont-txt{border: 0;}
.modality2 .popup-btn,.popup-btn1{background: url(../image/btn4.png) no-repeat;background-size:100% 100%;color: #fff;text-shadow: 0px 0px 0.133rem #ff002e;box-shadow: 0px 0px 0.133rem #fcc865;}
.modality2 .dw-cont{padding: 0.3rem 1.4rem 1rem 1.4rem;}
.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: 0.5rem;}
.modality2 .winning .btn{display: none;}
.modality2 #mask .winning>img{width: 9.2rem;margin: 0 auto;margin-left: -0.2rem;}
.modality2 #mask2 .winning>img{width: 7.653rem;margin: 0 auto;}
.modality2 #mask2 .winning .jp-title{text-align: center;margin-top: 3rem;}
.modality2 .winning .tro-title{font-size:0.53rem;margin-bottom: 0.5rem;color: #fff;}
.modality2 .winning .jp-title{font-size: 0.69rem;font-weight: bold;color: #FEE34E;}
.modality2 .close{width: 1.12rem;height: 1.12rem;border-radius: 50%;background:rgba(0,0,0,0.5);border:0.04rem solid rgba(142, 14, 209, 1);font-size: 0.8rem;font-weight: bold;color: rgba(255,255,255,0.5);line-height: 1.08rem;text-align: center; position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem;z-index: 9;}

/* 皮肤3 */
.modality3{background: #4e63e6;}
.modality3 .title{width: 7.786rem;margin-bottom: 0;margin-top: 0.5rem;}
.modality3 .stage{margin-top: 3.2rem;margin-bottom: 4.2rem; -webkit-perspective-origin: 50% -1.13rem;}
.modality3 .plane>span{width: 3.16rem;height: 4.17rem; background: url(../image/age2.png) no-repeat bottom;-webkit-background-size: 100% auto;margin-left: -1.5rem;margin-top: -3.9rem;}
.modality3 .plane>span.on{background: url(../image/age-on2.png) no-repeat bottom;background-size: 100% auto;}
.modality3 .plane>span.failure{ background: url(../image/age-onk2.png) no-repeat bottom;background-size: 100% auto;}
.modality3 .plane>span:after{content: "";position: absolute;z-index:360;width:1.24rem;height:1.48rem;top:0.5rem;right:-0.42rem;background:url(../image/hammer2.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;position-events:none;display: none;}
.modality3 .plane>span.on:after,.plane>span.failure:after{display: block;}
.modality3 .border{position: absolute;width: 100%;left: 0;top: 5rem;}
.modality3 .borback{border: 0;background: rgba(255,255,255,.1);position: relative;margin-top: 2.7rem;}
.modality3 .title-but{position: absolute;width: 3.786rem;height: 1.453rem;line-height: 0.88rem;color: #fff;background:url(../image/btn5.png) no-repeat;border-radius: 0;background-size:100% 100%; left: 50%;top: -1.8rem;font-size: 0.53rem;font-weight: normal;transform: translateX(-50%);padding-top: 0.4rem;box-sizing: border-box;}
.modality3 #mask, #mask2{background-color: rgba(0, 0, 0, 0.6);}
.modality3 .winning>img{width: 6.826rem;margin: 0 auto;}
.modality3 .winning .btn{display: none;}
.modality3 .winning>img.zjzs{position: absolute;z-index: -2;width: 10rem;left: 50%;margin-left: -5rem; top: 0.6rem;}
.modality3 .trophy{color: #F34138;margin-top: 1.1rem;}
.modality3 #mask2 .winning .jp-title{color:#F34138;text-align: center;margin-top: 4rem;}
.modality3 .box-cont{background: #B1BCFF;}
.modality3 .popup-title{background: #4E63E6;}
.modality3 .cont-txt,.modality3 .popup-form input,.modality3 .popup-form input::-webkit-input-placeholder{color: #4E63E6;}
.modality3 .popup-form input,.modality3 .cont-txt{border:0;}
.modality3 .popup-btn,.popup-btn1{background:url(../image/btn52.png) no-repeat;background-size:100% 100%;height: 1.266rem;line-height: 1.173rem;color:#fff;box-shadow: none;}
.modality3 .box-popup{background: rgba(0,0,0,.6);}
.modality3 .close{width: 1.12rem;height: 1.12rem;border-radius: 50%;background:rgba(0,0,0,0.5);font-size: 0.8rem;color: rgba(255,255,255,0.5);line-height: 1.08rem;text-align: center; position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem;z-index: 9;}


/* 皮肤4 */
.modality4{background: #fe0034;}
.modality4 .title{width: 8.426rem;margin-top: 1rem;}
.modality4 .stage{margin-top: 3.2rem;margin-bottom: 0.8rem; -webkit-perspective-origin: 50% -1.13rem;}
.modality4 .plane>span{width: 3.253rem;height: 3.53rem; background: url(../image/age3.png) no-repeat bottom;-webkit-background-size: 100% auto;margin-left: -1.5rem;margin-top: -3.9rem;}
.modality4 .plane>span.on{background: url(../image/age-on3.png) no-repeat bottom;background-size: 100% auto;}
.modality4 .plane>span.failure{ background: url(../image/age-onk3.png) no-repeat bottom;background-size: 100% auto;}
.modality4 .plane>span:after{content: "";position: absolute;z-index:360;width:1.24rem;height:1.48rem;top:-0.3rem;right:-0.42rem;background:url(../image/hammer3.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;display: none;}
.modality4 .plane>span.on:after,.plane>span.failure:after{display: block;}
.modality4 .border{width: 90%;background:rgba(44,14,125,0.5);box-shadow:0px 5px 30px 0px rgba(137,2,148,0.3); color: #fff;box-shadow:0px 5px 30px 0px rgba(137,2,148,0.3);border-radius: 0.26rem;box-sizing: border-box;padding: 0.3rem;margin: 0 auto;}
.modality4 .title-but{width: 4.56rem;border-radius: 0; height: 1.506rem;background: url(../image/btn6.png) no-repeat;background-size:100% 100%;line-height: 1.506rem;text-align: center;position: absolute;left: 50%;transform: translateX(-50%);top: -1.9rem;color: #fff;}
.modality4 .borback{border:0;background:rgba(255,255,255,0.2);margin-top: 2.5rem;}
.modality4 .winning img{width: 9.78rem;margin: 0 auto;}
.modality4 #mask .winning,.modality4 #mask2 .winning{margin-top: -5.6rem;width: 100%;margin-left: 0;left: 0;}
.modality4 .winning .tro-title{text-shadow:0px 0.066rem 0px rgba(173,0,1,0.5);font-size: 0.586rem;color: #fff;margin-bottom: 0.4rem;}
.modality4 .winning .btn{background:rgba(255,175,0,1);box-shadow:0px 0.066rem 0px 0px rgba(128,0,1,0.5);bottom: 3rem;font-size: 0.45rem;color: #fff;height: 0.92rem;border-radius: 0.92rem;line-height: 0.92rem;width: 3.88rem;}
.modality4 .trophy{margin-top: -0.8rem;}
.modality4 .jp-title{text-align: center;text-shadow:0px 0.066rem 0px rgba(173,0,1,0.5);font-size: 0.53rem;font-weight: 800;color: #FFFB00;}
.modality4 .trophy img{width: 2.89rem;height: 2.01rem;border-radius: 0.13rem;margin: 0 auto;}
.modality4 #mask2 .winning .jp-title{font-size: 0.53rem;font-weight: 800;margin-top: 3.5rem;text-shadow:0px 0.066rem 0px rgba(173,0,1,0.5);color: #fff;}
.modality4 #mask2 .winning .jp-title span{display: block;color: #FFFB00;margin-top: 0.4rem;}
.modality4 .box-cont{background: #FF85AA;border: 0;}
.modality4 .popup-title{background: #FE0034;}
.modality4 .cont-txt,.modality4 .popup-form input,.modality4 .popup-form input::-webkit-input-placeholder{color: #FE0034;}
.modality4 .popup-form input,.modality4 .cont-txt{border: 0;background: #fff; box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);}
.modality4 .popup-btn,.popup-btn1{background:url(../image/btn2.png) no-repeat;height:1.266rem; background-size:100% 100%;color:#E65420;line-height: 1.173rem;}
.modality4 .box-popup{background: rgba(0,0,0,.6);}

/* 皮肤5 */
.modality5{background: #fff344;}
.modality5 .title{margin-top: 0.8rem;width: 7.373rem;margin-bottom: 0.13rem;}
.modality5 .borback{background:rgba(255,209,82,0.9);border: 0;position: relative;margin-top: 2.8rem;}
.modality5 .instru-txt{color: #4F1D00;}
.modality5 .stage{margin-top: 3.8rem;margin-bottom: 7.6rem; -webkit-perspective-origin: 50% -1.13rem;}
.modality5 .plane>span{width: 2.933rem;height: 4.227rem; background: url(../image/age4.png) no-repeat bottom;-webkit-background-size: 100% auto;margin-left: -0.5rem;margin-top: -3.9rem;}
.modality5 .plane>span.on{background: url(../image/age-on4.png) no-repeat bottom;background-size: 100% auto;}
.modality5 .plane>span.failure{ background: url(../image/age-onk4.png) no-repeat bottom;background-size: 100% auto;}
.modality5 .plane>span:after{content: "";position: absolute;z-index:360;width:1.24rem;height:1.48rem;top:0.93rem;right:-0.95rem;background:url(../image/hammer4.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;display: none;}
.modality5 .plane>span.on:after,.plane>span.failure:after{display: block;}
.modality5 .title-but{position: absolute;width: 6.764rem;border-radius: 0; height: 1.76rem;line-height: 1.76rem; top: -2.2rem;left: 50%;transform: translateX(-50%);background: url(../image/btn7.png) no-repeat;background-size: 100% 100%;color: #fff;font-size: 0.53rem;margin-bottom: 0;}
.modality5 .border{position: absolute;left: 50%;transform: translateX(-50%);top: 6.7rem;color: #FF0057;}
.modality5 #mask .winning{width: 100%;left: 0;margin:0;margin-top: -4.9rem;}
.modality5 #mask2 .winning{width: 7.026rem;margin:-5rem 0 0 -3.013rem;}
.modality5 .winning .btn{width: 5.23rem;height: 1.36rem;border-radius: 1.36rem; background:#FDDF57;border:4px solid rgba(123, 73, 9, 1);font-size: 0.66rem;line-height: 1.36rem;font-weight: 800;bottom: 1.4rem;color: #CC3240;}
.modality5 #mask2 .winning .btn{width: 4.23rem;height: 1rem;border-radius: 1rem;font-size: 0.5rem;line-height: 1rem;}
.modality5 .trophy{margin-top: -0.6rem;}
.modality5 .tro-title{font-size: 0.66rem;color: #fff;font-weight: 800;}
.modality5 .jp-title{font-size: 0.533rem;color: #FFFB00;font-weight: bold;text-align: center;}
.modality5 #mask2 .jp-title{margin-top: 2rem;font-size: 0.66rem;color: #fff;}
.modality5 #mask2 .jp-title span{display: block;color: #FFFB00;font-size: 0.53rem;margin-top: 0.8rem;}
.modality5 .box-cont:before{background: url(../image/bk4.png) no-repeat;background-size:100% 100%;}
.modality5 .box-cont{background: #FFECB1;}
.modality5 .popup-title{background: #FFD554;color: #4F1D00;}
.modality5 .popup-title .left,.modality5 .popup-title .right,.modality5 .popup-title .left:before,.modality5 .popup-title .right:before{background: #4F1D00;}
.modality5 .cont-txt,.modality5 .popup-form input,.modality5 .popup-form input::-webkit-input-placeholder{color: #4F1D00;}
.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/btn62.png) no-repeat;background-size:100% 100%;color:#4F1D00;box-shadow:0px 0px 0.266rem 0px rgba(138,49,5,0.5);}
.modality5 .box-popup{background: rgba(0,0,0,.8);}

/* 皮肤6 */
.modality6{background: linear-gradient(to right, #7c0feb, #fd7c5c);}
.modality6 .title{margin-top: 1.2rem;width: 8.1333rem;margin-bottom: 0.13rem;}
.modality6 .borback{background:#9334ef;border: 0;position: relative;margin-top: 2.4rem;}
.modality6 .stage{margin-top: 1.5rem;margin-bottom: 3.1rem; -webkit-perspective-origin: 50% -1.13rem;}
.modality6 .plane>span{width: 3.52rem;height: 4.227rem; background: url(../image/age5.png) no-repeat bottom;-webkit-background-size: 100% auto;margin-left: -0.5rem;margin-top: -3.9rem;}
.modality6 .plane>span.on{background: url(../image/age-on5.png) no-repeat bottom;background-size: 100% auto;}
.modality6 .plane>span.failure{ background: url(../image/age-onk5.png) no-repeat bottom;background-size: 100% auto;}
.modality6 .plane>span:after{content: "";position: absolute;z-index:360;width:1.24rem;height:1.48rem;top:0.93rem;right:-0.3rem;background:url(../image/hammer5.png) no-repeat center center;background-size:100% 100%; -webkit-transition:-webkit-background-size .3s ease-in;display: none;}
.modality6 .plane>span.on:after,.plane>span.failure:after{display: block;}
.modality6 .title-but{width:4.373rem;height:1.106rem;background: url(../image/btn8.png) no-repeat;background-size:100% 100%;color: #fff;line-height: 1.0133rem;top: -1.7rem;font-size: 0.533rem;}
.modality6 #mask .winning{width: 8.866rem;margin-left: -4.433rem;margin-top: -6rem;}
.modality6 #mask2 .winning{width: 8.33rem;margin-left: -4.165rem;}
.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: rgba(255,255,255,0.5);line-height: 1.08rem;text-align: center; position: absolute;left: 50%;transform: translateX(-50%);bottom: -1.5rem;z-index: 9;}
.modality6 .trophy{margin-top: 1.9rem;color: #FFFB00;}
.modality6 .winning .tro-title{margin-bottom: 0.3rem;font-size: 0.4133rem;}
.modality6 .winning .jp-title{font-size: 0.5333rem;}
.modality6 #mask2 .winning .jp-title{color: #FFFB00;margin-top: 3rem;text-align: center;letter-spacing: 3px;font-weight: normal;}
.modality6 .popup-title{background: #6D29F3;}
.modality6 .box-cont{background: #D8C4FF;}
.modality6 .cont-txt,.modality6 .popup-form input,.modality6 .popup-form input::-webkit-input-placeholder{color: #6D29F3;}
.modality6 .popup-form input,.modality6 .cont-txt{border: none;box-shadow: 0px 0px 0.2rem rgba(0,0,0,.16);}
.modality6 .popup-btn,.popup-btn1{background:url(../image/btn81.png) no-repeat;background-size:100% 100%;color:#fff;box-shadow:0px 0px 0.266rem 0px rgba(138,49,5,0.5);}
.modality6 .box-popup{background: rgba(0,0,0,.6);}