html{-ms-touch-action:none;font-size:62.5%;height:100%;}
body,b,dd,div,dl,dt,footer,h1,h2,header,html,i,li,p,section,ul{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
body{font-size:.2rem;font-family:-apple-system-font,"Helvetica Neue",Helvetica,Arial,STHeiTi,sans-serif;line-height:.4rem;color:#333;background: #ffffff; height:100%;}
a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:#333;}
ul,li{list-style: none;}
.gary{color:#999;}
.orange{color:#ffa800;}
.page .cell{position: relative;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;}
.page{background:#fff; position: relative;}
.page img{display: block; width: 100%;}
.page .sub_header{position: relative;}
.page .logo{position: absolute; top: .26rem; left:50%; width: 5rem; margin-left: -2.5rem; display: block;}
.page .head_user{padding: .2rem; position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; line-height: 1.4;}
.page .head_user:before{display:none;}
.avatar{width: .78rem; height: .78rem; border-radius: 50%; border: .03rem solid #fff; overflow: hidden; margin-right: .1rem;}
.name{margin: 0; font-size: .28rem; font-weight: normal;}
.page .head_down a{display: inline-block; width: 1.5rem; height: .56rem; line-height: .56rem; background-color: #fff1cd; text-indent: .4rem; color: #ffa800; border: .02rem solid #fff; border-radius: .06rem; background-position: .1rem center; background-repeat: no-repeat; background-size:.19rem .19rem;}
.head_down .refresh_btn{background-image: url('../img/sidebar/refresh_icon.png'); margin-right: .1rem;}
.head_down .down_btn{background-image: url('../img/sidebar/down_icon.png');}
.page .nav{padding:.3rem .1rem;}
.page .nav .cell{padding:0;}
.page .nav li,.user_nav li{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;text-align: center; padding:0 .1rem;}
.page .icon{display: inline-block;background-image: url('../img/sidebar/icon.png'); background-repeat: no-repeat; background-size:2.3rem .86rem; background-position: -9999em -9999em;}
.nav_item{display: block; position: relative; height: 1.3rem; margin: 0 auto; border: 1.2px solid #e5e5e5; border-radius: .06rem;}
.nav_item::after{content: " "; display: inline-block; height: .1rem; width: .1rem; border-width: .02rem .02rem 0 0; border-color: #C8C8CD; border-style: solid;-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);-moz-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);position: relative; position: absolute; left: 50%; margin-left: -.05rem; bottom: .12rem;}
.active .nav_item,.active .nav_item::after{border-color: #ffa800; color: #ffa800;}
.page .nav_item i{width: .4rem; height: .4rem; margin: .18rem auto .05rem; display: block;}
.page .icon_id{background-position: 0 0;}
.page .nav .icon_lb{background-position: -.48rem 0;}
.page .nav .icon_gg{background-position: -.96rem 0;}
.page .nav .icon_zc{background-position: -1.44rem 0;}
.page .nav .icon_kf{background-position: -1.92rem 0;}
.page .box .box_item{position: relative;overflow-y: scroll;}
.box .box_item,.info_area .info_item,.pop,.user_item{display: none;}
.bt{border-top: .24rem solid #f4f4f4;}
.list .cell{padding: .24rem .3rem; line-height: .38rem;}
.list .cell:before{content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: .01rem solid #f2f2f2;left: 0;z-index: 2;}
.list .icon{margin-right: .2rem; width: .38rem; height: .38rem;}
.access:after {content: " ";display: inline-block;height: .16rem; width: .16rem; border-width: .02rem .02rem 0 0;border-color: #C8C8CD; border-style: solid; -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0); transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);position:relative;position: absolute;top: 50%;margin-top: -.06rem;right:.3rem;}
.list .icon_mm{background-position:0 -.48rem;}
.list .icon_sj{background-position:-.48rem -.48rem;}
.list .icon_rz{background-position:-.96rem -.48rem;}
.list .icon_xh{background-position:-1.44rem -.48rem;}
.packs li{border-bottom: .01rem solid #e5e5e5; padding: .1rem  .24rem;}
.packs{height: 100%;}
.packs ul{overflow-x: auto; position: absolute; left: 0; top:.24rem; bottom: 0; right: 0;}
.packs_game{padding: .1rem 0;}
.game_active{width: .52rem; height: .52rem; border-radius: .1rem; overflow: hidden; margin-right: .1rem;}
.btn_receive{display: block; width: 1.32rem; height: .4rem; background: #ffcb1a; text-align: center; color: #fff; border-radius: .06rem;}
.packs .desc{font-size: .16rem;}
.slider_area{color: #ff6600;}
.slider_inner{display: inline-block; width: 1.52rem; height: .08rem; margin-right: .05rem; background: #ccc; border-radius: .06rem; overflow: hidden;}
.slider_track{display: block;height: .08rem;background-color: #ffcb1a;width: 0;}
.packs_game .disabled{background-color: #bbb; color: #fff;}

.page .mask{position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6);}
.page .dialog_main{position: fixed;left: 50%;top: 50%;bottom: auto; width: 4rem; z-index: 9999; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);  background: #fff; border-radius: .14rem;}
.page .dialog_close{position: absolute; top: -.27rem; right: -.27rem; height: .56rem; width: .56rem; background: #fff; border-radius: 50%; overflow: hidden; text-indent: -999em; font-size: 0;}
.page .dialog_close::before,.page .dialog_close::after{content: ""; position: absolute; left: 50%; top: 50%; margin: -.15rem 0 0 -.01rem; width: .02rem; height: .3rem; background: #ffa800;}
.page .dialog_close::before{-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.page .dialog_close::after{-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.page .dialog_tit{width: 100%; height: .52rem; line-height: .52rem; background: url('../img/sidebar/pop.jpg') no-repeat center / 100% .52rem;  border-radius: .14rem .14rem 0 0; text-align: center; color: #fff;}
.page .dialog_body{padding:.3rem;}
.page .dialog_body .dialog_btn{display: block; width: 1.32rem; line-height: .5rem; text-align: center; background: #ffcb1a; color: #fff; border-radius: .06rem; margin: .3rem auto 0;}

.page .copy{color: #ffa800; display: inline-block; width: 2.03rem; height: .33rem; line-height: .33rem; /* background: url('../img/sidebar/copy.jpg') no-repeat center / 2.03rem .33rem; */ text-align: center;}
.info_tab,.user_nav{background: #f4f4f4; height: .72rem; line-height: .7rem; text-align: center;}
.info_tab a,.user_nav a{/**margin: 0 .2rem;*/ display: inline-block; border-width:0 0 .02rem; border-style: solid; border-color: transparent;}
.info_tab .cur,.user_nav .cur a{color: #ffa800; border-color: #ffa800;}
.info_area{padding: 0 .3rem;}
.news_tit{text-align: center; margin: .5rem 0 .2rem;}
.news_tit h4{font-size: .24rem; margin: 0; font-weight: normal;}
.news .default{line-height: .36rem;}
.history{padding: .1rem 0;}
.history a{height: .6rem; line-height: .6rem; border-bottom: .01rem solid #f2f2f2;}
.tc{text-align: center;}
.info_img{margin: .6rem auto .12rem; width: 3.1rem;}
.btn_plain{border: 1.45px solid #f5bd10; color: #f5bd10; border-radius: .1rem; font-size: .24rem; line-height: .7rem; min-width: 2.3rem; text-align: center; display: inline-block;}
.rwm_area{margin-top: .4rem;}
.rwm{width: 1.76rem; margin: .15rem auto;}
.client{padding-bottom: 1.2rem;}
.client_img{margin: .1rem auto .1rem; width:5rem;}
.client .btn_plain{margin-top: .1rem;}
.footer_links{position: fixed;bottom: .6rem;left: 0;right: 0; color: #46aff1;}
.footer_links a{color: #46aff1;}
.user_item{padding: .3rem;}
.user_form{margin: 0 0 .3rem; border: .01rem solid #ddd; border-radius: .06rem; overflow: hidden;}
.input{width: 100%; border: 0; outline: 0; -webkit-appearance: none; background-color: transparent; font-size: inherit; color: inherit; height: .76rem;line-height: .76rem;}
.user_form .cell::before{content: " "; position: absolute; left: 0; top: 0; right: 0; height: 1px; border-bottom: .01rem solid #ddd;left: 0;z-index: 2;}
.user_form .cell:first-child:before{display: none;}
.user_form .label{width: .57rem;}
.user_form .label img{width: .3rem; height: .3rem; display: block; margin: 0 auto;}
.submit,.register{width: 100%; text-align: center; display: block; font-size: .24rem; background: #f5bd10; color: #fff; height: .75rem; line-height: .75rem; border-radius: .08rem;}
.register{background: transparent; border: .02rem solid #f5bd10; color: #f5bd10;}
.btn_item{margin: 0 -.1rem;}
.btn_item .bd{padding: 0 .1rem;}
.select {-webkit-appearance: none;border: 0;outline: 0;background-color: transparent;width: 100%;font-size: inherit; height: .75rem; line-height: .75rem; position: relative;z-index: 1;}
.cell_select:after{-webkit-transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0); transform: matrix(0.71, 0.71, 0.71, -0.71, 0, 0);}
.vcode_btn{border-left: .01rem solid #ddd; padding: 0 .3rem; color: #ffa800; font-size: .24rem;}

.am-offcanvas.am-active {
    display: block;
}
.alert-box,.am-offcanvas{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.5);left:0;top:0;z-index:999;display: none;}
.am-offcanvas{left:-100%;-webkit-transition:left 0.2s;-moz-transition:left 0.2s;-o-transition:left 0.2s;transition:left 0.2s;}
.am-offcanvas .am-offcanvas-bar{position:absolute;height:100%;width:85%;overflow:hidden;background:#fff;top:0;left:0;}
/*.am-offcanvas .am-offcanvas-bar div{position:relative;}*/

.display-hide{
    display: none;
}

/* Jade-bronze night-fortress theme. Keep layout and interaction selectors intact. */
body,.page{color:#e8dfc5;background:#0b1716;}
a{color:#d8caa8;}
.gary{color:#807966;}
.orange,.page .copy{color:#c0a46a;}
.page .head_down a{background-color:#102724;color:#d4bd83;border-color:#75623f;}
.page .nav{background:#0b1716;}
.nav_item{background:#10211f;border-color:#4b4838;color:#d8caa8;}
.nav_item::after,.access:after{border-color:#7e745b;}
.active .nav_item,.active .nav_item::after{border-color:#b89c62;color:#f0e1b4;}
.bt{border-top-color:#071110;}
.list .cell:before,.packs li,.history a{border-color:#273633;}
.btn_receive,.slider_track,.page .dialog_body .dialog_btn,.submit{background:#876f43;color:#fff5d8;}
.slider_area{color:#c0a46a;}
.slider_inner{background:#2c3a37;}
.page .dialog_main{background:#0d1c1a;color:#e8dfc5;border:1px solid #6d5e40;}
.page .dialog_close{background:#0a1716;border:1px solid #7b6845;}
.page .dialog_close::before,.page .dialog_close::after{background:#d5bd83;}
.info_tab,.user_nav{background:#081312;}
.info_tab a,.user_nav a{color:#bdb18f;}
.info_tab .cur,.user_nav .cur a{color:#d5bd83;border-color:#9b814d;}
.btn_plain{border-color:#9b814d;color:#d5bd83;}
.footer_links,.footer_links a{color:#78b49f;}
.user_form{background:#f3e8cb;border-color:#8a7954;color:#172624;}
.user_form .cell::before{border-color:#c8b98f;}
.input,.select{color:#172624;}
.input::placeholder{color:#766f5f;}
.register{background:transparent;border-color:#9b814d;color:#d5bd83;}
.vcode_btn{border-color:#c8b98f;color:#7d6330;}
.am-offcanvas .am-offcanvas-bar{background:#0b1716;}

@media (max-width:379px){
  .page .nav li,.user_nav li{padding:0 .04rem}
  .nav_item{height:1.15rem}
  .vcode_btn{padding:0 .12rem;font-size:.2rem}
}
@media (min-width:768px){
  .am-offcanvas .am-offcanvas-bar{width:min(85vw,420px)}
}