@charset "utf-8";body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,td,textarea,th,tr,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
nav{display:block}
ol,ul{list-style:none}
em,i{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;-webkit-touch-callout:none;}
input,select{display:inline-block;vertical-align:middle;font-size:100%;font-family:"\5FAE\8F6F\96C5\9ED1";line-height:150%}
a{color:#77655b;text-decoration:none;outline:0;background-color:transparent;-webkit-tap-highlight-color:transparent}
a:hover{color:#e5bb59}
dd,div,dl,dt{outline:0}
body{background:#0a0803;font-size:.2rem;color:#806d09;font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif}
html,body,.app{min-height:100%;height:100%;}
.show{display:block !important;}
.app{width:7.5rem;margin:0 auto;box-sizing:border-box;background:#000000;}
.app 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}
.top{background-color:rgba(0,0,0,.7);position:fixed;top:0;width:7.5rem;z-index:10;padding:0;text-align:left;color:#fff;height:1rem;padding:0 .2rem 0 .1rem;box-sizing:border-box;z-index:30;}
.top .ico{width:1.2rem;height:1.2rem;transform:translateY(.2rem);margin-right:.16rem;}
.top h2{line-height:1.2;font-size:.28rem;}
.to_game{display:block;width:1.83rem;height:.64rem;background:url('../imgs/tg.png') no-repeat center / cover;font-size:0;box-shadow:0 .04rem .01rem rgba(0,0,0,.15);}
.after,.before{position:absolute;right:.4rem;top:1.1rem;}
.head a{display:block;width:1.2rem;height:.4rem;color:#000000;background:#ffe000;line-height:.4rem;text-align:center;font-size:.22rem;font-weight:600;border-radius:.2rem;margin-left:.1rem;}
.user{display:flex;justify-content:flex-end;align-items:center;height:.4rem;box-sizing:border-box;}
.user span{color:#fde95a;}
.btn_start{z-index:20;width:3.88rem;height:.6rem;background:url('../imgs/swiper/btn_start.png') no-repeat center / cover;display:block;position:absolute;left:50%;bottom:.73rem;transform:translateX(-50%);}
input{height:.54rem;line-height:.54rem;width:100%;border:0;outline:0;-webkit-appearance:none;background-color:transparent;font-size:.28rem;color:#ffe000;}
input::-webkit-input-placeholder{color:#635505;}
input::-moz-placeholder{color:#635505;}
input:-moz-placeholder{color:#635505;}
input:-ms-input-placeholder{color:#635505;}
.twpop .twpop-mask{z-index:99;}
.twpop .twpop-main{width:6.61rem;z-index:999;max-width:unset;background-color:transparent;}
.twpop .twpop-title{padding:0;border-bottom:unset;box-sizing:border-box;height:.8rem;line-height:.8rem;text-align:center;font-size:.32rem;color:#ffe000;background:url('../imgs/twpop/tt.png') no-repeat center / 100% auto;}
.twpop .twpop-title span{position:relative;}
.twpop .twpop-title span::after,.twpop .twpop-title span::before{content:'';position:absolute;width:.8rem;height:.4rem;}
.twpop .twpop-title span::before{left:-.8rem;top:50%;transform:translateY(-50%);background:url('../imgs/twpop/ico.png') no-repeat left top / 3.25rem .4rem;}
.twpop .twpop-title span::after{right:-.8rem;top:50%;transform:translateY(-50%);background:url('../imgs/twpop/ico.png') no-repeat right top / 3.25rem .4rem;}
.twpop .twpop-close{width:.4rem;height:.4rem;position:absolute;right:0rem;top:-.5rem;background:url('../imgs/twpop/close.png') no-repeat center / 100% auto;}
.twpop .twpop-cont{background:url('../imgs/twpop/tc.png') repeat 0 0 / 100% auto;box-sizing:border-box;position:relative;padding:.3rem;}
.twpop .twpop_paper .twpop-cont{padding:.2rem .2rem 1rem .2rem;}
.twpop .twpop-cont::after{content:'';position:absolute;left:0;bottom:-.60rem;width:100%;height:.7rem;background:url('../imgs/twpop/tb.png') no-repeat 0 0 / 100% auto;}
.twpop .twpop_paper a{margin-left:.12rem;}
.twpop_record .twpop-cont{min-height:5.4rem;}
.twpop_record .twpop-cont{padding:.3rem;}
.twpop_record ul{font-size:.22rem;color:#806d09;font-weight:normal;}
.twpop_record li{margin-bottom:.4rem;}
.twpop_record .time{margin:0 auto .4rem auto;}
.twpop_record .bd{display:flex;align-items:center;justify-content:center;margin-bottom:.12rem;}
.twpop_record .bd .way{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.twpop_record .bd .btn{text-align:left;}
.twpop_record .bd .btn.addr{color:#ffe000;text-decoration:underline;}
.twpop_record .bd .fail{color:#ff7b7b;}
.twpop_record .bd .success{color:rgb(0,182,0);}
.twpop_record .bd .num{flex:1;text-align:right;}
.twpop .twpop-input{color:#ffe000;}
.twpop .twpop-input::placeholder{color:#635505;}
.twpop .twpop-address .twpop-btn,.twpop .twpop_verify .twpop-btn{display:block;width:1.2rem;height:.4rem;color:#000000;background:#ffe000;line-height:.4rem;text-align:center;font-size:.22rem;font-weight:600;border-radius:.2rem;border:unset;padding:0;}
.twpop .twpop-from-bd{background-color:rgba(44,37,5,.5);}
.twpop .twpop-main{color:#806d09;}
.twpop .twpop-foot{margin-top:20px;display:flex;justify-content:center;}
.twpop .twpop-address .twpop-btn{font-size:0;}
.twpop .twpop_paper .btn{display:flex;justify-content:flex-end;align-items:center;margin:0 auto;position:fixed;bottom:0rem;left:50%;transform:translateX(-50%);z-index: 2;}
.twpop .twpop_paper .btn a{display:block;width:1.8rem;height:.6rem;}
.twpop .twpop-btn{display:block;width:1.8rem;height:.6rem;border:unset;border-radius:.6rem;padding:0;margin:0;}
.twpop .twpop-foot{display:flex;justify-content:space-evenly;align-items:center;}
.link_other,.link_another{width:6.8rem;height:.8rem;background:linear-gradient(to top,#716010,#62530a,#564905);color:#ffe000;font-size:.3rem;font-weight:600;line-height:.8rem;text-align:left;border-radius:.5rem;box-sizing:border-box;padding:0 0 0 .4rem;position:relative;}
.link_other{margin:0 auto .3rem auto;}
.link_another{margin:0 auto;}
.link_other a,.link_another a{display:block;width:.53rem;height:.53rem;position:absolute;right:.2rem;top:50%;transform:translateY(-50%);background:url('../imgs/right.png') no-repeat center / contain;}
.part{background-size:7.5rem auto;background-repeat:no-repeat;background-position:center top;position:relative;overflow:hidden;box-sizing:border-box;}
.side{position:fixed;z-index:2;right:0rem;top:4rem;}
.side a{width:.4rem;display:block;height:1.2rem;margin-bottom:.12rem;}
.rule_btn{background:url('../imgs/rule.png') no-repeat center / cover;}
.record_btn{background:url('../imgs/record.png') no-repeat center / cover;}
.prize_btn{background:url('../imgs/prize.png') no-repeat center / cover;}
.head{height:4.32rem;background-image:url('../imgs/head.jpg');}
.menu{display:flex;justify-content:center;align-items:center;width:7.5rem;height:1.3rem;position:fixed;bottom:0;left:50%;transform:translateX(-50%);background:url('../imgs/menu_bg.png') no-repeat center / cover;z-index:40;}

.rule{font-size:.22rem;text-align:left;max-height:4.6rem;}
.btns{display:flex;justify-content:center;}
.btns .item{display:flex;flex-direction:column;align-items:center;margin:0 .2rem;line-height:.45rem;}
.twpop .twpop-input,.twpop .twpop-select{color:#ffe000;}
.twpop .twpop-input,.twpop .twpop-select option{color:#222;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#ffe000 !important;}
.select2-search--dropdown .select2-search__field{outline:none;}
.select2-container--default .select2-selection--single{background:transparent !important;border:none !important;outline:none !important;}
.select2-container{z-index:100000;}
.select2-container li{color:#222;}
.twpop .twpop-from-lable{flex-shrink:0;}
.twpop .btn_sure{font-size:0;background:url('../imgs/twpop/btn_sure.png') no-repeat center / cover;}
.twpop .btn_cancel{font-size:0;background:url('../imgs/twpop/btn_cancel.png') no-repeat center / cover;}
.twpop .btn_turn{background:url('../imgs/twpop/btn_turn.png') no-repeat center / cover;font-size:0;}
.twpop .btn_take{background:url('../imgs/twpop/btn_take.png') no-repeat center / cover;font-size:0;}
.twpop .btn_give{background:url('../imgs/twpop/btn_give.png') no-repeat center / cover;font-size:0;}
.twpop .btn_copy{background:url('../imgs/twpop/btn_copy.png') no-repeat center / cover;font-size:0;}
::-webkit-scrollbar {display:none;}
.twpop .twpop_notStarted .twpop-cont{color:#d4aa30;font-size:bold;}
