body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}
li{list-style:none}
em,i{font-style:normal;}
a{text-decoration:none;outline:0;color:#f7c47b;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-touch-callout:none;cursor:pointer;}
html{font-size:calc(100vw/7.5);}
body{font:.24rem / .3rem "Microsoft Yahei",sans-serif;color:#f7c47b;}
table{border-collapse:collapse}
img{display:block;width:100%;}
input:-webkit-autofill{background:transparent;transition:background-color 50000s ease-in-out 0s;-webkit-text-fill-color:unset;}
::-webkit-scrollbar{display:none;}
.app{width:7.5rem;height:16rem;margin:0 auto;position:relative;text-align:center;background-color:#67140f;}
.cell{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.bd{-webkit-box-flex:1;-webkit-flex:1;flex:1}
.logo{display:block;width:1.68rem;height:.49rem;position:absolute;left:.25rem;top:.2rem;}
.part{position:relative;background-size:7.5rem auto;background-repeat:no-repeat;box-sizing:border-box;}
.head{background-image:url(../img/head.jpg);height:10.08rem;padding-top:1rem;}
.p1{background-image:url(../img/p1.jpg);height:16.06rem;padding-top:1.26rem;}
.p2{background-image:url(../img/p2.jpg);background-color:#67140f;padding-top:1.26rem;padding-bottom:.4rem;}
.p3{background-color:#67140f;padding-bottom:1rem;}
.p3 img{width:2rem;height:2rem;border:.01rem solid #f7c47b;padding:.1rem;margin:.4rem auto 0 auto}
.slogan{width:5.39rem;height:2.34rem;margin:0 auto;background:url(../img/slogan.png) no-repeat center / cover;position:relative;}
.slogan p{position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#f4cb91;text-align:center;white-space:nowrap;font-size:.2rem;letter-spacing:1px;line-height:.4rem;}
.an0{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes scaleArea{0%,50%{opacity:0;-webkit-transform:scale(6)}
70%{opacity:.6;-webkit-transform:scale(1.5)}
80%{opacity:.8;-webkit-transform:scale(.8)}
90%{opacity:1;-webkit-transform:scale(1.2)}
100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes scaleArea{0%,50%{opacity:0;transform:scale(6)}
70%{opacity:.6;transform:scale(1.5)}
80%{opacity:.8;transform:scale(.8)}
90%{opacity:1;transform:scale(1.2)}
100%{opacity:1;transform:scale(1)}
}
.scaleArea{-webkit-animation-name:scaleArea;animation-name:scaleArea}
.user{position:absolute;top:.2rem;right:.2rem;}
.user a{display:inline-block;width:1.2rem;height:.5rem;line-height:.5rem;border-radius:.4rem;margin-left:.1rem;color:#673203;font-size:.22rem;background:-webkit-gradient(linear,top,from(#ffc436),to(#ffd97e));background:linear-gradient(#ffc436,#ffd97e);}
.desc{color:#f7c47b;font-size:.2rem;scale:.9;white-space:nowrap;line-height:.34rem;}
.cards{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:.96rem;}
.citem{width:1.35rem;height:1.61rem;margin:0 .05rem;position:relative;}
.citem .num{width:.31rem;height:.31rem;background:url(../img/fuka/num.png) no-repeat center / cover;position:absolute;top:-.04rem;right:-.04rem;text-align:center;}
.citem .num div{font-size:.2rem;scale:.7;line-height:.31rem;}
.cards .citem:nth-child(1){background:url(../img/fuka/zm.png) no-repeat center / cover;}
.cards .citem:nth-child(2){background:url(../img/fuka/cf.png) no-repeat center / cover;}
.cards .citem:nth-child(3){background:url(../img/fuka/xy.png) no-repeat center / cover;}
.cards .citem:nth-child(4){background:url(../img/fuka/ts.png) no-repeat center / cover;}
.cards .citem:nth-child(5){background:url(../img/fuka/zs.png) no-repeat center / cover;}
.btn_hc{display:block;width:3.14rem;height:1.16rem;margin:.3rem auto .2rem auto;background-image:url(../img/btn_hc.png);background-repeat:no-repeat;background-size:3.14rem 2.4rem;background-position:0 0;font-size:0;}
.btns{display:flex;width:100%;justify-content:space-evenly;align-items:center;flex-wrap:nowrap;}
.btns a,.twpop .btn_give{display:block;width:1.53rem;height:.5rem;background:url(../img/bg_btn.png) no-repeat center / cover;font-size:.24rem;line-height:.5rem;}
.btns a i,.twpop .btn_give i{background-image:linear-gradient(top,#680200,#9d2500,#de5000);background-image:-webkit-linear-gradient(top,#680200,#9d2500,#de5000);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;font-style:normal;}
.tasks{margin:.88rem auto 0 auto;}
.tasks li{width:6.66rem;height:.64rem;background:url(../img/bg_task.png) no-repeat center / contain;display:flex;justify-content:space-between;align-items:center;margin:0 auto .34rem auto;box-sizing:border-box;padding:0 .25rem;}
.tasks li div{font-size:.22rem;color:#8a3806;line-height:.64rem;}
.tasks li a{display:block;width:1.05rem;height:.39rem;line-height:.39rem;background:#c13517;color:#fff8da;border-radius:.2rem;}
.app a.end{filter:grayscale(1)}
.lottery{width:7.13rem;height:7.77rem;position:relative;margin:0 auto;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../img/zp_default.png);margin-bottom: 2.7rem;}
.lottery.bx{background-image:url(../img/zp_bx.png);}
.lottery_times{position:absolute;color:#ffe84c;font-size:.22rem;bottom:.2rem;left:50%;transform:translateX(-50%);}
.pointer{background:url(../img/pointer.png) no-repeat center / cover;width:2.1rem;height:2.1rem;position:absolute;left:50%;top:50%;margin:-1.12rem 0 0 -1.08rem;overflow:hidden;text-indent:-9999rem;}
.start{transform:scale(.96);-webkit-transform:scale(.96);}
.gray,.start{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.ewms{display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap;margin-top:.6rem;}
.ewms>div{width:2.25rem;height:2.87rem;background:url('../img/bg_ewm.jpg') no-repeat center / cover;}
.ewms img{width:1.83rem;height:1.83rem;margin:.2rem auto .18rem auto;position:relative;}
.ewms p{font-size:.24rem;line-height:.32rem;}
.twpop .twpop-mask{z-index:99;}
.twpop:not(.twpop-msg) .twpop-main{width:6.3rem;max-width:6.3rem;color:#fff8da;font-size:.24rem;background-color:transparent;z-index:999;}
.twpop .twpop-title{border-bottom:unset;height:.83rem;background:url('../img/tb.png') no-repeat 0 0 / 6.3rem 3rem;padding:unset;line-height:.84rem;font-size:.42rem;overflow:hidden;}
.sub{font-size:.4rem;line-height:1rem;height:1rem;}
.twpop .twpop-title i,.sub{background-image:linear-gradient(top,#fca736,#fbbe60,#f9e09c);background-image:-webkit-linear-gradient(top,#fca736,#fbbe60,#f9e09c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:bold;font-style:normal;position:relative;}
.twpop .twpop-title i::before,.twpop .twpop-title i::after{content:'';position:absolute;width:1.8rem;height:.34rem;background-image:url('../img/pt.png');background-repeat:no-repeat;background-size:5.75rem .34rem;top:50%;transform:translateY(-50%);}
.twpop .twpop-title i::before{background-position-x:0;left:-2rem;}
.twpop .twpop-title i::after{background-position-x:right;right:-2rem;}
.twpop .twpop-close{width:.66rem;height:.66rem;top:-.5rem;right:-.3rem;background:url('../img/close.png') no-repeat center / .4rem;}
.twpop .twpop-cont{border-width:0 1px;border-style:solid;border-image:linear-gradient(to bottom,#771b07,#ab4616,#e07225) 1;background-color:#632310;padding:.3rem .3rem .1rem .3rem;position:relative;}
.twpop .twpop-givecard .twpop-cont{padding:.3rem 0 .1rem 0;}
.twpop .twpop-cont::after{content:'';position:absolute;bottom:-.5rem;left:50%;transform:translateX(-50%);width:6.3rem;height:.6rem;background:url('../img/tb.png') no-repeat bottom center / 6.3rem 3rem;}
.twpop .fuka_list{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;}
.twpop .fuka_list li{width:1.35rem;height:1.61rem;margin:0 .34rem .2rem .34rem;filter:brightness(0.5);}
.twpop .fuka_list li.on{filter:brightness(1);}
.twpop .btn_give{margin:0 auto;}
.twpop .twpop-btn{min-width:1rem;background:linear-gradient(linear,top,from(#c74918),to(#fcae4c));background:-webkit-linear-gradient(top,#c74918,#fcae4c);color:#f8f8ca;line-height:.65rem;padding:0 .4rem;border:none;margin:0 .1rem;border-radius:.32rem;}
.twpop .twpop-diy-content{max-height:8rem;}
.twpop .twpop-from-text{margin:0 .4rem .2rem;}
.twpop .select2-container--default .select2-selection--single{background:transparent !important;border:none !important;}
.twpop .twpop-input,.twpop .twpop-select,.twpop .select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff6ca;}
.twpop .twpop-input::placeholder{color:#fff6cac5;}
.twpop .twpop-select option{color:#000;}
.twpop .tips{font-size:.2rem;color:#f7c47b;margin-top:.2rem;}
.twpop .twpop-gift li{padding:.1rem 0;border-bottom:1px dashed rgba(0,0,0,.2);text-align:left;display:flex;align-items: center;}
.twpop .twpop-gift li div.name{flex:1;}
.twpop .twpop-gift li div.time{width:.8rem;}
.twpop .twpop-gift .btn{padding:0 .2rem;min-width:.9rem;line-height:.5rem;height:.5rem;border-radius:.25rem;font-size:.22rem;text-align:center;background:linear-gradient(linear,top,from(#c74918),to(#fcae4c));background:-webkit-linear-gradient(top,#c74918,#fcae4c);color:#f8f8ca;display:inline-block;}
.twpop .twpop-foot{margin-top:.2rem;display:flex;justify-content:center;}
.twpop .twpop-giftPack .name{font-size:.34rem;color:#f8f8ca;font-weight:700;}
.twpop .twpop-physicalgift img{width:1.83rem;height:1.83rem;margin:.1rem auto .18rem auto;object-fit:contain;}
.twpop .twpop-main.twpop-wufu .twpop-title{font-size:.36rem;}
.none{display:none;}
.side{position:fixed;top:3.9rem;right:0;width:.37rem;height:2.41rem;background:url('../img/side.png') no-repeat center / cover;}
.side span{display:block;height:1.2rem;font-size:0;}
.gray{-webkit-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.rule{text-align:left;}
table{width:100%;border:1px solid #f9d29c;margin:.1rem 0;text-align:center;}
th{font-weight:bold;}
th,td{border:1px solid #f9d29c;}
.info_list p{display:flex;align-items:flex-start;margin:.1rem 0;}
.info_list p span:nth-child(1){display:inline-block;width:2rem;text-align:right;}
.info_list p span:nth-child(2){display:inline-block;flex:1;text-align:left;}
.btn_hc.end{background-position-y:bottom;}
/* 新增 */
.video{position:relative;width:6.8rem;height:5.1rem;margin: 0 auto;}
.video video{display:block;cursor:pointer;width:100%;height:100%;}
.control-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:100%;height:100%;background-image:url(../img/play.png);background-size:1rem 1rem;background-position:center;background-repeat:no-repeat;font-size:0;text-indent:-9999px;cursor:pointer;transition:opacity 0.5s ease,visibility 0.5s ease;opacity:1;visibility:visible;z-index:2;}
.control-btn.hide{opacity:0;visibility:hidden;}
.control-btn.playing{background-image:url('../img/paused.png');}