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}
* {outline: 0;-webkit-tap-highlight-color: transparent;-webkit-focus-ring-color: rgba(0,0,0,0)}
html{font-size: calc(100vw/7.5);}
@font-face{font-family: 'michai'; src: url('../font/michai.ttf') format('truetype'); font-weight: normal;font-style: normal;}
body{font:.24rem / .3rem "SimHei",Helvetica Neue,Helvetica,Segoe UI,Arial,Microsoft Yahei;color: #2b2b2b;text-align: center;}
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}
.app{width:7.5rem;margin:0 auto;background: #21a8ff;}
.app i{color: #ff7550;font-style: normal;}
.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{height: 8.68rem;background: url('../imgs/head.jpg') no-repeat center / 7.5rem auto;position: relative;}
.user{position: absolute;bottom: .2rem;left: 0;width: 100%;text-align: center;}
.user p{display: inline-block;font-size: .24rem;font-weight: bold;}
.head .btn{width: 1.5rem;line-height: .5rem;height: 0.5rem;border-radius: .1rem;font-size: .28rem;}
.btn_login{position: absolute;bottom: .2rem; left: 50%; margin-left: -.75rem;}
.logo{display: block;width: 2.26rem;height: .9rem;position: absolute;left: 2.7rem;top: .2rem;font-size: 0;}
.main{background: url('../imgs/bg.jpg') repeat-y center top / 7.5rem auto;overflow: hidden;padding-bottom: 1.6rem;}
.panle{position: relative; padding: .3rem 0; background: url('../imgs/pc.jpg') repeat-y center top / 7.24rem 5.85rem; width: 7.24rem; margin: .3rem auto;box-sizing: border-box;}
.panle::after,.panle::before{content: ''; width: 7.24rem; height: .65rem; background: url('../imgs/ptb.png') no-repeat left top / 7.24rem 1.38rem; position: absolute; left: 0;}
.panle::before{top: -.3rem;}
.panle::after{bottom: -.3rem; background-position: left bottom;height: .73rem;}
.panle_cont{position: relative; z-index: 1;}
.next,.prev,.btn,.btn2,.btn-get,.ask,.btn-receive,.btn-like,.btn-switch,.twpop .twpop-btn{background: url('../imgs/btn.png') no-repeat -9999px / 3.1rem auto;color: #2b2b2b;box-shadow: .02rem .03rem .02rem rgba(0,0,0,.2);text-align: center;display: inline-block;font-weight: bold;}
.btn,.btn2{width: 1.9rem;line-height: .64rem;height: .64rem;background-position: 0 0;border-radius: .16rem;font-size: .32rem;}
.btn2,.twpop .twpop-btn{width: 2.1rem;background-position: 0 -1.47rem;}
.ask{box-shadow: none;width: .46rem;height: .46rem;background-position: -1.71rem -2.22rem; position: absolute;right: .5rem;bottom: -.1rem;}
.bag{width: 6.7rem; height: 3.3rem; margin: -.16rem auto 0; padding-top: .16rem;}
.bag .swiper-slide{/*width: 1.88rem;height: 1.84rem;*/width: 2.42rem;-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scale(.74);transform: scale(.74);}
.bag .swiper-slide .ico{width: 2.34rem;height: 2.34rem;background: url('../imgs/bag.jpg') no-repeat center / cover;border-radius: .2rem;border: .04rem solid #000;}
.bag .swiper-slide .num{position: absolute;right: -.08rem;top: -.16rem; width: .62rem;height: .62rem;background: #cc47ba;border-radius: 50%;border: .04rem solid #e46bd4;color: #fff;font:bold .24rem / .54rem '思源黑体';}
.bag .swiper-slide .have{position: absolute;bottom: 0;left: 50%;height: .78rem;line-height: .78rem;font-size: .32rem;font-weight: bold;display: none;width: 4rem;margin-left: -2rem;}
.bag .swiper-slide-active{-webkit-transform: scale(1);transform: scale(1);}
.bag .swiper-slide-active .have{display: block;}
.next,.prev{width: .94rem;height: .94rem;position: absolute;top: 2.4rem;z-index: 2;box-shadow: none;}
.prev{background-position: -2.18rem 0;left: .34rem;}
.next{background-position: -2.18rem -.94rem;right: .34rem;}
.bag-btn .btn{margin: 0 .12rem;}
.pay-info{width: 7.12rem;height: 1.26rem; margin: .7rem auto .4rem; text-align: left; padding: 0 .1rem; background: url('../imgs/pay-info.jpg') no-repeat center / cover;border-radius: .2rem;overflow: hidden;box-shadow: 0 0 .07rem rgba(0,0,0,.2);}
.pay-info .bd{font-size: .23rem;}
.pay-info .bd p,
.bag-list li .bt,
.tab-cont .bt{font: .28rem / .3rem 'michai';margin-bottom: .1rem;}
.bag-ico,.team-ico{width: .8rem;height: .8rem;padding: .1rem; background: url('../imgs/ico_bg.jpg') no-repeat center / cover;border-radius: .08rem;margin-right: .15rem;}
.bag-list{width: 7.25rem; margin: 0 auto .3rem;}
.bag-list li{width: 7.25rem; height: 1.39rem; background: url('../imgs/card.png') no-repeat center / cover; display: flex; align-items: center; padding: 0 .4rem 0 .17rem;text-align: left;}
.btn-get{line-height: .63rem;height: .63rem;width: 1.46rem;font-size: .28rem;font-weight: bold;background-position: 0 -.74rem;border-radius: .1rem;box-shadow: 0 .03rem 0 rgba(0,0,0,.2);}
.title{font-size: 0;height: .78rem;width: 3.8rem;background: url('../imgs/tit.png') no-repeat left top / 3.8rem auto; margin: 0 auto;}
.t1{background-position: 0 0; margin-bottom: .45rem;}
.t2{background-position: 0 -.8rem; margin-top: .45rem;}
.t3{background-position: 0 -1.6rem; margin-bottom: .3rem;}
.t4{background-position: 0 -2.4rem; margin-bottom: .45rem;}
.inviter,.team{display: flex;justify-content: center;min-height: 2.15rem;}
.inviter li{margin: 0 .05rem;}
.inviter .avatar{width: 1.34rem;height: 1.34rem;border-radius: 50%;border: .06rem solid #14141e;overflow: hidden;background:#2b2b2b url('../imgs/add.jpg') no-repeat center / .77rem auto;}
.inviter .name{font-size: .28rem;line-height: .4rem; height: .4rem; text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word; font-weight: bold;color: #fff;text-shadow: -1px -1px 0 #2b2b2b,1px -1px 0 #2b2b2b,-1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b;}
.team{margin-top: .67rem;}
.team .item{margin: 0 .04rem;}
.team-tit{font-size: .32rem; line-height: .54rem; font-weight: bold;}
.team-cont{width: 1.74rem; height: 2.12rem; overflow: hidden; background: url('../imgs/team-cont.jpg') no-repeat center / cover; border-radius: .12rem; box-shadow: 0 .03rem .03rem rgba(0,0,0,.2);}
.team-ico{margin: .13rem auto .2rem; width: 1.2rem; height: 1.2rem; position: relative;}
.team-ico i{position: absolute;right: .1rem;bottom: .08rem; font-weight: bold; font-size: .35rem;color: #fff;text-shadow: -1px -1px 0 #2b2b2b,1px -1px 0 #2b2b2b,-1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b;}
.btn-receive{background-position: 0 -2.21rem; line-height: .49rem; width: 1.45rem;border-radius: .08rem;}
.btn-receive.not{background-position: 0 -2.8rem;}
.t2-txt{font-size: .32rem; font-weight: bold; padding: .15rem 0;}
.tab-cont,.ranking{margin: 0 .16rem .3rem; border: .03rem solid #fff; background: #eff2f6; box-shadow: 0 .07rem .07rem rgba(0,0,0,.2);position: relative;}
.tab-cont{border-top: none; border-radius: 0 0 .3rem .3rem; padding-bottom: .2rem;}
.tab{width: 7.29rem;height: .95rem;background: url('../imgs/tab_tit.png') no-repeat left top / 7.29rem auto;margin: 0 auto;display: flex;}
.tab.lc{background-position: left bottom;}
.tab li{flex: 1;font-size: 0;height: .75rem;}
.tab-cont .item{display: none;}
.tab-cont ul{padding: 0 .1rem;}
.tab-cont li{display: flex;align-items: center; border: 1px solid #ced0d2; text-align: left; box-shadow: 0 0 .07rem rgba(0,0,0,.2); padding: 0 .25rem 0 .15rem; border-radius: .12rem; height: 1.2rem;background:#fff url('../imgs/card2.png') no-repeat left center / 1.41rem auto; margin-bottom: .1rem;}
.tab-cont li .bag-ico{width: 1rem; height: 1rem; margin-right: .34rem;}
.ranking{padding: .24rem .1rem .2rem; border-radius: .3rem; background:#eff2f6;}
.rank-name{color: #fff; font-weight: bold; font-size: .35rem;color: #fff;text-shadow: -1px -1px 0 #2b2b2b,1px -1px 0 #2b2b2b,-1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b;}
.rank-time{font-size: .27rem; padding: .16rem 0;}
.btn-switch{box-shadow: none; width: .77rem; height: .87rem; position: absolute; right: .26rem; top: .15rem; background-position: -2.33rem -1.98rem; font-size: 0;}
.rank-list{background: #ccd1d8;border-radius: .2rem; padding: .18rem .13rem;}
.rank-list ul{height: 8.95rem;overflow-y: auto;}
.rank-list li,.my{width: 6.6rem;height: 1.3rem;background: url('../imgs/rank.jpg') no-repeat left top / 6.6rem auto;margin: 0 auto .08rem; border-radius: .1rem; box-shadow: 0 0 .04rem rgba(0,0,0,.2);}
.rank-list .index{width: 1.3rem;font-weight: bold;margin-right: .34rem; font: .42rem / .3rem 'michai';}
.rank-list li:nth-child(1){background-position: 0 -1.3rem;}
.rank-list li:nth-child(2){background-position: 0 -2.61rem;}
.rank-list li:nth-child(3){background-position: 0 -3.9rem;}
.rank-list li:nth-child(1) .index,.rank-list li:nth-child(2) .index,.rank-list li:nth-child(3) .index{font-size: 0;}
.rank-list .bd{font-size: .36rem;font-weight: bold;text-align: left;}
.rank-list .val{font-size: .34rem;font-weight: bold;color: #fff;text-shadow: -1px -1px 0 #2b2b2b,1px -1px 0 #2b2b2b,-1px 1px 0 #2b2b2b, 1px 1px 0 #2b2b2b;}
.rank-list .right{margin: 0 .2rem 0 .24rem;}
.btn-like{line-height: .6rem;width: 1.39rem; background-position: 0 -3.39rem; border-radius: .12rem;display: block;}
.like{font-size: .3rem; font-weight: bold; min-width: .9rem; line-height: .4rem;height: .4rem; background: url('../imgs/like.png') no-repeat left .04rem / .25rem; padding-left: .28rem; display: inline-block;}
.my-tit{font-size: 0;height: .75rem;background: url('../imgs/my-tit.jpg') no-repeat center / 6.88rem auto;}
.my .val{margin: 0 .46rem 0 .2rem;}
.list{padding: 0 .38rem;}
.list li{align-items: center; background: #ccd1d8;margin: .1rem 0;border-radius: .1rem; padding: .16rem .26rem; text-align: left;font-size: .26rem;font-weight: bold;}
.list li div:nth-child(2){width: 4.5rem;text-align: right;}
.menu{background: #2b2b2b;height: 1.14rem;width: 7.5rem;position: fixed;bottom: 0;left: 50%;margin-left: -3.75rem;z-index:20;display: flex;align-items: center;justify-content: center;}
.menu li{height: .65rem;width: 1.62rem;background: url('../imgs/menu.jpg?v=1') no-repeat -9999px / 1.62rem auto; font-size: 0; margin: 0 .09rem; border-radius: .16rem;}
.menu li:nth-child(1){background-position: 0 0;}
.menu li:nth-child(2){background-position: 0 -.76rem;}
.menu li:nth-child(3){background-position: 0 -1.52rem;}
.menu li:nth-child(4){background-position: 0 -2.28rem;}
.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{background: #eff2f6;border-radius: .1rem;width: 7rem;}
.twpop .twpop-main:not(.twpop_prize) .twpop-diy-content{max-height:12rem;}
.twpop .twpop-cont{padding: .26rem;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-btn{border: none;padding: 0;line-height: .64rem;height: .64rem;border-radius: .16rem;font-size: .32rem;}
.twpop .qr{width: 6.2rem;height: 11.3rem; margin:0 auto;}
.rule{text-align: left;}
.ask-list .item{background: #fff;border-radius: .1rem; margin-top: .5rem; text-align: center;font-size: .22rem;padding-bottom:.14rem}
.ask-list .item .ask-tit{display: inline-block;border: 1px solid #9f9c9c; font-weight: bold; background: #ccd1d8; padding: 0 .3rem; line-height: .46rem; border-radius: .23rem; -webkit-transform: translateY(-.23rem); transform: translateY(-.23rem);}
.ask-list .item .txt{margin: -.1rem 0 .1rem; }
.ask-list .item ul{display: flex;justify-content: center;}
.ask-list .item ul li{width: 1.5rem;line-height: 1.2;}
.ask-list .item .bag-ico{margin: 0 auto .1rem;}
.rewards{overflow-y: auto;max-height: 5.4rem;}
.rewards li{background: #fff;border: 1px solid #9f9c9c;height: .6rem;line-height: .6rem;margin-bottom: .1rem;}
.twpop-list li{text-align: left; display: flex;justify-content: space-between; align-items: center; padding: .14rem 0; height: .46rem;}
.pop_invite .twpop-cont{padding: .4rem;}
.pop_invite .twpop-input{text-align: center;}
.font_center{margin:.3rem auto !important;text-align:center;}
.ewm{margin:0 auto 0.3rem auto;width:5rem;height: 5rem;}
.tip{font-size:10px;margin:.2rem auto .1rem auto;}