.a_top{
    padding: .2rem 0 .06rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.a_1{
    font-size: .1rem;
    color: #FFFFFF;
    width: .5rem;
    height: .26rem;
    border-radius: 5px;
    text-align: center;
    line-height: .25rem;
    border: 1px solid #183286;
    background: #000b1a;
    box-shadow:inset 0 0 .2rem rgba(9, 85, 183, .35);
}
.a_1 img{
    width: .08rem;
    margin-right: .03rem;
}
.a_1 span{
    color: #FFFFFF;
    margin-right: .04rem;
}
.a_2{
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .26rem;
}
.a_2 span{
    font-size: .1rem;
    color: #08c3e8;
    margin-right: .06rem;
}
.a_3 a{
    display: block;
    width: .3rem;
    height: .26rem;
    border-radius: 5px;
    border: 1px solid #183286;
    background: #000b1a url("../img/11.png") no-repeat center;
    background-size: .1rem;
    box-shadow:inset 0 0 .2rem rgba(9, 85, 183, .35);
}
.a_4{
    color: #8b8ebd;
    font-size: .1rem;
    line-height: .26rem;
}
.a_4 a{
    display: inline-block;
    width: .09rem;
    margin-left: .04rem;
}
.a_5{
    margin-top: .08rem;
}
.a_5 li{
    float: left;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .17rem;
    margin-right: .25rem;
}
.a_5 li img{
    display: block;
    float: left;
    width: .17rem;
}
.a_5 li span{
    margin-left: .06rem;
}
.b_1{
    height: .32rem;
    border-radius: .06rem;
    background: url("../img/30.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    line-height: .32rem;
    font-size: .1rem;
    position: relative;
    margin-top: .07rem;
}
.b_1:after{
    content: "";
    display: block;
    position: absolute;
    width: .05rem;
    height: .1rem;
    background-image: url("../img/04.png");
    background-size: 100% 100%;
    right: .1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.b_1 img{
    display: block;
    float: left;
    width: .15rem;
    margin: .075rem .06rem 0 .1rem;
}
.b_1 span{
    font-size: .09rem;
    color: #afafaf;
    margin-left: .05rem;
}
.c_1{
    background: url("../img/30.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    position: relative;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .32rem;
    height: .32rem;
}
.c_1 img{
    display: block;
    float: left;
    width: .16rem;
    margin: .075rem .06rem 0 .1rem;
}
.c_1 span{
    margin-left: .05rem;
    color: #afafaf;
    font-size: .09rem;
}
.c_1 a{
    display: block;
    position: absolute;
    width: .1rem;
    height: .1rem;
    background-image: url("../img/05.png");
    background-size: 100% 100%;
    right: .08rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.bg_1{
    background: url("../img/37.png");
    background-size: 100% 100%;padding: .05rem .05rem .1rem;
    margin-top: .06rem;
}
.d_1{
    margin-top: .06rem;
    border-radius: .06rem;
    background: #000f1f;
    overflow: auto;
    height: 1.45rem;
    padding: 0;
}
.d_1 table{
    width: 100%;
}
.d_1 table thead tr{
  position: sticky;
  top: 0;
  z-index: 2;
}
.d_1 table th{
    font-size: .08rem;
    color: #8b8ebd;
    font-weight: normal;
    border-bottom: 1px solid rgba(37,44,63,.5);
    padding: .05rem 0;
    background: #000c2b;
}
.d_1 table th img{
    width: .1rem;
    margin-right: .02rem;
    transform: translateY(-.01rem);
}
/*.d_1 table th i{
    display: block;
    font-size: .09rem;
}*/
.d_1 table td{
    color: #FFFFFF;
    text-align: center;
    font-size: .08rem;
    height: .26rem;
    border-bottom: 1px solid rgba(37,44,63,.5);
}
.d_1 table td.jj{
    color: #b5d150;
}
.d_1 table td.fu{
    color: #ff0427;
}
.d_1 table td.hxz span{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: .76rem;
    color: #08c3e8;
}
.e_1{
    margin-top: .06rem;
    border-radius: .06rem;
    position: relative;
}
.shuaxin{
    position: absolute;
    right: .1rem;
    top: .03rem;
}
.shuaxin a{
    display: block;
    width: .26rem;
    height: .26rem;
    border: 1px solid #0f3ac2;
    border-radius: 5px;
    background: #000b1a url("../img/36.png") center no-repeat;
    background-size: .14rem;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
}
.e_1 ul li{
    float: left;
    color: #7985b9;
    font-size: .09rem;
    line-height: .12rem;
    margin-right: .1rem;
    margin-top: .08rem;
	width: 46%;
}
.e_1 ul li img{
    display: block;
    float: left;
    width: .1rem;
    margin-right: .04rem;
}
.e_1 ul li span{
    color: #FFFFFF;
}
.jyhx{
    float: left;
    color: #7985b9;
    font-size: .09rem;
    line-height: .12rem;
    margin-right: .1rem;
    margin-top: .08rem;
}
.jyhx img{
    display: block;
    float: left;
    width: .1rem;
    margin-right: .04rem;
}
.jyhx span{
    color: #FFFFFF;
}
.e_2 span{
    color: #7985b9;
    font-size: .09rem;
    margin-right: .03rem;
    padding-right: .02rem;
    border-right: 1px solid #1e3479;
    display: block;
    float: left;
    margin-top: .06rem;
}
.e_2 span img{
    width: .1rem;
    transform: translateY(-.01rem);
    margin-right: .02rem;
}
.e_2 span i{
    margin-right: .02rem;
}
.e_2 span:nth-last-child(2){
    border-right: none;
}

.f_1{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .06rem;
}
.f_lf{
    width: 59.8%;
    background: url("../img/38.png");
    background-size: 100% 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .05rem;
}
.f_lf_1{
    width: 55%;
    position: relative;
    height: .37rem;
    background: url("../img/40.png");
    background-size: 100% 100%;
    overflow: hidden;
}
.f_lf_1 img{
    display: block;
    position: absolute;
    width: .17rem;
    height: .17rem;
    left: .04rem;
    top: .1rem;
}
.f_lf_1 a{
    display: block;
    position: absolute;
    width: .07rem;
    height: .07rem;
    right: .06rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url("../img/28.png");
    background-size: 100% 100%;
}
.f_1 .f_4{
    width: 100%;
    height: .37rem;
    background: none;
    padding-left: .28rem;
    outline: none;
    color: #FFFFFF;
    font-size: .14rem;
    border: none;
}
.f_1 .select-wrapper{
    width: 40%!important;
    height: .37rem!important;
    position: relative;
    background: url("../img/41.png");
    background-size: 100% 100%;
    z-index: 2!important;
}
.f_1 .select-wrapper:before{
    content: "";
    display: block;
    position: absolute;
    width: .17rem;
    height: .17rem;
    background-image: url("../img/01.png");
    background-size: 100% 100%;
    left: .04rem;
    top: .1rem;
}
.f_1 .select-button{
    width: 100%!important;
    height: 100%!important;
    border: 0;
    background: none;
    text-align: left;
    outline: none;
    color: #FFFFFF;
    font-size: .1rem;
    padding-left: .25rem;
}
.f_1 .select-down{
    position: absolute;
    top: .15rem!important;
    right: .04rem;
    height: .045rem;
    width: .08rem;
    background-image: url("../img/11.png");
    background-size: 100% 100%;
}  
.f_1 .select-list{
    width: 100%!important;
    border-radius: 3px;
    border: 1px solid #1e3479;
    background-color: #000f1f;
    display: none;
    z-index: 2;
    position: absolute;
    top: .32rem!important;
    max-height: 1rem;
    overflow: auto;
}
.select-list ul{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    line-height: 34px;
    max-height: 240px;
  }
.select-list ul li{
    width: 100%;
    height: .3rem!important;
    line-height: .3rem;
    padding-left: 10px;
    color: #FFFFFF;
    font-size: .11rem;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
}
.select-list ul li.selected,.select-list ul li:hover{
    color: #000f1f;
    background: #FFFFFF;
}
.f_12{
    width: 61%;
    height:.4rem;
    margin-top: .06rem;
}
.f_12 .select-wrapper{
    width: 100%!important;
    height: .4rem!important;
    position: relative;
    background-color: #000f1f;
    border-radius: .06rem;
    border: 1px solid #1e3479;
    z-index: 1!important;
}
.f_12 .select-button{
    width: 100%!important;
    height: 100%!important;
    border: 0;
    background: none;
    text-align: left;
    outline: none;
    color: #FFFFFF;
    font-size: .11rem;
    padding-left: .08rem;
}
.f_12 .select-down{
    position: absolute;
    top: .17rem!important;
    right: .08rem;
    height: .05rem;
    width: .1rem;
    background-image: url("../img/11.png");
    background-size: 100% 100%;
}  
.f_12 .select-list{
    width: 100%!important;
    border-radius: 3px;
    border: 1px solid #1e3479;
    background-color: #000f1f;
    display: none;
    z-index: 2;
    position: absolute;
    top: .42rem!important;
    max-height: .8rem;
    overflow: auto;
}
.f_5{
    width: 33%;
}
.f_5 .demo--label{
	display:block;
    float: left;
    width: 49%;
}
.f_5 .demo--label:nth-child(2){
    float: right;
}
.demo--radio {
	display:none
}
.demo--radioInput {
	background: url("../img/56.png");
    background-size: 100% 100%;
	border-radius:.06rem;
	display:block;
    width: 100%;
	height:.35rem;
    text-align: center;
    color: #FFFFFF;
    line-height: .34rem;
    font-size: .12rem;
}
.demo--radio:checked + .demo--radioInput{
	background: url("../img/57.png");
    background-size: 100% 100%;
}
.f_6{
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_6 .demo--label{
	display:block;
    width: 18%;
    margin-top: .05rem;
}
.f_7{
    width: 38%;
    height:.4rem;
    background-color: #000f1f;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    color: #FFFFFF;
    line-height: .39rem;
    font-size: .11rem;
    padding-left: .07rem;
    margin-top: .06rem;
}
.f_8{
    margin-top: .1rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_9{
    width: 18%;
    height: .38rem;
    border-radius: .06rem;
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
    color: #FFFFFF;
    text-align: center;
    font-size: .1rem;
    line-height: .38rem;
}
.f_9 img{
    display: inline-block;
    width: .15rem;
    margin-right: .04rem;
}
.f_10{
    width: 49%;
    height: .38rem;
    background: url("../img/55.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: .11rem;
    position: relative;
    padding-top: .04rem;
}
.f_10 span{
    display: block;
    font-size: .09rem;
}
.f_10:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: .07rem;
    width: .05rem;
    height: .08rem;
    background: url("../img/04.png");
    background-size: 100% 100%;
}
.f_11{
    width: 29%;
    height: .38rem;
    border-radius: .06rem;
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
    color: #FFFFFF;
    text-align: center;
    font-size: .1rem;
    line-height: .38rem;
}
.f_11 img{
    display: inline-block;
    width: .18rem;
    margin-right: .04rem;
}
.f_11 span{
    display: inline-block;
    background-image: url("../img/04.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .05rem;
    padding-right: .07rem;
}
.f_lf_2{
    background: #000b1a;
    border: 1px solid #0f3ac2;
    width: 100%;
    border-radius: .06rem;
    margin-top: .05rem;
    padding: .06rem .06rem;
}
.f_lf_2 p{
    float: left;
    color: #FFFFFF;
    font-size: .09rem;
    line-height: .09rem;
}
.f_lf_2 .qk{
    float: right;
    color: #FFFFFF;
    font-size: .09rem;
    line-height: .09rem;
}
.f_lf_2 .qk img{
    display: block;
    float: left;
    width: .09rem;
    margin-right: .03rem;
}
.f_lf_2 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_lf_2 ul li{
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: url("../img/58.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: .3rem;
    font-size: .15rem;
    margin-top: .06rem;
}
.f_rt{
    width: 38%;
    background: url("../img/39.png");
    background-size: 100% 100%;
    padding: .03rem .05rem;
}
.f_rt li{
    width: 100%;
    height: .47rem;
    background-size: 100% 100%;
    padding: .05rem;
    margin-top: .03rem;
}
.f_rt li .img{
    width: .27rem;
}
.f_rt li .txt{
    color: #FFFFFF;
    font-size: .09rem;
    width: calc(100% - .32rem);
}
.f_rt li .txt h3{
    font-weight: normal;
    font-size: .12rem;
}
.f_rt li .txt h3 span{
    display: block;
    font-size: .09rem;
}
.f_rt li .txt h3 i{
    color: #FFFFFF;
    display: inline-block;
    font-size: .09rem;
    margin-left: .03rem;
    background-image: url("../img/51.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .11rem;
    padding-right: .15rem;
}
.f_rt li:nth-child(1){
    background-image: url("../img/43.png");
}
.f_rt li:nth-child(2){
    background-image: url("../img/44.png");
}
.f_rt li:nth-child(3){
    background-image: url("../img/45.png");
}
.f_rt li:nth-child(4){
    background-image: url("../img/46.png");
}
.f_rt li:nth-child(1) .txt h3{
    color: #12b1d1;
}
.f_rt li:nth-child(2) .txt h3{
    color: #c162ff;
}
.f_rt li:nth-child(3) .txt h3{
    color: #7fdb2d;
}
.f_rt li:nth-child(4) .txt h3{
    color: #ff8400;
}
.bot_bg{
    margin-top: .15rem;
    width: 100%;
    height: .52rem;
}
.bottom{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:94%;
    height: .42rem;
    max-width: 750px;
    background: #001736;
    border-radius: .26rem;
    z-index: 9999;
}
.bottom li{
    float: left;
    width: 33.3333%;
    text-align: center;
    height: .42rem;
    border-radius: .21rem;
}
.bottom li a{
    display: block;
    color: #8b8ebd;
    font-size: .1rem;
    padding-top: .03rem;
}
.bottom li a i{
    display: block;
    width: .2rem;
    height: .2rem;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: .02rem;
}
.bottom li a i.yx{
    background-image: url("../img/14.png");
}
.bottom li a i.wd{
    background-image: url("../img/53.png");
}
.bottom li a i.gd{
    background-image: url("../img/16.png");
}
.bottom li.on{
    background: #000b1a;
    border: 1px solid #0f3ac2;
    box-shadow:inset 0 0 .3rem #0a32de;
}
.bottom li.on a{
    color: #FFFFFF;
}
.bottom li.on a i.yx{
    background-image: url("../img/15.png");
}
.bottom li.on a i.wd{
    background-image: url("../img/54.png");
}
.bottom li.on a i.gd{
    background-image: url("../img/17.png");
}
.zx_c .items{display:none;list-style: none;}
.zx_c .items.thisclass{display:list-item;}
.tab{
    padding: .2rem 0 0 0;
}
.tab_1{
    width: .3rem;
    height: .26rem;
    border: 1px solid #152340;
    border-radius: .15rem;
}
.tab_1 img{
    display: block;
    width: .16rem;
    margin: 0 auto;
    margin-top: .1rem;
}
.tab .zx_t li{
    display: inline-block;
    background: #000f1f;
    border: 1px solid #152340;
    border-radius: .05rem;
    width: .9rem;
    height: .26rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .12rem;
    line-height: .26rem;
    margin-right: .06rem;
}
.tab .zx_t li img{
    width: .17rem;
    transform: translateY(-.01rem);
    margin-right: .05rem;
}
.tab .zx_t li.active{
    background: linear-gradient(to right,#00132e,#022873);
}
.tab_2{
    width: 100%;
    background: #000f1f;
    border: 1px solid #152340;
    border-radius: .06rem;
    padding: .08rem 0;
    margin-top: .1rem;
}
.tab_2 li{
    width: 33.333%;
    float: left;
}
.tab_2 li a{
    display: block;
    text-align: center;
    color: #FFFFFF;
    font-size: .1rem;
}
.tab_2 li a i{
    display: block;
    margin: 0 auto;
    width: .3rem;
    height: .3rem;
    border-radius: .15rem;
    background: #000f1f;
    border: 1px solid #152340;
    margin-bottom: .05rem;
}
.tab_3{
    width: 100%;
    background: #000f1f;
    border: 1px solid #152340;
    border-radius: .06rem;
    padding: 0 .05rem;
    margin-top: .1rem;
}
.tab_3 li{
    width: 100%;
    border-bottom: 1px solid #152340;
    padding: .08rem 0;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .19rem;
    overflow: hidden;
}
.tab_3 li:nth-last-child(1){
    border-bottom: none;
}
.tab_3 li .tab_4{
    float: left;
    border-right: 1px solid #152340;
    padding-right: .2rem;
}
.tab_3 li .tab_4 img{
    display: block;
    float: left;
    width: .19rem;
    margin-right: .04rem;
}
.tab_3 li .tab_4 span{
    margin-left: .15rem;
}
.tab_3 li .tab_5{
    float: right;
}
.tab_3 li .tab_5 span{
    margin-left: .3rem;
}
.fu{
    color: #ff0427;
}
.zheng{
    color: #b5d150;
}
.tab_6{
    border-radius: .06rem;
    background: #000f1f;
    border: 1px solid #152340;
    margin-top: .1rem;
    position: relative;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .32rem;
}
.tab_6 img{
    display: block;
    float: left;
    width: .17rem;
    margin: .07rem .06rem 0 .06rem;
}
.tab_6 a{
    display: block;
    position: absolute;
    width: .12rem;
    height: .12rem;
    background-image: url("../img/05.png");
    background-size: 100% 100%;
    right: .08rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.tab_7{
    margin-top: .1rem;
    border-radius: .06rem;
    background: #000f1f;
    border: 1px solid #152340;
    padding: .06rem .03rem;
}
.tab_7 h3{
    display: block;
    float: left;
    width: .75rem;
    height: .35rem;
    background-image: url("../img/26.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    font-weight: normal;
    font-size: .13rem;
    margin-top: -.025rem;
    line-height: .36rem;
}
.tab_7 button{
    display: block;
    float: right;
    width: .4rem;
    height: .26rem;
    border-radius: .06rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    font-size: .11rem;
    background: linear-gradient(#005efb,#003ccf);
}
.tab_8{
    float: left;
    width: calc(100% - 1.19rem);
    margin-left: .02rem;
    height: .26rem;
    background: #000f1f;
    border-radius: .06rem;
    border: 1px solid #152340;
    color: #FFFFFF;
    line-height: .26rem;
    font-size: .08rem;
    padding: 0 .02rem;
}
.tab_7 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab_7 ul li{
    width: 32%;
    background: #000f1f;
    border: 1px solid #152340;
    border-radius: .04rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .09rem;
    padding: .07rem 0;
    margin-top: .05rem;
}
.tab_7 ul li span{
    display: block;
    font-size: .14rem;
    margin-top: .05rem;
}
.tab_9 li{
    margin-top: .1rem;
    border-radius: .06rem;
    background: #000f1f;
    border: 1px solid #152340;
    padding: .06rem .05rem;
}
.tab_9 li img{
    display: block;
    float: left;
    width: .24rem;
}
.tab_10{
    float: left;
    width: 50%;
    margin-left: .05rem;
}
.tab_10 h3{
    font-weight: normal;
    font-size: .09rem;
    color: #FFFFFF;
}
.tab_10 h3 span{
    font-size: .09rem;
    margin-left: .06rem;
}
.tab_10 h3 span i{
    color: #0031a6;
}
.tab_10 p{
    color: #FFFFFF;
    font-size: .06rem;
	margin-top: .1rem;
}
.tab_11{
    width: calc(51% - .35rem);
    float: right;
}
.tab_11 table{
    width: 100%;
}
.tab_11 table td{
    background: #000f1f;
    border: 1px solid #152340;
    font-size: .08rem;
    text-align: right;
    line-height: .16rem;
    padding: .01rem .005rem;
    color: rgba(255,255,255,.7);
}
.tab_11 table td span{
    color: #FFFFFF;
}
.tab_11 table td span.zheng{
    color: #b5d150;
}
.more a{
    display: block;
    color: #FFFFFF;
    font-size: .09rem;
    margin-top: .1rem;
    text-align: center;
}
.more a img{
    width: .065rem;
    margin-left: .05rem;
	margin-top: -0.03rem;
}

/* === API interaction styles migrated from old page === */
}
.payout-address-card{
    width: 100%;
    border-radius: .06rem;
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    color: #FFFFFF;
    min-height: .34rem;
    position: relative;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
    display: flex;
    align-items: center;
    font-size: .1rem;
    line-height: .16rem;
    padding: .06rem .28rem .06rem .1rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}
.payout-address-card:active{
    background: linear-gradient(#001d46,#02142c);
}
.payout-address-card img{
    display: block;
    width: .16rem;
    flex-shrink: 0;
    margin-right: .06rem;
}
.payout-address-card strong{
    display: block;
    color: #FFFFFF;
    font-weight: normal;
    flex-shrink: 0;
}
.payout-address-card span{
    display: block;
    flex: 1;
    min-width: 0;
    color: #FFFFFF;
    margin-left: .06rem;
    font-size: .085rem;
    line-height: .13rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.payout-address-card .payout-address-arrow{
    display: block;
    position: absolute;
    width: .05rem;
    height: .1rem;
    background-image: url("../img/04.png");
    background-size: 100% 100%;

}
.d_1 table td.record-pending,
.d_1 table td.hxz span.record-pending{
    color: #28a8ff;
    cursor: default;
}
.e_1{
    margin-top: .06rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    padding: 0 .04rem .06rem;
}
.e_1 ul li{
    float: left;
    color: #7985b9;

}
.address-modal-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(0,0,0,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .18rem;
}
.address-modal{
    width: 100%;
    max-width: 3.2rem;
    border-radius: .08rem;
    background: #000f1f;
    border: 1px solid #163186;
    box-shadow: inset 0 0 .2rem rgba(0, 112, 255, .35), 0 .08rem .25rem rgba(0,0,0,.5);
    padding: .16rem .14rem .14rem;
}
.address-modal h3{
    color: #FFFFFF;
    font-weight: normal;
    font-size: .15rem;
    line-height: .2rem;
}
.address-modal p{
    color: #7985b9;
    font-size: .1rem;
    line-height: .16rem;
    margin-top: .06rem;
}
.address-modal input{
    width: 100%;
    height: .38rem;
    margin-top: .12rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    color: #FFFFFF;
    outline: none;
    font-size: .11rem;
    padding: 0 .1rem;
}
.address-modal input::placeholder{
    color: #52618c;
}
.address-error{
    min-height: .18rem;
    color: #ff4962;
    font-size: .09rem;
    line-height: .18rem;
    margin-top: .04rem;
}
.address-actions{
    display: flex;
    justify-content: space-between;
    gap: .08rem;
    margin-top: .04rem;
}
.address-actions button{
    display: block;
    flex: 1;
    height: .36rem;
    border-radius: .06rem;
    border: 1px solid #163186;
    color: #FFFFFF;
    font-size: .12rem;
    outline: none;
}
.address-delete{
    background: #001326;
    color: #ff7184!important;
}
.address-cancel{
    background: linear-gradient(#001d46,#02142c);
}
.address-submit{
    background: linear-gradient(#005efb,#003ccf);
}
.hash-modal-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10001;
    background: rgba(0,0,0,.7);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .16rem;
}
.hash-modal{
    position: relative;
    width: 100%;
    max-width: 2.55rem;
    border-radius: .08rem;
    background: #081526;
    border: 1px solid #1b3488;
    box-shadow: inset 0 0 .18rem rgba(0, 112, 255, .18), 0 .08rem .28rem rgba(0,0,0,.55);
    padding: .17rem .1rem .12rem;
}
.hash-modal h3{
    color: #FFFFFF;
    font-weight: bold;
    font-size: .15rem;
    line-height: .2rem;
}
.hash-close{
    position: absolute;
    top: .09rem;
    right: .09rem;
    width: .22rem;
    height: .22rem;
    border: none;
    outline: none;
    background: transparent;
    color: #a6b0cf;
    font-size: .22rem;
    line-height: .22rem;
}
.hash-content{
    margin-top: .14rem;
    min-height: .58rem;
    border-radius: .06rem;
    background: #00101f;
    color: #16d4ff;
    font-size: .105rem;
    line-height: .19rem;
    letter-spacing: 0;
    word-break: break-all;
    padding: .11rem .1rem;
}
.hash-copy{
    display: block;
    width: 100%;
    height: .36rem;
    margin-top: .12rem;
    border: none;
    outline: none;
    border-radius: .06rem;
    background: linear-gradient(#0067ff,#003fe0);
    color: #FFFFFF;
    font-size: .12rem;
}
.page-toast{
    position: fixed;
    left: 50%;
    top: 38%;
    z-index: 12050;
    transform: translateX(-50%) translateY(.12rem);
    max-width: 80%;
    border-radius: .18rem;
    background: rgba(0, 0, 0, .78);
    color: #FFFFFF;
    font-size: .11rem;
    line-height: .18rem;
    padding: .08rem .14rem;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;
}
.page-toast.show{
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}
.success-dialog-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10900;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.42);
    padding: .18rem;
}
.success-dialog{
    position: relative;
    width: 100%;
    max-width: 3rem;
    min-height: 1rem;
    border-radius: .08rem;
    background: #071629;
    border: 1px solid #1b3488;
    box-shadow: inset 0 0 .16rem rgba(0,112,255,.18), 0 .08rem .24rem rgba(0,0,0,.45);
    padding: .18rem .48rem .2rem;
}
.success-content{
    position: absolute;
    left: 50%;
    top: 46%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% - .96rem);
}
.success-check{
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    border: 2px solid #00aa45;
    position: relative;
    margin-bottom: .08rem;
}
.success-check:after{
    content: "";
    position: absolute;
    left: .105rem;
    top: .065rem;
    width: .075rem;
    height: .13rem;
    border-right: 2px solid #00aa45;
    border-bottom: 2px solid #00aa45;
    transform: rotate(45deg);
}
.success-message{
    color: #FFFFFF;
    font-size: .15rem;
    line-height: .22rem;
    text-align: center;
}
.success-close{
    position: absolute;
    right: .14rem;
    bottom: .12rem;
    border: none;
    outline: none;
    background: transparent;
    color: #1683ff;
    font-size: .11rem;
}
.confirm-dialog-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10950;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.42);
    padding: .18rem;
}
.confirm-dialog{
    width: 100%;
    max-width: 2.8rem;
    border-radius: .08rem;
    background: #071629;
    border: 1px solid #1b3488;
    box-shadow: inset 0 0 .16rem rgba(0,112,255,.18), 0 .08rem .24rem rgba(0,0,0,.45);
    padding: .2rem .16rem .14rem;
}
.confirm-message{
    color: #FFFFFF;
    font-size: .14rem;
    line-height: .22rem;
    text-align: center;
}
.confirm-actions{
    display: flex;
    gap: .08rem;
    margin-top: .18rem;
}
.confirm-actions button{
    flex: 1;
    height: .34rem;
    border-radius: .06rem;
    border: 1px solid #163186;
    color: #FFFFFF;
    font-size: .11rem;
    outline: none;
}
.confirm-cancel{
    background: linear-gradient(#001d46,#02142c);
}
.confirm-ok{
    background: linear-gradient(#005efb,#003ccf);
}
.zx_c .items{display:none;list-style: none;}
.zx_c .items.thisclass{display:list-item;}
.deposit-modal-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11020;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.68);
    padding: calc(var(--safe-top, 0px) + .08rem) .13rem calc(var(--safe-bottom, 0px) + .12rem);
}
.deposit-dialog{
    position: relative;
    width: min(3.35rem, 94vw);
    max-height: calc(var(--app-height, 100vh) - var(--safe-top, 0px) - var(--safe-bottom, 0px) - .22rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    border-radius: .08rem;
    border: 1px solid #1b3488;
    background: #071629;
    box-shadow: inset 0 0 .18rem rgba(0,112,255,.18), 0 .1rem .3rem rgba(0,0,0,.55);
    padding: .16rem .13rem .13rem;
}
.deposit-dialog h3{
    color: #FFFFFF;
    font-size: .16rem;
    font-weight: normal;
    line-height: .22rem;
    margin-bottom: .12rem;
}
.deposit-close{
    position: absolute;
    right: .09rem;
    top: .08rem;
    width: .24rem;
    height: .24rem;
    border: none;
    outline: none;
    background: transparent;
    color: #8f9ac2;
    font-size: .22rem;
    line-height: .22rem;
}
.deposit-currency-tabs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .08rem;
}
.deposit-currency-tabs button{
    height: .38rem;
    border-radius: .06rem;
    border: 1px solid #1e3479;
    outline: none;
    color: #FFFFFF;
    background: #001226;
    font-size: .12rem;
}
.deposit-currency-tabs button.active{
    border-color: #0b67ff;
    background: linear-gradient(145deg,#0046b8,#002a74);
    box-shadow: inset 0 0 .12rem rgba(42,156,255,.3);
}
.deposit-currency-tabs img{
    width: .18rem;
    height: .18rem;
    margin-right: .05rem;
    transform: translateY(-.01rem);
}
.deposit-label{
    display: block;
    color: #8f9ac2;
    font-size: .1rem;
    line-height: .16rem;
    margin-top: .12rem;
}
.wallet-modal-headline{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .08rem;
    margin-top: .12rem;
}
.wallet-modal-headline .deposit-label{
    margin-top: 0;
}
.wallet-record-link{
    flex: 0 0 auto;
    height: .24rem;
    min-width: .64rem;
    border: 1px solid #17409a;
    border-radius: .05rem;
    outline: none;
    color: #22c7ff;
    background:
        radial-gradient(circle at 30% 20%, rgba(45,170,255,.18), transparent 45%),
        linear-gradient(145deg, #00245f, #00142f);
    font-size: .095rem;
}
.deposit-amount-box{
    display: flex;
    align-items: center;
    height: .4rem;
    margin-top: .05rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    overflow: hidden;
}
.deposit-amount-box input{
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #FFFFFF;
    font-size: .16rem;
    padding: 0 .1rem;
}
.deposit-amount-box input::placeholder{
    color: #52618c;
}
.deposit-amount-box span{
    flex: 0 0 auto;
    min-width: .58rem;
    color: #FFFFFF;
    font-size: .12rem;
    text-align: center;
    border-left: 1px solid #1e3479;
}
.wallet-address-label{
    margin-top: .09rem;
}
.wallet-address-box input{
    font-size: .105rem;
}
.wallet-common-address-hint{
    margin-top: .05rem;
    color: #7f8bb8;
    font-size: .095rem;
    line-height: .16rem;
    word-break: break-all;
}
.wallet-common-address-hint.has-address{
    color: #22c7ff;
}
.wallet-common-address-card{
    margin-top: .08rem;
    padding: .1rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
}
.wallet-common-address-card span{
    display: block;
    color: #8f9ac2;
    font-size: .095rem;
    line-height: .15rem;
}
.wallet-common-address-card strong{
    display: block;
    margin-top: .04rem;
    color: #FFFFFF;
    font-size: .105rem;
    font-weight: normal;
    line-height: .16rem;
    word-break: break-all;
}
.wallet-common-address-card strong.has-address{
    color: #22c7ff;
}
.wallet-common-address-actions{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .07rem;
    margin-top: .1rem;
}
.wallet-common-address-actions .deposit-primary,
.wallet-common-address-actions .deposit-secondary{
    width: 100%;
}
.wallet-common-address-actions .wallet-address-delete{
    color: #ff7184;
    border-color: #58304b;
}
.wallet-common-address-actions button:disabled{
    opacity: .5;
}
.deposit-quick-amounts{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .06rem;
    margin-top: .08rem;
}
.deposit-quick-amounts button{
    height: .3rem;
    border: 1px solid #17409a;
    border-radius: .055rem;
    background: linear-gradient(#005efb,#003ccf);
    color: #FFFFFF;
    font-size: .11rem;
    outline: none;
}
.deposit-error{
    min-height: .2rem;
    color: #ff5264;
    font-size: .095rem;
    line-height: .2rem;
}
.deposit-primary,
.deposit-secondary{
    height: .38rem;
    border-radius: .06rem;
    border: 1px solid #17409a;
    outline: none;
    color: #FFFFFF;
    font-size: .12rem;
}
.deposit-primary{
    width: 100%;
    background: linear-gradient(#0065ff,#0042d8);
}
.deposit-primary:disabled{
    opacity: .62;
}
.deposit-secondary{
    background: linear-gradient(#001d46,#02142c);
}
.deposit-order-top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: .32rem;
    padding: 0 .1rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    color: #8f9ac2;
    font-size: .1rem;
}
.deposit-order-top span,
.deposit-order-top em{
    color: #22c7ff;
    font-style: normal;
    font-size: .12rem;
}
.deposit-qr-box{
    width: 1.56rem;
    height: 1.56rem;
    margin: .12rem auto;
    border-radius: .06rem;
    border: 1px solid #1e3479;
    background: #FFFFFF;
    padding: .08rem;
}
.deposit-qr-box img{
    display: block;
    width: 100%;
    height: 100%;
}
.deposit-pay-amount{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: .06rem;
    align-items: center;
    padding: .1rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
}
.deposit-pay-amount span{
    grid-column: 1 / -1;
    color: #8f9ac2;
    font-size: .095rem;
}
.deposit-pay-amount strong{
    min-width: 0;
    color: #22c7ff;
    font-size: .18rem;
    font-weight: normal;
}
.deposit-pay-amount button,
.deposit-address-row button{
    height: .26rem;
    min-width: .46rem;
    border-radius: .05rem;
    border: 1px solid #17409a;
    background: linear-gradient(#005efb,#003ccf);
    color: #FFFFFF;
    font-size: .095rem;
    outline: none;
}
.deposit-pay-amount p{
    grid-column: 1 / -1;
    color: #ffb84d;
    font-size: .09rem;
    line-height: .14rem;
    margin-top: -.02rem;
}
.deposit-info-list{
    margin-top: .08rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
}
.deposit-info-list > div{
    display: flex;
    align-items: center;
    gap: .08rem;
    min-height: .34rem;
    padding: .06rem .08rem;
    border-bottom: 1px solid #142a68;
}
.deposit-info-list > div:last-child{
    border-bottom: none;
}
.deposit-info-list span{
    flex: 0 0 .58rem;
    color: #8f9ac2;
    font-size: .095rem;
}
.deposit-info-list strong{
    flex: 1;
    min-width: 0;
    color: #FFFFFF;
    font-size: .1rem;
    font-weight: normal;
    word-break: break-all;
}
.deposit-address-row button{
    flex: 0 0 auto;
}
.deposit-actions{
    display: grid;
    grid-template-columns: .85rem 1fr;
    gap: .08rem;
    margin-top: .1rem;
}
.wallet-record-list{
    max-height: 2.45rem;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    padding-right: .02rem;
}
.wallet-record-item{
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    padding: .085rem .09rem;
    margin-bottom: .075rem;
}
.wallet-record-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .08rem;
}
.wallet-record-main strong{
    min-width: 0;
    color: #FFFFFF;
    font-size: .12rem;
    font-weight: normal;
}
.wallet-record-main em{
    flex: 0 0 auto;
    font-style: normal;
    font-size: .09rem;
}
.wallet-record-main em.is-success{
    color: #72d44b;
}
.wallet-record-main em.is-pending{
    color: #22c7ff;
}
.wallet-record-main em.is-fail{
    color: #ff5264;
}
.wallet-record-item p{
    color: #8f9ac2;
    font-size: .09rem;
    line-height: .15rem;
    margin-top: .035rem;
    word-break: break-all;
}
.wallet-record-empty{
    min-height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    color: #8f9ac2;
    font-size: .1rem;
}
.wallet-record-back{
    width: 100%;
    margin-top: .1rem;
}
html.tg-compact .deposit-dialog{
    padding: .13rem .11rem .11rem;
}
html.tg-compact .deposit-qr-box{
    width: 1.38rem;
    height: 1.38rem;
    margin: .09rem auto;
}
html.tg-compact .deposit-dialog h3{
    margin-bottom: .09rem;
}
html.tg-compact .deposit-currency-tabs button,
html.tg-compact .deposit-primary,
html.tg-compact .deposit-secondary{
    height: .34rem;
}
html.tg-compact .deposit-amount-box{
    height: .36rem;
}
html.tg-compact .wallet-record-list{
    max-height: 2.05rem;
}


.rules-modal-mask{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.72);
    padding: calc(var(--safe-top, 0px) + .08rem) .12rem calc(var(--safe-bottom, 0px) + .12rem);
}
.rules-modal{
    position: relative;
    width: min(3.75rem, 94vw);
    max-height: calc(var(--app-height, 100vh) - var(--safe-top, 0px) - var(--safe-bottom, 0px) - .24rem);
    border-radius: .08rem;
    border: 1px solid #1b57c8;
    background: #ffffff;
    box-shadow: 0 .1rem .35rem rgba(0,0,0,.55);
    overflow: hidden;
}
.rules-close{
    position: absolute;
    right: .08rem;
    top: .08rem;
    z-index: 2;
    width: .3rem;
    height: .3rem;
    border: none;
    border-radius: 50%;
    color: #ffffff;
    background: rgba(0,42,122,.8);
    font-size: .22rem;
    line-height: .3rem;
    text-align: center;
    outline: none;
}
.rules-image-wrap{
    max-height: inherit;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    background: #ffffff;
}
.rules-image-wrap img{
    display: block;
    width: 100%;
    height: auto;
}
html.tg-short .rules-modal{
    width: min(3.35rem, 94vw);
}

/* === New HTML + old API integration overrides === */
.b_1 a{
    display:block;
    color:#fff;
    height:100%;
}
#payout-address-box .payout-address-card{
    width:100%;
    min-height:0;
    height:.32rem;
    display:block;
    background:none;
    border:0;
    box-shadow:none;
    padding:0 .22rem 0 0;
    color:#fff;
}
#payout-address-box .payout-address-card:active{
    transform:none;
}
#payout-address-box .payout-address-card img{
    display:block;
    float:left;
    width:.15rem;
    height:auto;
    margin:.075rem .06rem 0 .1rem;
}
#payout-address-box .payout-address-card strong{
    display:inline;
    margin:0;
    color:#fff;
    font-size:.1rem;
    font-weight:normal;
    line-height:.32rem;
}
#payout-address-box .payout-address-card span{
    display:inline-block;
    max-width:62%;
    margin-left:.05rem;
    color:#afafaf;
    font-size:.09rem;
    line-height:.32rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    vertical-align:top;
}
#payout-address-box .payout-address-card .payout-address-arrow{
    display:none;
}
.d_1{
    max-height:var(--records-height, 2rem);
    overflow:auto;
}
.d_1 table tbody tr td{
    word-break:break-word;
}
.d_1 table td.record-pending,
.d_1 table td.hxz span.record-pending{
    color:#f6b84b;
}
.d_1 table td.hxz span.hash-link{
    cursor:pointer;
}
.d_1 table td.jj.bonus-loss,
.d_1 table td.jj.bonus-loss *{
    color:#ff5f7c;
}
.d_1 table td.jj.bonus-win,
.d_1 table td.jj.bonus-win *{
    color:#7fdb2d;
}
.d_1 table td.jj.bonus-pending,
.d_1 table td.jj.bonus-pending *{
    color:#f6b84b;
}
.f_1 .select-wrapper.currency-trx:before{
    background-image:url("../img/18.png");
}
.f_lf_2 ul{
    justify-content:flex-start;
    gap:.07rem;
}
.f_lf_2 ul li.empty{
    opacity:.45;
    background:none;
    border:1px solid #0f3ac2;
}
#clear-selected-digits,
#clear-bet-amount,
#submit-bet,
#refresh-page,
#refresh-top,
#close-miniapp{
    cursor:pointer;
}
#submit-bet.is-waiting,
#submit-bet.is-submitting{
    filter:saturate(.75);
    opacity:.82;
}
.shuaxin a.is-loading,
#refresh-page.is-loading{
    animation:refreshSpin .85s linear infinite;
}
@keyframes refreshSpin{
    to{transform:rotate(360deg);}
}
.f_rt li .txt h3,
.f_rt li .txt h3 span{
    white-space:nowrap;
}


/* === Telegram MiniApp adaptive layout (ported for 1_update page1) === */
:root{
    --app-height: 100vh;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --records-height: 1.25rem;
}
html.page-home-root,
html:has(.page-home){
    height:100%;
    overflow:hidden;
    overscroll-behavior:none;
}
.page-home{
    height:var(--app-height, 100vh);
    min-height:var(--app-height, 100vh);
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:none;
    touch-action:pan-y;
    -webkit-overflow-scrolling:touch;
    padding-bottom:calc(.58rem + var(--safe-bottom, 0px));
    background:#010914;
}
.page-home .a_top{
    padding-top:calc(var(--safe-top, 0px) + .08rem);
    padding-bottom:.045rem;
}
.page-home .a_4,
.page-home .a_2{
    min-height:.22rem;
}
.page-home .a_5{
    margin-top:.045rem;
    overflow:hidden;
}
.page-home .a_5 li span{
    display:inline-block;
    max-width:.82rem;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    vertical-align:top;
}
.page-home .d_1{
    height:var(--records-height, 1.25rem);
    min-height:.72rem;
    max-height:2.8rem;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
}
html.tg-roomy .page-home .d_1{
    max-height:3rem;
}
.page-home .bg_1{
    margin-top:.05rem;
}
.page-home .e_1{
    overflow:hidden;
}
.page-home .e_1 ul{
    padding-right:.36rem;
}
.page-home .jyhx{
    float:none;
    display:flex;
    align-items:flex-start;
    margin-right:0;
    word-break:break-all;
}
.page-home .jyhx span{
    flex:1;
    min-width:0;
}
.page-home .e_2{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:.035rem .02rem;
}
.page-home .e_2 span{
    float:none;
    margin-right:0;
    white-space:nowrap;
}
.page-home .f_8{
    margin-top:.075rem;
}
.page-home .bot_bg{
    height:.18rem;
    margin-top:.04rem;
}
.page-home .bottom{
    bottom:var(--safe-bottom, 0px);
}
@media only screen and (min-width:410px){
    html.tg-short,
    html.tg-compact{
        font-size:700%!important;
    }
}
html.tg-short .page-home{
    padding-bottom:calc(.52rem + var(--safe-bottom, 0px));
}
html.tg-compact .page-home .a_top{
    padding-top:calc(var(--safe-top, 0px) + .045rem);
    padding-bottom:.02rem;
    row-gap:.02rem;
}
html.tg-compact .page-home .a_1,
html.tg-compact .page-home .a_3 a{
    height:.22rem;
    line-height:.21rem;
}
html.tg-compact .page-home .a_4,
html.tg-compact .page-home .a_2{
    font-size:.09rem;
    line-height:.22rem;
}
html.tg-compact .page-home .a_2 span{
    font-size:.095rem;
    margin-right:.035rem;
}
html.tg-compact .page-home .a_5{
    margin-top:.025rem;
}
html.tg-compact .page-home .a_5 li{
    font-size:.085rem;
    line-height:.145rem;
    margin-right:.13rem;
}
html.tg-compact .page-home .a_5 li img{
    width:.145rem;
}
html.tg-compact .page-home .b_1,
html.tg-compact .page-home .c_1{
    height:.275rem;
    line-height:.275rem;
    margin-top:.04rem;
    font-size:.09rem;
}
html.tg-compact .page-home .b_1 img,
html.tg-compact .page-home .c_1 img,
html.tg-compact .page-home #payout-address-box .payout-address-card img{
    width:.135rem;
    margin-top:.068rem;
}
html.tg-compact .page-home .b_1 span,
html.tg-compact .page-home .c_1 span,
html.tg-compact .page-home #payout-address-box .payout-address-card span{
    font-size:.078rem;
    line-height:.275rem;
}
html.tg-compact .page-home #payout-address-box .payout-address-card,
html.tg-compact .page-home #payout-address-box .payout-address-card strong{
    height:.275rem;
    line-height:.275rem;
    font-size:.09rem;
}
html.tg-compact .page-home .bg_1{
    padding:.035rem .04rem .06rem;
    margin-top:.045rem;
}
html.tg-compact .page-home .d_1{
    min-height:.62rem;
}
html.tg-compact .page-home .d_1 table th{
    font-size:.072rem;
    padding:.018rem 0;
}
html.tg-compact .page-home .d_1 table th img{
    width:.08rem;
    margin-right:.015rem;
}
html.tg-compact .page-home .d_1 table td{
    height:.19rem;
    font-size:.072rem;
}
html.tg-compact .page-home .e_1{
    margin-top:.04rem;
}
html.tg-compact .page-home .e_1 ul li,
html.tg-compact .page-home .jyhx,
html.tg-compact .page-home .e_2 span{
    font-size:.076rem;
    line-height:.1rem;
    margin-top:.04rem;
}
html.tg-compact .page-home .shuaxin a{
    width:.24rem;
    height:.24rem;
    background-size:.12rem;
}
html.tg-compact .page-home .f_1{
    margin-top:.045rem;
}
html.tg-compact .page-home .f_lf{
    padding:.035rem;
}
html.tg-compact .page-home .f_lf_1,
html.tg-compact .page-home .f_1 .select-wrapper,
html.tg-compact .page-home .f_1 .f_4{
    height:.31rem!important;
}
html.tg-compact .page-home .f_lf_1 img,
html.tg-compact .page-home .f_1 .select-wrapper:before{
    width:.145rem;
    height:.145rem;
    top:.082rem;
}
html.tg-compact .page-home .f_1 .f_4,
html.tg-compact .page-home .f_1 .select-button{
    font-size:.095rem;
    padding-left:.23rem;
}
html.tg-compact .page-home .f_1 .select-down{
    top:.125rem!important;
}
html.tg-compact .page-home .f_6 .demo--label{
    margin-top:.035rem;
}
html.tg-compact .page-home .demo--radioInput{
    height:.285rem;
    line-height:.285rem;
    font-size:.105rem;
}
html.tg-compact .page-home .f_lf_2{
    margin-top:.04rem;
    padding:.045rem;
}
html.tg-compact .page-home .f_lf_2 p,
html.tg-compact .page-home .f_lf_2 .qk{
    font-size:.078rem;
    line-height:.085rem;
}
html.tg-compact .page-home .f_lf_2 ul li{
    width:.245rem;
    height:.245rem;
    line-height:.245rem;
    font-size:.12rem;
    margin-top:.045rem;
}
html.tg-compact .page-home .f_rt{
    padding:.025rem .035rem;
}
html.tg-compact .page-home .f_rt li{
    height:.385rem;
    padding:.035rem;
    margin-top:.025rem;
}
html.tg-compact .page-home .f_rt li .img{
    width:.22rem;
}
html.tg-compact .page-home .f_rt li .txt{
    width:calc(100% - .25rem);
    font-size:.075rem;
}
html.tg-compact .page-home .f_rt li .txt h3{
    font-size:.095rem;
}
html.tg-compact .page-home .f_rt li .txt h3 span,
html.tg-compact .page-home .f_rt li .txt h3 i{
    font-size:.072rem;
}
html.tg-compact .page-home .f_8{
    margin-top:.055rem;
}
html.tg-compact .page-home .f_9,
html.tg-compact .page-home .f_10,
html.tg-compact .page-home .f_11{
    height:.34rem;
    line-height:.34rem;
    font-size:.088rem;
}
html.tg-compact .page-home .f_10{
    padding-top:.035rem;
    line-height:.13rem;
}
html.tg-compact .page-home .f_10 span{
    font-size:.075rem;
}
html.tg-compact .page-home .f_9 img{
    width:.13rem;
}
html.tg-compact .page-home .f_11 img{
    width:.15rem;
}
html.tg-short .page-home .bottom,
html.tg-short .page-home .bottom li{
    height:.48rem;
    border-radius:.24rem;
}
html.tg-short .page-home .bottom li a{
    font-size:.085rem;
    padding-top:.055rem;
}
html.tg-short .page-home .bottom li a i{
    width:.18rem;
    height:.18rem;
    margin-bottom:.025rem;
}
html.tg-short .page-home .bot_bg{
    height:.12rem;
}

/* === Forced fit mode for the upgraded template === */
html.tg-fit .page-home{
    padding-bottom:calc(.52rem + var(--safe-bottom, 0px));
}
html.tg-fit .page-home .a_top{
    padding-top:calc(var(--safe-top, 0px) + .045rem);
    padding-bottom:.018rem;
    row-gap:.015rem;
}
html.tg-fit .page-home .a_1,
html.tg-fit .page-home .a_3 a{
    height:.215rem;
    line-height:.205rem;
    font-size:.082rem;
}
html.tg-fit .page-home .a_1 img{
    width:.07rem;
}
html.tg-fit .page-home .a_4,
html.tg-fit .page-home .a_2{
    font-size:.085rem;
    line-height:.215rem;
    min-height:.215rem;
}
html.tg-fit .page-home .a_2 span{
    font-size:.09rem;
    margin-right:.03rem;
}
html.tg-fit .page-home .a_5{
    margin-top:.018rem;
}
html.tg-fit .page-home .a_5 li{
    font-size:.08rem;
    line-height:.135rem;
    margin-right:.1rem;
}
html.tg-fit .page-home .a_5 li img{
    width:.135rem;
}
html.tg-fit .page-home .a_5 li span{
    margin-left:.035rem;
    max-width:.72rem;
}
html.tg-fit .page-home .b_1,
html.tg-fit .page-home .c_1{
    height:.255rem;
    line-height:.255rem;
    margin-top:.03rem;
    font-size:.084rem;
}
html.tg-fit .page-home .b_1 img,
html.tg-fit .page-home .c_1 img,
html.tg-fit .page-home #payout-address-box .payout-address-card img{
    width:.125rem;
    margin:.064rem .045rem 0 .075rem;
}
html.tg-fit .page-home .b_1 span,
html.tg-fit .page-home .c_1 span,
html.tg-fit .page-home #payout-address-box .payout-address-card span{
    font-size:.072rem;
    line-height:.255rem;
}
html.tg-fit .page-home #payout-address-box .payout-address-card,
html.tg-fit .page-home #payout-address-box .payout-address-card strong{
    height:.255rem;
    line-height:.255rem;
    font-size:.084rem;
}
html.tg-fit .page-home .bg_1{
    padding:.028rem .035rem .05rem;
    margin-top:.035rem;
}
html.tg-fit .page-home .d_1{
    min-height:.48rem;
    height:var(--records-height, .72rem);
}
html.tg-fit .page-home .d_1 table th{
    font-size:.065rem;
    padding:.012rem 0;
}
html.tg-fit .page-home .d_1 table th img{
    width:.07rem;
    margin-right:.01rem;
}
html.tg-fit .page-home .d_1 table td{
    height:.17rem;
    font-size:.065rem;
}
html.tg-fit .page-home .e_1{
    margin-top:.03rem;
}
html.tg-fit .page-home .e_1 ul{
    padding-right:.31rem;
}
html.tg-fit .page-home .e_1 ul li,
html.tg-fit .page-home .jyhx,
html.tg-fit .page-home .e_2 span{
    font-size:.07rem;
    line-height:.09rem;
    margin-top:.032rem;
}
html.tg-fit .page-home .e_1 ul li img,
html.tg-fit .page-home .jyhx img,
html.tg-fit .page-home .e_2 span img{
    width:.085rem;
    margin-right:.025rem;
}
html.tg-fit .page-home .shuaxin{
    right:.06rem;
    top:.02rem;
}
html.tg-fit .page-home .shuaxin a{
    width:.215rem;
    height:.215rem;
    background-size:.105rem;
}
html.tg-fit .page-home .f_1{
    margin-top:.035rem;
}
html.tg-fit .page-home .f_lf{
    padding:.03rem;
}
html.tg-fit .page-home .f_lf_1,
html.tg-fit .page-home .f_1 .select-wrapper,
html.tg-fit .page-home .f_1 .f_4{
    height:.285rem!important;
}
html.tg-fit .page-home .f_lf_1 img,
html.tg-fit .page-home .f_1 .select-wrapper:before{
    width:.13rem;
    height:.13rem;
    top:.078rem;
}
html.tg-fit .page-home .f_1 .f_4,
html.tg-fit .page-home .f_1 .select-button{
    font-size:.088rem;
    padding-left:.205rem;
}
html.tg-fit .page-home .f_1 .select-down{
    top:.115rem!important;
}
html.tg-fit .page-home .f_6 .demo--label{
    margin-top:.03rem;
}
html.tg-fit .page-home .demo--radioInput{
    height:.255rem;
    line-height:.255rem;
    font-size:.095rem;
}
html.tg-fit .page-home .f_lf_2{
    margin-top:.032rem;
    padding:.035rem;
}
html.tg-fit .page-home .f_lf_2 p,
html.tg-fit .page-home .f_lf_2 .qk{
    font-size:.07rem;
    line-height:.078rem;
}
html.tg-fit .page-home .f_lf_2 .qk img{
    width:.075rem;
}
html.tg-fit .page-home .f_lf_2 ul{
    gap:.04rem;
}
html.tg-fit .page-home .f_lf_2 ul li{
    width:.22rem;
    height:.22rem;
    line-height:.22rem;
    font-size:.105rem;
    margin-top:.035rem;
}
html.tg-fit .page-home .f_rt{
    padding:.02rem .03rem;
}
html.tg-fit .page-home .f_rt li{
    height:.345rem;
    padding:.028rem;
    margin-top:.02rem;
}
html.tg-fit .page-home .f_rt li .img{
    width:.19rem;
}
html.tg-fit .page-home .f_rt li .txt{
    width:calc(100% - .22rem);
    font-size:.067rem;
}
html.tg-fit .page-home .f_rt li .txt h3{
    font-size:.086rem;
}
html.tg-fit .page-home .f_rt li .txt h3 span,
html.tg-fit .page-home .f_rt li .txt h3 i{
    font-size:.064rem;
}
html.tg-fit .page-home .f_8{
    margin-top:.045rem;
}
html.tg-fit .page-home .f_9,
html.tg-fit .page-home .f_10,
html.tg-fit .page-home .f_11{
    height:.31rem;
    line-height:.31rem;
    font-size:.08rem;
}
html.tg-fit .page-home .f_10{
    padding-top:.03rem;
    line-height:.115rem;
}
html.tg-fit .page-home .f_10 span{
    font-size:.068rem;
}
html.tg-fit .page-home .f_9 img{
    width:.115rem;
}
html.tg-fit .page-home .f_11 img{
    width:.13rem;
}
html.tg-ultra .page-home .bot_bg{
    height:.08rem;
}
html.tg-ultra .page-home .bottom,
html.tg-ultra .page-home .bottom li{
    height:.44rem;
    border-radius:.22rem;
}
html.tg-ultra .page-home .bottom li a{
    font-size:.078rem;
    padding-top:.048rem;
}
html.tg-ultra .page-home .bottom li a i{
    width:.165rem;
    height:.165rem;
    margin-bottom:.02rem;
}

