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);}
body{font:.22rem / .3rem 'Microsoft Yahei',Arial;color: #ff9601;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;}
.app{width:7.5rem;margin:0 auto;background: #920d0c;}
.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}
.top_cont{height: .99rem;}
.head,.top,.page{background-size:7.5rem auto;background-repeat: no-repeat;position: relative;overflow: hidden;}
.top,.menu{width: 7.5rem;position: fixed;left: 50%;margin-left: -3.75rem;z-index: 10;}
.top{height: .99rem;background-image: url('../imgs/top.jpg');}
.top .ico{width: .92rem;height: .92rem;border-radius: .12rem;overflow: hidden;margin: 0 .2rem 0 .47rem;}
.top .bd{text-align: left;color: #f6ffa0; text-shadow: 0 2px 1px #8b0000; /*background: linear-gradient(#f5ff5e, #f8ffc5);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/}
.top .bd h3{font-size: .33rem;margin-bottom: .12rem;}
.btn_goto{display: block;width: 1.37rem;height: .51rem;background: url('../imgs/togame.jpg') no-repeat center / contain;margin-right: .7rem;-webkit-animation: dong 1.4s linear infinite;animation: dong 1.4s linear infinite;}
@-webkit-keyframes dong{0%{-webkit-transform:scale(.96)}50%{-webkit-transform:scale(1)}100%{-webkit-transform:scale(.96)}}
@keyframes dong{0%{transform:scale(.96)}50%{transform:scale(1)}100%{transform:scale(.96)}}
.head{height: 4rem;background-image: url('../imgs/head.jpg'); position: relative;}
.user,.btn_login{position: absolute;right: .2rem;top: .2rem;}
.user{display: none;line-height: .46rem;color: #fff;}
.user .btn,.btn_login{display: inline-block;color: #feed96;background-image: linear-gradient(top,#ba4324,#de6637);background-image: -webkit-linear-gradient(top,#ba4324,#de6637); line-height: .46rem; padding: 0 .3rem; margin-left: .2rem;}
.page,.hide{display: none;}
.p1{background-image: url('../imgs/p1.jpg'); height: 16.96rem;}
.part1{padding-top: .9rem;height: 5.89rem;}
.intro{font-size: .15rem;line-height: .26rem;}
.part1 .intro{height: .26rem; overflow: hidden;}
.btn_get,.submit,.prev,.next,.btn_join,.btn_launch,.btn_share,.btn_task,.btn_rule,.btn_get_gift{background: url('../imgs/btn.png') no-repeat -9999px / 4rem auto;}
.btn_rule{position: fixed;right: 0;top: 36%;width: .42rem;height: 1.45rem;background-position: -3.58rem 0;font-size: 0;}
.days{margin: .51rem .3rem 0; display: flex; justify-content: center; flex-wrap: wrap;}
.days li{margin: 0 .08rem .22rem;width: 1.46rem; height: 1.79rem; background-repeat: no-repeat; background-size: cover; position: relative;}

.btn_get{height: .28rem;width: .77rem;background-position: 0 -.38rem;color: #ffe899;font-size: .16rem;position: absolute; bottom: .1rem; left: .35rem;}
.btn_get.end{background-position: 0 0;}
.part2{padding-top: .9rem;}
.message,.wall{width: 5.68rem; height: 3.02rem; margin: .24rem auto 0; background: url('../imgs/box.png') no-repeat center / cover; padding: .2rem;}
.textarea{display: block;border: 0;resize: none;background: transparent; line-height: 1.8; width: 100%;color: #ffe965;font-size: 1em;font-family: 'Microsoft Yahei';height: 2.6rem;outline: 0;}
.textarea::placeholder{color: #cf6108;}
.submit{width: 2.06rem;height: .75rem;margin: .14rem auto .06rem;background-position: -.88rem 0;display: block;}
.message_text{font-size: .12rem;}
.wall{position: relative;margin-top: .66rem;padding: .2rem 0;}
.wall::after{content: '';width: 1.22rem;height: .75rem;background: url('../imgs/wt.png') no-repeat center / cover; position: absolute; left: 50%; margin-left: -.61rem;top: -.42rem;}
.wall .text{text-align: left; text-indent: 2em; margin: .14rem 0; text-align: justify; max-height: 1.7rem; line-height: .34rem; overflow-y: auto;}
.wall .source{font-weight: bold;text-align: right; font-size: .2rem;}
.swiper{width: 100%;height: 2.6rem;margin: 0 auto;}
.swiper .swiper-slide{display: flex;align-items: center;padding: 0 .88rem;}
.prev,.next{width: .45rem; height: .52rem; position: absolute; top: 1.2rem; background-position: -3.04rem 0;z-index: 1;}
.prev{left: 0.2rem;}
.next{right: 0.2rem;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.p2{background-image: url('../imgs/p2.jpg'); height: 24rem;}
.part3{padding-top: .62rem;}
.part3 .intro{height: .56rem;}
.group{height: 2.68rem;width: 6.5rem;margin: 0 auto;padding: .37rem .75rem 0 3.22rem;position: relative;}
.group_name{position: absolute;left:.48rem;top: 1.84rem;line-height: 1.2;color: #ffe854;font-size: .27rem;font-weight: bold;width: 2.54rem;text-shadow: 0 2px 2px #822c0c;}
.group_input{display: block;width: 100%;height: .48rem;line-height: .48rem;outline: none;border: none;background: transparent;font-size: .2rem;color: #fff;text-align: center;}
.group_input::placeholder{color: #fff;}
.btn_join{height: .67rem;width: 2.1rem;background-position: -.88rem -.75rem;font-size: 0;margin: .16rem auto .1rem;}
.group_btns{display: flex; justify-content: space-between;}
.btn_launch,.btn_share{width: 1.18rem;height: .36rem;line-height: .36rem;overflow: hidden; background-position: -.88rem -1.56rem;font-size: .16rem;color: #fed955;text-shadow: -1px -1px 0 #8c4902,1px -1px 0 #8c4902,-1px 1px 0 #8c4902, 1px 1px 0 #8c4902;}
.group_txt{font-size: .11rem;line-height: .2rem;padding:.06rem 0 0 .03rem;text-align: left;}
.part4{height: 1.88rem;width: 6.5rem; margin: .26rem auto; padding: .2rem .1rem;}
.scroll{height: 1.4rem; overflow:hidden;text-align:center;}
.scroll li{height: .48rem; line-height:.24rem; font-size: .2rem; overflow:hidden;align-items:center;display:flex;justify-content:center;}
.part5{position: relative;height: 5.37rem;}
.result{width: 6.38rem;height: 1.8rem;background: url('../imgs/result2.jpg') no-repeat center / cover;margin: 0 auto;position: relative;z-index: 2;}
.claim{/*position: absolute;left: 4.6rem; top: .22rem; font-weight: bold; font-size: .32rem;color: #ffd542;text-shadow: -1px -1px 0 #3e0302,1px -1px 0 #3e0302,-1px 1px 0 #3e0302, 1px 1px 0 #3e0302;*/}
.btn_get_gift{position: absolute;left: 3.87rem;top: 1.08rem;box-shadow: 0 0 .08rem rgba(255,142,0,.47);}
.result_text{font-weight: bold; font-size: .3rem; line-height: 1.2; color: #ffd542;text-shadow: -1px -1px 0 #3e0302,1px -1px 0 #3e0302,-1px 1px 0 #3e0302, 1px 1px 0 #3e0302; position: absolute;top: .2rem;right: .14rem;}
.claim{display: inline-block; }
.points{position: absolute;top: .8rem;right: 1.5rem; min-width: 2.18rem;font: bold .38rem / 1.2 'Microsoft Yahei';color: #ffd03b;text-shadow: -1px -1px 0 #3e0302,1px -1px 0 #3e0302,-1px 1px 0 #3e0302, 1px 1px 0 #3e0302;}
.part6{height: 7.68rem;}
.task{margin: 0 .5rem;}
.task li{background: #310400;border: .02rem solid #ac3d38; border-radius: .06rem;height: .67rem;margin-bottom: .14rem;display: flex;align-items: center;padding: 0 .3rem;}
.task li .bd{text-align: left;font-size: .23rem;color: #ffe5c7;}

.btn_task,.btn_get_gift{color: #ffe899; font-size: .18rem;width: 1.04rem;line-height: .37rem;background-position: -2.15rem -1.57rem;}
.person{margin-top: .8rem;}
.ranking{position: relative;width: 5.68rem;margin: 1.88rem 0 0 .85rem; min-height: 1.2rem;}
.r1,.r2,.r3{position: absolute;top: 0;width: 1.64rem;color: #ffeab5;font-size: .15rem;}
.r1{left: 2.03rem;}
.r2{left: 0;padding-top: .2rem;}
.r3{right: 0;padding-top: .2rem;}
.menu{bottom: 0;display: flex;height: 1.6rem;}
.menu,.menu li{background: url('../imgs/meun.png') no-repeat left top / 7.5rem auto;overflow: hidden;}
.menu li{width: 3.7rem;font-size: 0;margin-top: .45rem;}
.menu li:nth-child(1){background-position: 0 -.47rem;}
.menu li:nth-child(1).cur{background-position: 0 bottom;}
.menu li:nth-child(2){background-position: -3.7rem -.47rem;}
.menu li:nth-child(2).cur {background-position: -3.7rem bottom;}
.gray,.task .end,.task .wait{-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}

.twpop{z-index: 100;position: relative;}
.twpop .twpop-main{background: #450d0e;color: #ffe5c7;font-size: .22rem;line-height: .32rem;border: 2px solid #c97c34;width: 6.4rem;max-width: 6.4rem;}
.twpop .twpop-title{border-color: #5d2e10;color: #ff9601;}
.twpop .twpop-cont{padding: .3rem;}
.twpop .twpop-foot{margin-top: .2rem;}
.twpop .twpop-close{width: .66rem;height: .66rem;background: url('../imgs/close.png') no-repeat center / .34rem;}
.twpop .twpop-diy-content{max-height: 10rem}
.twpop .twpop-btn{
    padding: 0 .6rem;
    line-height: .56rem;
    border-radius: .3rem;
    border: 1px solid #a7311a;
    color: #ffe89a;
    background: #cd562e;
    background-image: linear-gradient(top,#b84027,#dc6338);
    background-image: -webkit-linear-gradient(top,#b84027,#dc6338);
}
.twpop .twpop-btn:nth-child(2){
    color: #fff;
    border-color: #7d7d7d;
    background: #7d7d7d;
    background-image: linear-gradient(top,#696969,#979797);
    background-image: -webkit-linear-gradient(top,#696969,#979797);
}
.twpop .twpop-from-bd{background: #fff;}
.twpop .code{width: 3rem;height: 3rem;margin: 0 auto;border: .1rem solid #fff;}
.rule{text-align: left;}
.cr{text-align: left;margin-top: .2rem;}
.create{border: 1px solid #705f4a;background: #070606; border-radius: .1rem;display: flex;align-items: center; padding: 0 .24rem;}
.create .input{line-height: .6rem;height: .6rem;width: 100%;border: none;background: transparent;color: #ffe5c7;margin-right: .2rem;}
.invite .twpop-cont{padding: .15rem;}
/* .save{height: 10rem;position: relative;}
.save img{display: block;width: 6rem;height: 100%;}
.save p{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(63,10,20,.6);color: #ffc01f;padding: .1rem 0; font-size: .18rem;} */
.share{width: 7.5rem;height: 100%;min-height: 9.2rem; position: fixed;z-index: 10;top: 0; background: #361214;display: none;}
.share_close{width: .74rem; height: .74rem; background: url('../imgs/close2.png') no-repeat center / .41rem auto;position: absolute;top: 0;right:0;}
.share_tips{position: absolute;left: 0;width: 100%; top: 11.4rem;}
.btn_copy{width: 3.28rem;line-height: .45rem; margin: .1rem auto; background: url('../imgs/btn_copy.png') no-repeat center / cover; color: #ffe899; font-size: .23rem;}