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: #000;-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",Arial;color: #000;}
table{border-collapse:collapse}
img{display: block;width: 100%;object-fit: cover;}
::-webkit-scrollbar {display:none;}
.page{width:7.5rem;margin:0 auto; text-align: center;}
.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}
.tc{text-align: center;}
.logo{display: block; width: 1.76rem; position: absolute; top: .17rem; left: .2rem;}
.head,.part1,.part2,.part3,.part4{box-sizing: border-box;position: relative; background-repeat: no-repeat; background-size: 7.5rem auto;overflow: hidden;}
.head{background-image: url('../imgs/head.jpg'); height:10.71rem;}
.user{position: absolute; top: .47rem; right: .17rem; display: flex; color: #f2d98e; line-height: .4rem; }
.user .btn{width: 1rem; text-shadow: 0 0 1px #ffc74d; height: .4rem; background: url('../imgs/user_btn.jpg') no-repeat center / cover; margin-left: .2rem; font-size: .2rem; color: #652c00;}
.user .info{background: rgba(0,0,0,.4); border-radius: .2rem; padding: 0 .2rem;}
.part1{background-image: url('../imgs/p1.jpg'); height: 10.04rem;}
.btn_view,.btn_invite,.btn_join,.btn_list,.btn_create,.btn_address,.btn_contact{background: url('../imgs/btn.jpg?v=1') no-repeat -999px / 2.4rem auto; font-size: 0; display: inline-block;}
.btn_view{width: 2.37rem; height: .6rem; background-position: 0 0; margin-top: 5.2rem;}
.data{margin: .8rem 0 .3rem; background: url('../imgs/data.png') no-repeat center / cover; height: .64rem; align-items:center; display: flex; justify-content: center; color: #ebd087;}
.data p{ margin: 0 .2rem; font-size: .3rem; font-weight: bold; color: #fff;}
.data p span{text-decoration: underline; display: inline-block; border-bottom: 1px solid #ebff10; background: linear-gradient(#a6e935, #d6ef11);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.team{margin-bottom: .2rem; display: flex; justify-content: center;}
.team li{width: 1.28rem;}
.team .ico{width: .94rem; height: .94rem; background: url('../imgs/tx.jpg') no-repeat center / cover; margin: 0 auto .06rem;}
.team li p{color: #f6dd92;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;font-size: .2rem;}
.btn_join,.btn_list,.btn_invite,.btn_create,.btn_address,.btn_contact{width: 1.82rem; height: .6rem; background-position: 0 -.7rem;}
.btn_invite{background-position: 0 -1.4rem;}
.btn_create{background-position: 0 -2.1rem;}
.btn_join{background-position: 0 -2.8rem;}
.btn_address{background-position: 0 -3.5rem;}
.btn_contact{background-position: 0 -4.2rem;}
.part2{background-image: url('../imgs/p2.jpg'); height: 7.7rem; }
.swiper{width: 5.78rem; margin: .4rem auto .14rem; }
.swiper .swiper-slide{width: 5.78rem;height: 5rem; padding-top:.64rem; background: url('../imgs/lt.jpg') no-repeat center top / 5.78rem .64rem;}
.prev,.next{display: inline-block; width: .27rem; height: .28rem; background: url('../imgs/pn.jpg') no-repeat center / cover; margin: 0 .1rem;}
.next{-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.swiper-button-disabled{opacity: .5;}
.choose{justify-content: center;color: #ffffff; height: .3rem; line-height: .3rem; margin-top: .04rem;}
.choose select{height: .3rem; font-size: .2rem; border:1px solid #000;outline: 0;}
.list{width: 100%; max-height: 5rem; overflow-y: auto; }
.list ul{background: url('../imgs/list2.jpg') repeat-y center top / 5.78rem auto;}
.list li{height: .5rem; display: flex; font-size: .2rem;}
.list li span{line-height: .5rem; display: block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;}
.list li span:nth-child(1),.list li span:nth-child(3){width: 1.87rem;}
.list li span:nth-child(2){width: 2rem;}
.part3{background-image: url('../imgs/p3.jpg'); height: 6.64rem;}
.task{width: 6.7rem; margin-left: .43rem; margin-top: .86rem; height: 5.44rem; overflow-y: auto;}
table{width: 100%;border: 1px solid #794722;text-align: center; font-size: .18rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;}
table th{color: #dacaa6; background: #794722; height: .42rem; line-height: .42rem; font-weight: normal; box-sizing: border-box;}
table td{border: 1px solid #794722; height: .36rem; line-height: .36rem;}
.part4{background-image: url('../imgs/p4b.jpg'); height: 13.28rem;}
.explain{padding: .8rem .5rem .3rem;text-align: left;}
.explain .item{margin-bottom: .4rem; color: #a6753c; font-size: .22rem; line-height: 1.6;}
.explain .tt{color: #f59c34; font-size: .28rem; margin-bottom: .1rem;}
.code{background: url('../imgs/kf_text.png') no-repeat center top / 6.1rem auto; padding-top:1.2rem}
.code img{width: 2.55rem; height: 2.47rem;margin:0 auto;border:1px solid #704600; background:#361717;padding:.12rem;}
.side{position: fixed;right: 0;top: 3.3rem;}
.btn_rule,.btn_gift{display: block;width: .5rem;height: 1.2rem;overflow: hidden; font-size: 0; text-indent: -999px; background: url('../imgs/side.png') no-repeat center top / .5rem 2.4rem;}
.btn_gift{background-position: center bottom;}

.twpop,.pop{z-index:1001;position:relative}
.twpop .twpop-main{width:6.72rem;max-width:6.72rem; background: url('../imgs/pop.jpg') no-repeat center top / 6.72rem 7.6rem; line-height:.26rem; color:#ffe1b7; font-size: .22rem;}
.twpop .twpop-main::after,
.twpop .twpop-main::before{content: '';position: absolute;left: 0;background: url('../imgs/ptb.png') no-repeat left top / 7.14rem .59rem;}
.twpop .twpop-main::before{height: .38rem; width: 7.14rem;left: -.16rem;top: -.12rem;}
.twpop .twpop-main::after{bottom: -.09rem; left: -.02rem; height: .22rem; width: 6.74rem; background-position: left bottom;}
.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,.close{background: url('../imgs/close.png') no-repeat center / .46rem; width: .48rem; height: .48rem; top: -.24rem; right:0;}
.twpop .twpop-title{font-size: .32rem; border: none; padding:.26rem 0 0;color: #ffca81;}
.twpop .twpop-cont{padding: .2rem;}
.twpop .twpop-diy-content{max-height:6.6rem;}
.twpop .twpop-form-list{padding: .2rem .6rem 0;}
.twpop .twpop-from-bd{background: #fff;}
.twpop .twpop-input{text-align: center;}
.twpop .twpop-foot{margin-top: .1rem;}
.twpop .twpop-btn{border:none; font-size: .26rem; color: #ffe5c7; text-shadow: 0 1px 1px #ae3609; background: #ed711a; border-radius: .06rem;}
.twpop .text{padding: .2rem 0;}
.rule{text-align: left; padding: .1rem .2rem;}
.rule p{margin-bottom: .08rem; padding-left: .3rem;position: relative;}
.rule p i{position: absolute;left: 0;top: 0; font-style: normal;}
.tl{text-align: left;}
.twpop-list{padding: .1rem .2rem;}
.twpop-list li{padding:.1rem 0;text-align: left; border-bottom: 1px dashed #936b44; display: flex;}

.join_list{border: 1px solid #936b44; margin: .1rem auto; width: 6.1rem;}
.join_list .item{border-top: 1px solid #936b44; display: flex;}
.join_list .item:first-child{font-weight: bold; background: #936b44;}
.join_list .item span{display: block; font-size: .2rem; width: 1.8rem; line-height: .56rem; height: .56rem; border-left: 1px solid #936b44; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; word-wrap: break-word;}
.join_list .item span:first-child{border: none; width: 2.5rem;}
.join_list .btn{line-height: .46rem; height: .46rem; width: 1.2rem; background: #ccc; margin: .05rem auto; color: #5f2a00; border-radius: 3px;background-color: #ffbd37;background-image: linear-gradient(top,#fff0a9,#ffa223);background-image: -webkit-linear-gradient(top,#fff0a9,#ffa223);}

.pop{display: none;}
.pop_main{width: 7.2rem; position: fixed; left: 50%; top: 50%; margin: -6rem 0 0 -3.6rem; }
.pop_main .close{position: absolute; top: -.5rem; right: .3rem;}
.pop_main .pop_body{height: 12rem; overflow-y: auto;}