html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin: 0;padding: 0;box-sizing: border-box;}
html,body,fieldset,img,iframe,abbr {border: 0}
li {list-style: none}
textarea {overflow: auto;resize: none}
a,button {cursor: pointer}
h1,h2,h3,h4,h5,h6,em,strong,b {font-weight: 700}
a,a:hover {text-decoration: none}
a{text-decoration: none}
input{-webkit-appearance: none;appearance: none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .4rem 'Microsoft Yahei',Arial;color: #ffce8e;text-align: center;}
table{border-collapse:collapse}
img{display: block;width: 100%;user-select: none;}
::-webkit-scrollbar {display:none;}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}
.tc{text-align: center;}
.new{display: none;}
.app{width:7.5rem;margin:0 auto;padding-top: .99rem;background-color: #551b12;}
.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}
.tab{width: 7.5rem;position: fixed;height: .99rem;top:0;left: 50%;margin-left: -3.75rem;display: flex;z-index: 99;}
.tab li{width: 3.75rem;height: .99rem;background: url('../imgs/tab.jpg') no-repeat 0 0 / 7.5rem auto;font-size: 0;}
.tab li:nth-child(2){background-position-y: -.99rem;}
.tab li.on{background-position-x: -3.75rem;}
.head,.main{position: relative;background-repeat: no-repeat;background-size: 7.5rem auto;}
.btn_out,.btn_login,.btn_open,.btn_get,.btn_finish,.btn_end,.btn_pay,.btn_all,.btn_rule,.btn_fast{background: url('../imgs/btn.png') no-repeat -999px / 5.6rem auto;font-size: 0;}
.head{height: 7.2rem;background-image: url('../imgs/head.jpg'); position: relative;}
.user,.btn_fast{position: absolute;right: .3rem;top: .27rem;}
.btn_fast{width: 2.42rem; height: .6rem; background-position: 0 -2.12rem;-webkit-animation: dong 1.4s linear infinite;animation: dong 1.4s linear infinite;}
@-webkit-keyframes dong{0%{-webkit-transform:scale(.92)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.92)}}
@keyframes dong{0%{transform:scale(.92)}50%{transform:scale(1)}100%{transform:scale(.92)}}
.user_info{display: none;color: #fff;}
.user_info span{display: inline-block;padding-top: .1rem;}
.btn_out,.btn_login{display: inline-block;color: #feed96;line-height: .6rem; width: 1.6rem; margin-left: .2rem;}
.btn_login{background-position: 0 0;}
.btn_out{background-position: -1.7rem 0;}
.main{background-image: url('../imgs/main.jpg'); min-height: 24rem; padding-top: .56rem;}
.part1,.part2,.part3{position: relative; padding-top: .6rem;overflow: hidden;}
.part1::after,.part2::after,.part3::after{content: '';width: 7.5rem; height: .44rem; background: url('../imgs/title.png') no-repeat -999px / 15rem auto;position: absolute;top: 0;left: 0;}
.part1::after{background-position: -7.5rem 0;}
.part2::after{background-position: -7.5rem -.5rem;}
.part3::after{background-position: -7.5rem -1rem;}
.news .part1::after,.news .part2::after,.news .part3::after{background-position-x: 0;}
.part1{height: 6.68rem;}
.intro{line-height: .4rem;position: relative;z-index: 1;}
.togame,.creat_role{display: block;width: 2.01rem;height: 1.76rem;background-repeat: no-repeat;background-size: cover;position: fixed;font-size: 0;bottom: 1.4rem;z-index: 1;}
.togame{right: .2rem;background-image: url('../imgs/togame.png');}
.creat_role{left: .1rem;background-image: url('../imgs/creat_role.png');display: none;}
.box{background: url('../imgs/open.jpg') no-repeat center / cover; position: absolute; left: 50%; top: 1.14rem; margin-left: -1.45rem; width: 2.9rem; height: 2.8rem; display: none;}
.box.open{display: block;}
.btn_open{height: .74rem;width: 2.41rem;background-position: 0 -1.28rem;margin: 2.8rem auto .2rem;}
.key{color: #ffead0;}
.part2{height: 7.82rem;}
.task{width: 7.15rem;margin: .06rem auto 0;}
.task li{color: #ffdcaa; font-size: .18rem; display: flex;align-items: center;background: url('../imgs/task.png') no-repeat center / cover; width: 7.15rem; height: 1.27rem;margin-bottom: .12rem;text-align: left;padding: 0 .32rem;}
.task li .tit{color: #ffcc7b;font-size: .25rem;font-weight: bold;}
.btn_get,.btn_finish,.btn_end{height: .48rem;display: block;width: 1.27rem;}
.btn_get{background-position: 0 -.7rem;}
.btn_finish{background-position: -1.37rem -.7rem;}
.btn_end{background-position: -2.74rem -.7rem;}
.part3{min-height: 9.1rem;}
.btn_pay{display: block;height: .48rem;width: 1.32rem;background-position: -2.51rem -1.28rem;position: absolute;top: .57rem;right: 1.15rem;}
.gift{height: 2.05rem;width: 7.07rem;margin: .58rem auto 0; background: url('../imgs/line.png') no-repeat 0 1.06rem / 7.07rem;display: flex;justify-content: center;}
.gift li p{background: linear-gradient(#d1a265, #fce4b8);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gift .icon{width: .97rem; height: 1.33rem;background: url('../imgs/gift.png') no-repeat left top / .97rem 2.75rem; margin: 0 .05rem .08rem;}
.gift li.on .icon{background-position: center bottom;}
.btn_all{width: 1.6rem;height: .6rem;background-position: -3.4rem 0;margin: 0 auto;}
.text{padding: .2rem .1rem;}
.text p:nth-child(2){color: #fff;}
.qr_box{display: flex; justify-content: center; padding-bottom: 1rem;}
.qr_box .item{color: #8f7a59;margin: 0 .3rem;}
.qr_box .code{width: 2.68rem;height: 2.09rem;background: url('../imgs/qr_box.png') no-repeat center / cover; padding: .18rem 0 0 .4rem; margin-bottom:.14rem;}
.qr_box .code img{width: 1.9rem;height: 1.9rem;}
.btn_rule{position: fixed;top: 3.65rem;right: 0;width: .5rem;height: 1.4rem;background-position: -5.1rem 0;}
.pop{position: fixed;z-index: 100;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, .7); display: none;}
.pop_main{position: fixed; background: url('../imgs/rule.png') no-repeat center / cover; overflow: hidden; left: 50%; top:50%; z-index: 200; height: 13.6rem; width: 7.5rem; -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop_main .close{width: 1.3rem;height: 1.3rem;position: absolute;right: .15rem;top: .63rem;}
.rule_text{font-size: .26rem;margin: 2.55rem .4rem 0 .46rem;text-align: left;color: #4c1a13;}
.rule_text p{position: relative; padding-left: .46rem;line-height: .45rem;}
.rule_text p i{position: absolute;left: 0;top: 0;font-style: normal;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{border: .02rem solid #8f491a; border-top-color: #ee8614; width: 5rem; max-width: 5rem; background-image: linear-gradient(top,#3f1300,#6a2304);background-image: -webkit-linear-gradient(top,#3f1300,#6a2304);}
.twpop .twpop-main::after,.twpop .twpop-main::before,.twpop .twpop-title::after{content: '';position: absolute;}
.twpop .twpop-main::before{width: 1.63rem; height: .51rem; background: url('../imgs/pt.png') no-repeat center / cover; left: -.1rem; top: -.3rem;}
.twpop .twpop-main::after{width: .67rem; height: .17rem; background: url('../imgs/pb.png') no-repeat center / cover;left: -.1rem; bottom: -.09rem;}
.twpop .twpop-main{color: #d8a272; font-size: .24rem;}
.twpop-msg .twpop-main::after,.twpop-msg .twpop-main::before,.twpop-load .twpop-main::after,.twpop-load .twpop-main::before{display: none;}
.twpop .twpop-close{width: .7rem;height: .7rem;background: url('../imgs/close.png') no-repeat center / .4rem;}
.twpop .twpop-title{border: none; position: relative; font:bold .5rem / 1 '思源宋体','宋体'; padding: .3rem 0 .1rem;background: linear-gradient(#fefb97, #cc7d40);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.twpop .twpop-title::after{width: .22rem; height: .36rem; background: url('../imgs/br.png') no-repeat center / cover; right: -.05rem; top: -.14rem;}
.twpop .twpop-cont{padding:.2rem .2rem .4rem;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-btn{width: 2.69rem;height: .83rem;line-height: .83rem;background: url('../imgs/pop_btn.png') no-repeat center / cover;padding: 0;font-size: .26rem;color: #723304;border: none;text-shadow: 0 0 1px #fff3c4;}
.qr_code{width: 2.4rem;height: 2.4rem;margin: .2rem auto;}
.video{position: fixed;top: 0;bottom: 0;left:50%;z-index: 100;width: 7.5rem;height: 100%;margin-left: -3.75rem;background: #961a0d;}
.video video{display: block;width: 100%;height: 100%;object-fit: contain;}
.sound,.skip{position: absolute;top: .3rem; line-height: .6rem; height: .6rem; border-radius: .3rem; background-color: rgba(0, 0, 0, .7);color: #fff;}
.sound{left: .2rem;width: .6rem;background-image: url('../imgs/sound.png');background-repeat: no-repeat;background-size: .6rem auto;background-position: center top;}
.sound.off{background-position: center bottom;}
.skip{padding: 0 .34rem;right: .2rem;}
.play{width: 2rem;height: 2rem;position: absolute;left: 50%;top: 50%;margin: -1rem 0 0 -1rem; background: url('../imgs/play.png') no-repeat center / 1rem;-webkit-animation: dong 1.4s linear infinite;animation: dong 1.4s linear infinite;}