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: #edf8bf;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem "Microsoft Yahei",sans-serif;color: #edf8bf;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
::-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}
.page{width:7.5rem;margin:0 auto; text-align: center;background-color: #1b4139;}
.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}
.head{background: url('../imgs/head.jpg?v=1') no-repeat center top / 7.5rem auto; height: 10.72rem; position: relative;}
.logo{display: block; width: 1.26rem; height: 2.36rem; position: absolute; left: .36rem; top: .19rem;}
.user{position: absolute; top: .18rem; right: .27rem;}
.btn{width: 1.2rem; line-height: .5rem; background: url('../imgs/hb.jpg') no-repeat center / cover; margin-left: .2rem; color: #2f3a36;}
.time{color: #466d57; padding-top: 7rem;}
.btn_order,.btn_goto,.btn_finish,.btn_gift,.btn_rule,.btn_get,.btn_invite,.btn_open,.btn_pyq,.btn_gzh,.btn_sph,.btn_xzs,.btn_reset{background: url('../imgs/btn.png') no-repeat -999px / 3.1rem auto; font-size: 0; overflow: hidden; text-indent: -999px;}
.btn_order,.btn_get{height: .8rem; width: 2.5rem; background-position: 0 0; display: inline-block; margin-top: 1.25rem;}
.btn_order.end{background-position: 0 -.9rem;}
.btn_get{background-position: 0 -2.91rem;}
.main{background: url('../imgs/main3.jpg') no-repeat center top / 7.5rem auto; min-height: 39.28rem;}
.order_cont{padding: 1.3rem 0 0; height: .4rem; display: flex; justify-content: center; align-items: center;}
.order_cont span{display: inline-block; font-size: .42rem; font-weight: bold; color: #ffea00; border-bottom: .02rem solid #d9e5ad; padding-bottom: .1rem; margin: 0 .1rem;}
.hot{width: 6.48rem; height: .28rem; background: url('../imgs/hot.png') no-repeat left top / 6.48rem 2.18rem; margin: 1.5rem auto 0;}
.h1{background-position: 0 -.38rem;}
.h2{background-position: 0 -.76rem;}
.h3{background-position: 0 -1.14rem;}
.h4{background-position: 0 -1.52rem;}
.h5{background-position: 0 -1.9rem;}
.intro{margin-top: 2.2rem; height: 1.1rem;}
.lottery{width: 4.9rem; height: 4.9rem; position: relative; margin: 0 auto .2rem; background: url('../imgs/lottery2.png') no-repeat center / cover;}
.pointer{display: block; width: 1.78rem; height: 1.78rem; background: url('../imgs/pointer.png') no-repeat center / cover; position: absolute; left: 50%; top: 50%; margin: -.89rem 0 0 -.89rem; transform-origin:center;}
.task{margin: .65rem .65rem 0; height: 3.6rem;}
.task li{height: .8rem; background: #557864; border-radius: .4rem; padding: 0 .35rem; margin-bottom: .1rem; font-size: .26rem; text-align: left;}
.btn_goto,.btn_finish{width: 1.31rem; height: .44rem; display: block;}
.btn_goto{background-position: 0 -1.81rem;}
.btn_finish{background-position: 0 -2.37rem;}
.side{position: fixed;top: 4rem;right: 0;}
.btn_gift,.btn_rule{display: block; width: .49rem; height: 1.2rem;}
.btn_gift{background-position: -2.61rem -1.19rem;}
.btn_rule{background-position: -2.61rem 0;}
.lucky{height: 7.3rem;}
.lucky .intro,.group .intro{padding-top: .7rem; margin: 0; line-height: .36rem; height: .9rem;}
.card{width: 6.16rem; height: 2.8rem; padding-top: .64rem; background: url('../imgs/ggl.png') no-repeat center / cover; margin: 0 auto; position: relative;}
.ggl{width: 5.38rem; height: 2.44rem; margin: 0 auto; border: 1px solid #853200;border-radius: .1rem;position: relative;overflow: hidden;background: url('../imgs/ggl_mask.jpg') no-repeat center / cover;}
.ggl .prize{background: #fff;height: 2.04rem; padding: .4rem 0 0; font-size: .26rem; color: #000;display: none;}
.ggl .prize img{display: block; width: 1.5rem; height: 1rem; margin: 0 auto .1rem;}
.card_btn{position: absolute; top:2.8rem; left: 0; width: 100%;}
.btn_invite,.btn_open,.btn_reset{height: .7rem;width: 2.11rem; margin: 0 .05rem; display: inline-block;}
.btn_invite{background-position: 0 -4.69rem;}
.btn_open{background-position: 0 -5.48rem;}
.btn_reset{background-position: 0 -7.36rem;}
.surplus{margin: .24rem 0;}
.btn_record{display: inline-block; line-height: .58rem; padding: 0 .58rem; border-radius: .3rem; border: 1px solid #edf8bf;}
.group{height: 6.32rem;}
.group .code{width: 2.25rem; height: 2.25rem; margin-left: 1.38rem; border: .02rem solid #217a3d;}
.group .ts{margin-left: 1.38rem;line-height: .4rem; width: 2.3rem;}
.follow{padding: 1rem 0;display: flex;justify-content: center;}
.follow li{width: 1.31rem; margin: 0 .3rem;}
.btn_pyq,.btn_gzh,.btn_sph,.btn_xzs{display: block;height: .45rem;width: 1.32rem;margin: .12rem auto;}
.btn_pyq{background-position: 0 -6.28rem;}
.btn_gzh{background-position: -1.41rem -6.28rem;}
.btn_sph{background-position: 0 -6.82rem;}
.btn_xzs{background-position: -1.41rem -6.82rem;}
.feature{height: 5rem; padding-top: 1rem;position: relative;}
.feature .swiper{width: 7rem;height: 3.54rem; margin: 0 auto;}
.feature .swiper-slide{width: 6.3rem;height: 3.54rem;}
.feature .swiper-3d .swiper-slide-shadow-left,.feature .swiper-3d .swiper-slide-shadow-right {background: rgba(0, 0, 0, .8);}
.feature .swiper-pagination{display: flex;justify-content: center; margin-top: .2rem;}
.feature .swiper-pagination-bullet{background: #5e7359; width: .16rem; height: .16rem; margin: 0 .1rem; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.feature .swiper-pagination-bullet-active{background: #fdf2b5;}
.feature .prev,.feature .next{display: inline-block; width: .66rem; height: .50rem; background: url('../imgs/pn.png') no-repeat center / cover; position: absolute; top: 2.3rem;z-index: 2;}
.feature .prev{left: 0;}
.feature .next{right:0;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{background-color: #244d44; color: #edf8bf; border:1px solid #4f7360; border-radius: 0; font-size: .22rem;}
.twpop .twpop-title{border-color: #4f7360;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-btn{color: #681d00; border: none; border-top: .02rem solid #ffdc3d; border-radius: 0; background: #cc6607;background-image: linear-gradient(top,#e39b0b,#d15200);background-image: -webkit-linear-gradient(top,#e39b0b,#d15200);}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .4rem;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.select2-container--default .select2-selection--single{background: transparent!important;border: none!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000!important;}
.rule{text-align: left;}
.rule table{width: 100%; margin-bottom: .1rem; border: 1px solid #4f7360; font-size: .22rem;}
.rule table th{background: #1a3b33;}
.rule table td,.rule table th{border: 1px solid #4f7360; height: .46rem; line-height: .46rem; padding: 0 .2rem;}
.rule table td:nth-child(1){text-align: left;}

.plist{border: 1px solid #466a57; margin: .02rem 0;}
.plist .cell{border-top: 1px solid #466a57;}
.plist .cell:nth-child(1){background: #466a57; font-weight: bold;}
.plist .cell div{line-height: .6rem; font-size: .22rem;}
.plist .cell div:nth-child(1){border-right: 1px solid #466a57;}
.gift .cell{padding:.02rem 0;margin:.05rem  0}
.twpop .code{width: 3.4rem;height: 3.4rem;margin: 0 auto .1rem;}