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: #fff6ca;-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-touch-callout:none}
html{font-size: calc(100vw/7.5);}
body{font:.24rem / .3rem "Microsoft YaHei","Helvetica Neue",Arial;color: #fff6ca;}
table{border-collapse:collapse}
img{display: block;width: 100%;}
input:-webkit-autofill{background: transparent;transition: background-color 50000s ease-in-out 0s;-webkit-text-fill-color: unset;}
::-webkit-scrollbar {display:none;}
.app{width:7.5rem;height: 16rem;margin:0 auto;position:relative;text-align: center;overflow: hidden;}
.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}
.logo{display: block;width: 2.38rem;height: .78rem;position: absolute;left: .3rem;top:.2rem;}
.user{position: absolute;top: .2rem;right: .2rem; color: #346549;}
.user a{display: block; height: .45rem; overflow: hidden; line-height: .46rem; margin-left: .1rem; width: 1.43rem; background: url('../imgs/ub.png') no-repeat center / cover;}
.time{font-size: .18rem; line-height: .35rem; position: absolute; top: 3.16rem; left: 0; width: 100%; color: #000;}
.btn_receive,.btn_login{display: none;width: 3.78rem;height: 1.21rem;background-repeat: no-repeat; background-size: cover; position: absolute; left: 50%; margin-left: -1.89rem; top: 11.2rem;}
.btn_login{display: block; background-image: url('../imgs/login.png');}
.btn_receive{background-image: url('../imgs/receive.png');}
.jl img{width: 1.4rem;height: 1.4rem;margin: 0 auto .2rem;}
.side{position: fixed;right: 0;top: 50%;width: .4rem;margin-top: -1.2rem;}
.side span{width: .4rem;height: 1.2rem;color: #fff6ca; line-height: 1.1;font-size: .22rem;display: flex;align-items: center;}
.side .rule_btn{background-image: -webkit-linear-gradient(left,#5c9652,#418f52);border-radius: .2rem 0 0 0;border-left: 1px solid #85b05f;}
.side .gift_btn{background-image: -webkit-linear-gradient(left,#9fcd56,#a6c152);border-radius: 0 0 0 .2rem;border-left: 1px solid #c8da63;}
.slk .user{color: #fff;}
.slk .user a{background-image: url('../imgs/ub2.png'); width: 1.66rem; height: .49rem; line-height: .49rem; color: #774d1d;}
.slk .btn_receive{display: block; width: 4.23rem; height: 1.09rem; background-image: url('../imgs/receive2.png'); top: 10.57rem;}
/* 弹窗 */
.twpop{
    z-index:999;
    position:relative
}
.twpop .twpop-main{
    width:6.6rem;
    max-width:6rem;    
    background:#fefbee;   
    color: #1a284a;
    font-size: .24rem;
    border: 1px solid #1a284a;
}
.twpop .twpop-close{
    width: .66rem;
    height: .66rem;
    top: 0;
    right:0;
}
.twpop .twpop-cont{
    padding:.3rem;
}
.twpop .twpop-foot{
    margin-top: .2rem; 
    display: flex; 
    justify-content: center;
}
.twpop .twpop-btn{
    min-width: 1rem; 
    background: linear-gradient(linear,top,from(#ac6416),to(#d78937));
    background: -webkit-linear-gradient(top, #ac6416, #d78937); 
    color: #f8f8ca;
    line-height: .65rem;
    padding: 0 .4rem; 
    border: none;
    margin: 0 .1rem; 
    border-radius: .32rem;
}
.twpop .twpop-btn:nth-child(2){
    background: linear-gradient(linear,top,from(#731b06),to(#731b06));
    background: -webkit-linear-gradient(top, #731b06, #731b06); 
}
.twpop .twpop-diy-content{
    max-height: 10rem;
}
.twpop .twpop-from-text{
    margin: 0 .4rem .2rem;
}
.twpop .select2-container--default .select2-selection--single{
    background: transparent!important;
    border: none!important;
}
.twpop .twpop-input,.twpop .twpop-select,
.twpop .select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #333;
}
.twpop .tips{
    font-size: .2rem;
    color: #8b8b8b;
    margin-top: .2rem;
}

.jn{width: 5.3rem;height: 9.4rem;}
.rule{text-align: left;}
.rule p{line-height: 1.4; font-size: .22rem;}
table{width: 100%;border: 1px solid #666; margin: .1rem 0;text-align: center;}
th{font-weight: bold;}
th,td{border: 1px solid #666;font-size: .2rem;}
.gift .cell{
    padding: .1rem 0; 
    border-bottom: 1px dashed rgba(0,0,0,.1);
    text-align: left;
}
.gift .btn{
    padding: 0 .2rem; 
    min-width: .9rem;
    line-height: .44rem;
    border-radius: .25rem;
    font-size: .22rem;
    text-align: center;
    background: #ac6416;
    background: linear-gradient(linear,top,from(#ac6416),to(#d78937));
    background: -webkit-linear-gradient(top, #ac6416, #d78937); 
    color: #fff;
}