/* === Telegram MiniApp native header alignment v2: center info only, reserve native controls === */
html.page-home-root .page-home .a_1,
html.page-home-root .page-home .a_3,
html.tg-webapp .page-home .a_1,
html.tg-webapp .page-home .a_3{
    display:none!important;
}
html.page-home-root .page-home .a_top{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.07rem!important;
    /* Telegram SDK 延迟加载时也预留原生顶部工具栏，避免状态栏和关闭按钮压住内容。 */
    padding-top:max(calc(var(--safe-top, 86px) - 36px), 50px)!important;
    padding-bottom:.055rem!important;
    padding-left:0!important;
    padding-right:0!important;
}
html.tg-webapp .page-home .a_top,
html.tg-webapp.tg-compact .page-home .a_top,
html.tg-webapp.tg-fit .page-home .a_top,
html.tg-webapp.tg-ultra .page-home .a_top{
    padding-top:clamp(38px, 10.5vw, 46px)!important;
    padding-left:clamp(.84rem, 21vw, 1.2rem)!important;
    padding-right:clamp(.78rem, 20vw, 1.12rem)!important;
}
html.page-home-root .page-home .a_4,
html.tg-webapp .page-home .a_4{
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    color:#8b8ebd!important;
    font-size:.1rem!important;
    line-height:.24rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
}
html.page-home-root .page-home .a_4 span,
html.tg-webapp .page-home .a_4 span{
    color:#8b8ebd!important;
}
html.page-home-root .page-home .a_4 a,
html.tg-webapp .page-home .a_4 a{
    display:inline-block!important;
    width:.105rem!important;
    margin-left:.035rem!important;
    vertical-align:-.01rem!important;
}
html.page-home-root .page-home .a_4 a img,
html.tg-webapp .page-home .a_4 a img{
    display:block!important;
    width:100%!important;
}
html.page-home-root .page-home .a_2,
html.tg-webapp .page-home .a_2{
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:.1rem!important;
    line-height:.24rem!important;
    white-space:nowrap!important;
}
html.page-home-root .page-home .a_2 span,
html.tg-webapp .page-home .a_2 span{
    font-size:.105rem!important;
    margin-right:.025rem!important;
}
html.tg-fit .page-home .a_top,
html.tg-compact .page-home .a_top{
    gap:.045rem!important;
    padding-left:clamp(.78rem, 20.5vw, 1.1rem)!important;
    padding-right:clamp(.72rem, 19.5vw, 1.04rem)!important;
}
html.tg-fit .page-home .a_4,
html.tg-fit .page-home .a_2,
html.tg-compact .page-home .a_4,
html.tg-compact .page-home .a_2{
    font-size:.086rem!important;
    line-height:.22rem!important;
}
html.tg-fit .page-home .a_2 span,
html.tg-compact .page-home .a_2 span{
    font-size:.09rem!important;
}
html.tg-ultra .page-home .a_top{
    gap:.035rem!important;
    padding-left:clamp(.72rem, 20vw, 1rem)!important;
    padding-right:clamp(.68rem, 19vw, .96rem)!important;
}
html.tg-ultra .page-home .a_4,
html.tg-ultra .page-home .a_2{
    font-size:.08rem!important;
    line-height:.205rem!important;
}
html.tg-ultra .page-home .a_2 span{
    font-size:.085rem!important;
}