@charset "UTF-8";
body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body{padding:0;margin:0}
abbr,body,fieldset,html,iframe,img{border:0}
li{list-style:none}
textarea{overflow:auto;resize:none}
input{outline:0}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-weight:400;font-style:normal}
b,strong{font-weight:700;font-style:normal}
em,i{font-weight:400;font-style:italic}
button{border:none;outline:0}
a,button{cursor:pointer}
a,a:hover{text-decoration:none}
a,button,input,textarea{font-size:inherit;color:inherit}
a,button,div,input,select,textarea{margin:0;padding:0;border:0;outline:0}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none}
::-webkit-scrollbar {display:none;}
input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition-delay:999999s;-webkit-transition:color 999999s ease-out,background-color 999999s ease-out}
html{font-size: calc(100vw/7.5);}
body{font:.22rem / .3rem "Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif;color: #182644;}
.page{width:7.5rem;margin:0 auto;text-align:center;background:#e9eff4;padding-top: 1.4rem;}
.page img{display: block;width: 100%;}
.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}
.fixed_top,.header,.main{background-repeat: no-repeat;background-size: 7.5rem auto;position: relative;}
.fixed_top{background-image: url('../imgs/top.jpg');height: 1.4rem;position: fixed;top: 0;left: 50%;margin-left: -3.75rem;z-index: 10; width: 7.5rem;padding: 0 .35rem;box-sizing: border-box;}
.fixed_top .bd{text-align: left;color: #fff;}
.fixed_top .bd h2{margin-bottom: .1rem;font-weight: bold; font-size: .3rem;}
.down_btn,.btn_rule,.btn_reward,.btn_service,.btn_transfer,.tt,.qd,.btn_create,.btn_join,.btn_copy,.btn_get{background: url('../imgs/btn.png') no-repeat -999px / 4.1rem auto; font-size: 0;}
.ico{width: 1.1rem;height: 1.1rem;margin-right: .18rem;}
.down_btn{width: 1.65rem;display: block;height: .75rem;background-position: 0 0;}
.header{background-image: url('../imgs/head.jpg');height: 8.74rem;}
.btn_login{position: absolute;right: .2rem;top: .2rem;}
.user{position: absolute;right: .2rem;top: .2rem;color: #def8ff; display: none;}
.user .btn,.btn_login{display: inline-block;margin-left: .1rem; background: #1b435e; padding: 0 .1rem; height: .54rem; color: #fff; line-height: .54rem; min-width: .9rem;color: #def8ff;}
.side{position: absolute;right: 0;top: 2rem;}
.btn_rule,.btn_reward,.btn_service{width: .45rem;height: 1.21rem;}
.btn_rule{background-position: -3.65rem 0;}
.btn_reward{background-position: -3.65rem -1.21rem;}
.btn_service{background-position: -3.65rem -2.42rem;}
.main{background-image: url('../imgs/main.jpg');min-height: 28.5rem;}
.title{width: 6.84rem; height: .52rem;background: url('../imgs/title2.png') no-repeat -9999px / 6.84rem 3rem; font-size: 0; margin: 0 auto;}
.title.t1{background-position: 0 0;}
.title.t2{background-position: 0 -.6rem;}
.title.t3{background-position: 0 -1.2rem;}
.title.t4{background-position: 0 -1.8rem;}
.title.t5{background-position: 0 -2.4rem;}
.intro{font-size: .2rem;text-shadow: 0 0 1px rgba(255, 255, 255, .5); padding: .04rem 0;}
.intro span{color: #ff0000;}
.transfer{min-height: 3.5rem;font-size: .2rem;}
.transfer ul,.tab{display: flex;justify-content: center;}
.transfer ul li{width: 1.6rem; margin: 0 .35rem;}
.btn_transfer{width: 2.2rem;height: .73rem;display: inline-block;background-position: 0 -.87rem;}
.tab{padding: .2rem 0 0;}
.tab li{width: 3.16rem;height: 1.29rem;position: relative;margin: 0 .15rem;}
.tab li .tt{filter:grayscale(100%);filter:gray;display: block;width: 3.16rem;height: 1.29rem;}
.tab li:nth-child(1) .tt{background-position: 0 -3.4rem;}
.tab li:nth-child(2) .tt{background-position: 0 -4.69rem;}
.tab li.on .tt{filter: none;}
.qd{position: absolute;top: -.2rem; right: -.1rem; width: .88rem;height: .88rem;background-position:-2.32rem -1.8rem;}
.tab_cont .item,.teams{display: none; padding-top: .4rem;}
/* .teams{background: url('../imgs/team-tips.png') no-repeat center bottom / 5.64rem auto; padding: .1rem 0 .45rem;text-align: center;}
*/
.choice,.teams{padding:.2rem 0;}
.choice .type,.teams .type{margin-bottom: .05rem;display: flex; align-items: center;justify-content: center;}
.choice .type span{font-size: .28rem;}
.choice .desc,.teams .desc{color: #460000; height: .6rem;}
.choice .text,.teams .text{background: #fff; height: .6rem; line-height: .6rem; padding: 0 .1rem; margin: 0 .2rem; width: 3rem;text-align: left;}
.choice .text input{width: 100%; height: .6rem; line-height: .6rem; font-size: .22rem; color: #000;}
.btn_create,.btn_join,.btn_copy{display: inline-block;width: 1.18rem;height: .5rem;}
.btn_create{background-position: 0 -1.7rem; width: 2.2rem; height: .73rem;}
.btn_join{background-position: -1.28rem -2.85rem;} 
.btn_copy{background-position: 0 -2.85rem;} 
.quantity{display: flex;justify-content: center;}
.btn_view{margin-left: .24rem; font-weight: bold; padding: 0 .1rem;border-bottom: 1px solid #375767;}
.num,.btn_view{color: #0c3346;}
.num span{font-size: .35rem;color: #ff0000;font-weight: bold;}
.invite{width: 7.18rem; height: 9.55rem; margin: .1rem auto .2rem; background: url('../imgs/invite.png') no-repeat center / cover; overflow: hidden;}
.invite .scroll{margin: .84rem .45rem 0 .7rem; max-height: 8rem;}
.invite .scroll li{text-align: left;margin-top: -.08rem;}
.invite .label{width: 1.85rem;}
.invite .label span{font-size: .35rem;color: #8b0000;}
.invite .icos{width: 2.56rem;height: 1.22rem;}
.btn_get{width: 1.19rem;height: .51rem; background-position: -2.31rem -1.2rem; display:block;}
.btn_get.not{background-position: -2.31rem 0;}
.btn_get.wait{background-position: -2.31rem -.6rem;}
.mb1{margin-bottom: .1rem; margin-top: .3rem;}
.mb2{margin-bottom: .2rem;}
.scroll{overflow-y: auto;}

.scroll::-webkit-scrollbar{width: .1rem;display: block;}
.scroll::-webkit-scrollbar-track{background: rgba(255, 255, 255, .1);border-radius: .05rem;}
.scroll::-webkit-scrollbar-thumb{background: rgba(0, 35, 35, .6);border-radius: .05rem;}
 
.scroll .icos img{width: auto;height: 100%;}
.part{background: url('../imgs/part.png') no-repeat center / cover;width: 7.14rem;height: 7.15rem; margin: 0 auto; overflow: hidden;}
.part .scroll{margin: 1rem .38rem 0; max-height: 5.7rem;}
.part .scroll li{margin-bottom: .1rem;}
.part .label{width: 2.1rem; font-size: .18rem;text-align: center;}
.part .label span{font-size: .28rem;color: #8b0000;}
.part .icos{width: 2.8rem;height: 1.04rem;}
.days{background: url('../imgs/days.png') no-repeat center top / 7.5rem auto; width: 7.5rem; height: 12rem; margin-top: -.06rem; position: relative;}
.days .btn_get{position: absolute; transform: scale(.76);}
.days .day_15{top: 2rem;left: 3.14rem; transform: scale(1);}
.days .day_1{top: 4.2rem;left: .6rem;}
.days .day_2{top: 4.2rem;left: 2.3rem;}
.days .day_3{top: 4.2rem;left: 4rem;}
.days .day_4{top: 4.2rem;left: 5.7rem;}
.days .day_5{top: 6.38rem;left: .6rem;}
.days .day_6{top: 6.38rem;left: 2.3rem;}
.days .day_7{top: 6.38rem;left: 4.9rem;}
.days .day_8{top: 8.4rem;left: 5.7rem;}
.days .day_9{top: 8.4rem;left: 4rem;}
.days .day_10{top: 8.4rem;left: 2.3rem;}
.days .day_11{top: 8.4rem;left: .6rem;}
.days .day_12{top: 10.58rem;left: .6rem;}
.days .day_13{top: 10.58rem;left: 2.3rem;}
.days .day_14{top: 10.58rem;left: 4.9rem;}
.part2 .icos{width: 2.7rem;height: .96rem;}
.lock{position: relative; padding-bottom: 1.5rem;}
.lock::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 1; background-image: url('../imgs/lock.png');background-position: center top;background-repeat: no-repeat;background-size: 7.5rem auto;}

.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{background: #0e2742;color: #fff;font-size: .24rem;line-height: .32rem;border: 2px solid #4d596d; width: 6.4rem;max-width: 6.4rem;}
.twpop .twpop-title{border-color: #24415e;}
.twpop .twpop-cont{padding: .2rem;}
.pop_nt .twpop-cont{font-size: .3rem;padding: .8rem .4rem .5rem;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-btn{padding: 0 .4rem;font-size: .3rem; line-height: .58rem;border-radius: .1rem;border: 1px solid #fff;color: #fff; background: #1b7a11;}
.pop_nt .twpop-btn:nth-child(1){background: #6c6e71;}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .34rem;}
.twpop .twpop-from-bd{background: #fff;}

.twpop-list li{text-align: left; display: flex;justify-content: space-between; align-items: center; padding: 4px;}
.twpop-list .btn-copy{background: #ccc; color: #000; padding: 4px 10px;}
.rule{text-align: left;}
.qrcode {text-align: center;}
.qrcode img {width: 3.6rem; height: 3.6rem; margin: 0 auto; display: block;}

.list{border: 1px solid #000f1e;}
.list li{display: flex;border-top: 1px solid #000f1e;background: #233952;}
.list li:first-child{background: #001427;font-weight: bold;}
.list li div{width: 50%;font-size: .25rem;height: .68rem;line-height: .68rem;}
.list li div:first-child{border-right: 1px solid #000f1e;}
.gray{filter: grayscale(100%);}