.a_top{
    padding: .12rem 0 .08rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "id result"
        "balances balances";
    align-items: center;
    row-gap: .03rem;
}
.a_id{
    grid-area: id;
    display: flex;
    align-items: center;
    min-width: 0;
    color: #8d9dcc;
    font-size: .13rem;
    line-height: .2rem;
}
.a_id span{
    color: #8d9dcc;
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.a_id .copy-id{
    display: block;
    position: relative;
    width: .13rem;
    height: .13rem;
    flex-shrink: 0;
    margin-left: .06rem;
    background: none;
}
.a_id .copy-id:before,
.a_id .copy-id:after{
    content: "";
    position: absolute;
    display: block;
    width: .082rem;
    height: .092rem;
    border: 1px solid #8d9dcc;
    border-radius: .015rem;
}
.a_id .copy-id:before{
    left: .035rem;
    top: .01rem;
}
.a_id .copy-id:after{
    left: 0;
    top: .035rem;
    background: #000f24;
}
.a_balances{
    grid-area: balances;
    display: flex;
    align-items: center;
    gap: .12rem;
    color: #8691b5;
    font-size: .11rem;
    line-height: .18rem;
    white-space: nowrap;
}
.a_balances div{
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: .18rem;
}
.a_balances img{
    display: block;
    width: .17rem;
    height: .17rem;
    margin-right: .045rem;
    flex-shrink: 0;
}
.a_balances span{
    color: #FFFFFF;
    text-align: left;
    font-weight: normal;
    margin-right: .04rem;
}
.a_balances i{
    font-style: normal;
    text-align: left;
    color: #FFFFFF;
}
.a_2{
    grid-area: result;
    color: #FFFFFF;
    font-size: .11rem;
    line-height: .2rem;
    text-align: right;
    justify-self: end;
    align-self: center;
    white-space: nowrap;
}
.a_2 b{
    font-size: .135rem;
    font-weight: bold;
    background: linear-gradient(#3ed4d7, #0066e6);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    margin-right: .06rem;
}
.b_1 > a{
    display: block;
    width: 100%;
    border-radius: .06rem;
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    color: #FFFFFF;
    line-height: .3rem;
    font-size: .1rem;
    position: relative;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
}
.b_1 > a: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 > a img{
    display: block;
    float: left;
    width: .15rem;
    margin: .07rem .06rem 0 .1rem;
}
.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%;
    right: .1rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    pointer-events: none;
}
.c_1{
    border-radius: .06rem;
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    margin-top: .05rem;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: .1rem;
    min-height: .34rem;
    line-height: .16rem;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
    padding: .06rem .28rem .06rem .1rem;
    position: relative;
}
.c_1 img{
    display: block;
    width: .16rem;
    flex-shrink: 0;
    margin-right: .05rem;
}
.c_1 span{
    display: block;
    flex: 1;
    min-width: 0;
    margin-left: .05rem;
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
    color: #FFFFFF;
    font-size: .085rem;
    line-height: .13rem;
}
.c_1 a{
    display: block;
    position: absolute;
    width: .14rem;
    height: .14rem;
    background-image: url("../img/05.png");
    background-size: 100% 100%;
    right: .08rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.d_1{
    margin-top: .06rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    background: #000f1f;
    overflow: auto;
    height: 1.45rem;
    padding: 0 .05rem .05rem .05rem;
}
.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: #7985b9;
    font-weight: normal;
    border-bottom: 1px solid #1e3479;
    padding: .03rem 0;
    background: #000f1f;
}
/*.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 #1e3479;
    padding: 0 .02rem;
}
.d_1 table td.jj{
    color: #b5d150;
}
.d_1 table td.jj.bonus-win{
    color: #72d44b;
}
.d_1 table td.jj.bonus-loss{
    color: #ff5264;
}
.d_1 table td.jj.bonus-pending{
    color: #8b96bb;
}
.d_1 table td.hxz span{
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: .76rem;
    cursor: pointer;
    color: #005efb;
}
.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;
    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;
}
.e_1 ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-right: .42rem;
    gap: .16rem;
}
.e_1 ul li{
    float: none;
    width: auto;
    margin-right: 0;
    white-space: nowrap;
    flex-shrink: 0;
}
.e_1 ul li:first-child{
    min-width: 1.36rem;
}
.e_1 ul li:nth-child(2){
    margin-left: auto;
}
.e_1 ul .clear{
    display: none;
}
.jyhx{
    display: flex;
    align-items: flex-start;
    color: #7985b9;
    font-size: .09rem;
    line-height: .12rem;
    margin-top: .08rem;
    width: 100%;
}
.jyhx img{
    display: block;
    width: .1rem;
    margin-right: .04rem;
    flex-shrink: 0;
}
.jyhx em{
    display: block;
    width: .52rem;
    flex-shrink: 0;
    font-style: normal;
    color: #7985b9;
}
.jyhx span{
    color: #FFFFFF;
    display: block;
    flex: 1;
    min-width: 0;
    margin-left: .005rem;
    word-break: break-all;
}
.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 i{
    margin-right: .02rem;
}
.e_2 span:nth-last-child(2){
    border-right: none;
}
.f_1 form{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #000f1f;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    padding: .04rem;
}
.f_1 form .f_4{
    width: 34%;
    height: .3rem;
    background-color: #000f1f;
    background-image: url("../img/01.png");
    background-repeat: no-repeat;
    background-position: left.03rem center;
    background-size: .19rem;
    padding-left: .28rem;
    outline: none;
    color: #FFFFFF;
    font-size: .11rem;
    border: 1px solid #1e3479;
    border-radius: .06rem;
}
.f_1 form .amount-picker{
    position: relative;
    width: 34%;
    height: .3rem;
    z-index: 4;
}
.f_1 form .amount-picker .f_4{
    width: 100%;
    padding-right: .24rem;
}
.amount-picker-toggle{
    position: absolute;
    top: 1px;
    right: 1px;
    width: .23rem;
    height: calc(100% - 2px);
    border: 0;
    border-left: 1px solid #1e3479;
    border-radius: 0 .055rem .055rem 0;
    background: #001a35;
    cursor: pointer;
}
.amount-keyboard-done{
    display: none;
    position: absolute;
    top: 1px;
    right: 1px;
    width: .38rem;
    height: calc(100% - 2px);
    border: 0;
    border-left: 1px solid #1e3479;
    border-radius: 0 .055rem .055rem 0;
    background: #064aa9;
    color: #fff;
    font-size: .08rem;
    line-height: 1;
}
.amount-picker.has-keyboard .amount-picker-toggle{
    display: none;
}
.amount-picker.has-keyboard .amount-keyboard-done{
    display: block;
}
.amount-picker.has-keyboard .f_4{
    padding-right: .4rem;
}
.amount-picker-toggle::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 48%;
    width: .07rem;
    height: .04rem;
    background: url("../img/11.png") center/100% 100% no-repeat;
    transform: translate(-50%, -50%);
    transition: transform .15s ease;
}
.amount-picker.is-open .amount-picker-toggle::after{
    transform: translate(-50%, -50%) rotate(180deg);
}
.amount-picker-menu{
    display: none;
    position: absolute;
    top: calc(100% + .025rem);
    left: 0;
    right: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    padding: .025rem;
    border: 1px solid #1e3479;
    border-radius: .045rem;
    background: #001326;
    box-shadow: 0 .05rem .16rem rgba(0,0,0,.48);
    z-index: 20;
}
.amount-picker.is-open .amount-picker-menu{
    display: grid;
}
.amount-picker-menu button{
    height: .27rem;
    border: 0;
    border-radius: .025rem;
    background: #05265b;
    color: #fff;
    font-size: .095rem;
}
.amount-picker-menu button:active{
    background: #0758d5;
}
.f_1 form .f_4.currency-trx{
    background-image: url("../img/18.png");
}
.f_1 form .select-wrapper{
    width: 30%!important;
    height: .3rem!important;
    position: relative;
    background-color: #000f1f;
    background-image: url("../img/01.png");
    background-repeat: no-repeat;
    background-position: left.03rem center;
    background-size: .19rem;
    border-radius: .06rem;
    border: 1px solid #1e3479;
    z-index: 2!important;
}
.f_1 form .select-wrapper.currency-trx{
    background-image: url("../img/18.png");
}
.f_1 form .select-button{
    width: 100%!important;
    height: 100%!important;
    border: 0;
    background: none;
    text-align: left;
    outline: none;
    color: #FFFFFF;
    font-size: .11rem;
    padding-left: .28rem;
}
.f_1 form .select-down{
    position: absolute;
    top: .12rem!important;
    right: .04rem;
    height: .045rem;
    width: .08rem;
    background-image: url("../img/11.png");
    background-size: 100% 100%;
}  
.f_1 form .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: 42%;
    height:.4rem;
    margin-top: .06rem;
    background-color: #000f1f;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    color: #FFFFFF;
    line-height: .39rem;
    font-size: .11rem;
    padding-left: .08rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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: linear-gradient(#005efb,#003ccf);
	border-radius:.06rem;
	display:block;
    width: 100%;
	height:.26rem;
    text-align: center;
    color: #FFFFFF;
    line-height: .26rem;
    font-size: .12rem;
}
.demo--radio:checked + .demo--radioInput{
	background: linear-gradient(#389e7f,#237f63);
}
.f_6{
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .05rem;
}
.f_6 .demo--label{
	display:block;
    width: 8.4%;
}
.f_7{
    width: 56%;
    height:.4rem;
    background-color: #000f1f;
    border: 1px solid #1e3479;
    border-radius: .06rem;
    color: #FFFFFF;
    line-height: .39rem;
    font-size: .1rem;
    padding-left: .07rem;
    margin-top: .06rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.f_7 span{
    vertical-align: baseline;
}
.f_8{
    margin-top: .1rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_9{
    width: 18%;
    height: .52rem;
    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: .09rem;
    padding-top: .1rem;
}
.f_9 img{
    display: block;
    margin: 0 auto;
    width: .18rem;
    margin-bottom: .03rem;
}
.f_10{
    width: 49%;
    height: .52rem;
    border-radius: .06rem;
    background: linear-gradient(#005efb,#003ccf);
    text-align: center;
    color: #FFFFFF;
    font-size: .12rem;
    line-height: .52rem;
    cursor: pointer;
}
.f_10.is-submitting,
.f_10.is-waiting{
    background: linear-gradient(#16488f,#12366d);
    color: #c7d5ee;
    cursor: not-allowed;
}
.f_11{
    width: 29%;
    height: .52rem;
    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: .09rem;
    line-height: .52rem;
}
.f_11 img{
    display: inline-block;
    width: .20rem;
    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;
}
.bot_bg{
    margin-top: .15rem;
    width: 100%;
    height: .52rem;
}
.bottom{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:94%;
    height: .52rem;
    max-width: 750px;
    background: #001736;
    border-radius: .26rem;
    z-index: 9999;
}
.bottom li{
    float: left;
    width: 50%;
    text-align: center;
    height: .52rem;
    border-radius: .26rem;
}
.bottom li a{
    display: block;
    color: #9f9f9f;
    font-size: .1rem;
    padding-top: .08rem;
}
.bottom li a i{
    display: block;
    width: .21rem;
    height: .21rem;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: .04rem;
}
.bottom li a i.yx{
    background-image: url("../img/14.png");
}
.bottom li a i.wd{
    background-image: url("../img/16.png");
}
.bottom li.on{
    background: linear-gradient(#001d46,#02142c);
    border: 1px solid #163186;
    box-shadow:inset 0 0 .2rem rgba(0, 112, 255, .35);
}
.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/17.png");
}
.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;}
.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;
}
.tab_3 em{
    font-style: normal;
}
.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.empty-state{
    color: #7985b9;
    font-size: .1rem;
    text-align: center;
    line-height: .28rem;
}
.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;
}

:root{
    --app-height: 100vh;
    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --records-height: 1.45rem;
}
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(.62rem + var(--safe-bottom, 0px));
    background: #000f24;
}
.page-home .a_top{
    padding-top: calc(var(--safe-top, 0px) + .08rem);
    padding-bottom: .06rem;
}
.page-home .a_id,
.page-home .a_2{
    min-height: .2rem;
}
.page-home .a_balances{
    max-width: 100%;
    overflow: hidden;
}
.page-home .a_balances div{
    min-width: 0;
}
.page-home .a_balances span{
    max-width: .72rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-home .d_1{
    height: var(--records-height, 1.45rem);
    min-height: 1.08rem;
    max-height: 3.2rem;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}
html.tg-roomy .page-home .d_1{
    max-height: 3.5rem;
}
.page-home .e_1{
    overflow: hidden;
    position: relative;
    padding-right: .06rem;
}
.page-home .jyhx{
    display: flex;
    align-items: flex-start;
    float: none;
    margin-right: 0;
    word-break: break-all;
}
.page-home .e_2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .04rem .02rem;
}
.page-home .e_2 span{
    float: none;
    margin-right: 0;
    white-space: nowrap;
}
.page-home .detail-refresh{
    position: absolute;
    right: .075rem;
    top: .08rem;
    width: .31rem;
    height: .31rem;
    border: 1px solid #17409a;
    border-radius: .055rem;
    background:
        radial-gradient(circle at 35% 25%, rgba(45,170,255,.22), transparent 42%),
        linear-gradient(145deg, #003d93, #001a52);
    box-shadow: inset 0 0 .12rem rgba(0,112,255,.28), 0 .025rem .09rem rgba(0,0,0,.32);
    cursor: pointer;
    outline: none;
    padding: 0;
}
.page-home .detail-refresh .refresh-icon{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .19rem;
    height: .19rem;
    fill: #FFFFFF;
    stroke: none;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.page-home .detail-refresh:active{
    filter: brightness(1.15);
}
.page-home .detail-refresh.is-loading .refresh-icon{
    animation: detailRefreshSpin .7s linear infinite;
}
@keyframes detailRefreshSpin{
    from{
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to{
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.page-home .bot_bg{
    height: .24rem;
    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(.56rem + var(--safe-bottom, 0px));
}
html.tg-compact .page-home .a_top{
    padding-top: calc(var(--safe-top, 0px) + .05rem);
    padding-bottom: .025rem;
    row-gap: .02rem;
}
html.tg-compact .page-home .a_id{
    font-size: .115rem;
    line-height: .17rem;
}
html.tg-compact .page-home .a_id .copy-id{
    width: .11rem;
    height: .11rem;
    margin-left: .045rem;
}
html.tg-compact .page-home .a_balances{
    gap: .08rem;
    font-size: .095rem;
    line-height: .15rem;
}
html.tg-compact .page-home .a_balances div{
    height: .15rem;
}
html.tg-compact .page-home .a_balances img{
    width: .145rem;
    height: .145rem;
    margin-right: .035rem;
}
html.tg-compact .page-home .a_2{
    font-size: .1rem;
    line-height: .17rem;
}
html.tg-compact .page-home .a_2 b{
    font-size: .12rem;
}
html.tg-compact .page-home .b_1{
    margin-top: .02rem;
}
html.tg-compact .page-home .b_1 > a{
    line-height: .255rem;
    font-size: .09rem;
}
html.tg-compact .page-home .b_1 > a img{
    width: .135rem;
    margin-top: .055rem;
}
html.tg-compact .page-home .c_1,
html.tg-compact .page-home .payout-address-card{
    min-height: .275rem;
    padding-top: .04rem;
    padding-bottom: .04rem;
    margin-top: .04rem;
    font-size: .09rem;
}
html.tg-compact .page-home .c_1 img,
html.tg-compact .page-home .payout-address-card img{
    width: .14rem;
}
html.tg-compact .page-home .c_1 span,
html.tg-compact .page-home .payout-address-card span{
    font-size: .078rem;
    line-height: .11rem;
}
html.tg-compact .page-home .d_1{
    min-height: .92rem;
}
html.tg-compact .page-home .d_1 table th{
    font-size: .075rem;
    padding: .02rem 0;
}
html.tg-compact .page-home .d_1 table td{
    height: .205rem;
    font-size: .075rem;
}
html.tg-compact .page-home .e_1{
    margin-top: .05rem;
    padding: 0 .035rem .035rem .035rem;
}
html.tg-compact .page-home .e_1 ul{
    padding-right: .39rem;
    gap: .08rem;
}
html.tg-compact .page-home .e_1 ul li:first-child{
    min-width: 1.25rem;
}
html.tg-compact .page-home .detail-refresh{
    width: .28rem;
    height: .28rem;
}
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: .08rem;
    line-height: .105rem;
    margin-top: .045rem;
}
html.tg-compact .page-home .f_1 form{
    padding: .035rem;
}
html.tg-compact .page-home .f_1 form .f_4,
html.tg-compact .page-home .f_1 form .select-wrapper{
    height: .265rem!important;
    font-size: .1rem;
    background-size: .17rem;
    padding-left: .245rem;
}
html.tg-compact .page-home .f_1 form .amount-picker{
    height: .265rem;
}
html.tg-compact .page-home .f_1 form .select-down{
    top: .105rem!important;
}
html.tg-compact .page-home .f_1 form .select-button{
    font-size: .1rem;
    padding-left: .245rem;
}
html.tg-compact .page-home .demo--radioInput{
    height: .225rem;
    line-height: .225rem;
    font-size: .105rem;
}
html.tg-compact .page-home .f_6{
    margin-top: .04rem;
}
html.tg-compact .page-home .f_7,
html.tg-compact .page-home .f_12{
    height: .34rem;
    line-height: .33rem;
    margin-top: .045rem;
    font-size: .095rem;
}
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: .43rem;
}
html.tg-compact .page-home .f_9{
    padding-top: .06rem;
}
html.tg-compact .page-home .f_10,
html.tg-compact .page-home .f_11{
    line-height: .43rem;
}
html.tg-compact .page-home .f_9 img{
    width: .16rem;
    margin-bottom: .02rem;
}
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: .09rem;
    padding-top: .06rem;
}
html.tg-short .page-home .bottom li a i{
    width: .19rem;
    height: .19rem;
    margin-bottom: .03rem;
}
html.tg-short .page-home .bot_bg{
    height: .2rem;
}

html.page-account-root,
html:has(.page-account){
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
}
.page-account{
    height: var(--app-height, 100vh);
    min-height: var(--app-height, 100vh);
    overflow-x: hidden;
    overflow-y: hidden;
    overscroll-behavior: none;
    touch-action: pan-y;
    padding-bottom: 0;
    background: #000f24;
}
.page-account .tab{
    height: var(--account-panel-height, calc(var(--app-height, 100vh) - .6rem - var(--safe-bottom, 0px)));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    padding-top: calc(var(--safe-top, 0px) + .08rem);
    padding-bottom: .1rem;
}
.page-account .bottom{
    bottom: var(--safe-bottom, 0px);
}
.page-account .bot_bg{
    display: none;
}
.page-account .tab .zx_t{
    min-height: .26rem;
    padding-right: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.page-account .tab .zx_t::-webkit-scrollbar{
    display: none;
}
.page-account .tab_6{
    display: flex!important;
    align-items: center;
    min-width: 0;
    min-height: .4rem;
    padding: 0 .32rem 0 .08rem;
    line-height: .17rem;
    overflow: hidden;
    white-space: nowrap;
}
.page-account .tab_6 img{
    flex: 0 0 .18rem;
    float: none;
    width: .18rem;
    height: .18rem;
    margin: 0 .055rem 0 0;
}
.page-account .tab_6 .invite-label{
    flex: 0 0 auto;
    color: #FFFFFF;
    font-style: normal;
    font-size: .105rem;
    line-height: .17rem;
    white-space: nowrap;
}
.page-account .tab_6 span{
    flex: 1 1 auto;
    min-width: 0;
    color: #FFFFFF;
    font-size: .095rem;
    line-height: .17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-account .tab_6 a.copy{
    top: 50%;
    bottom: auto;
    right: .09rem;
    width: .13rem;
    height: .13rem;
    margin: 0;
    transform: translateY(-50%);
}
.page-account .tab_3 li .tab_4{
    width: 52%;
    padding-right: .04rem;
}
.page-account .tab_3 li .tab_5{
    width: 48%;
    padding-left: .04rem;
    white-space: nowrap;
}
.page-account .tab_3 li .tab_4 span,
.page-account .tab_3 li .tab_5 span{
    margin-left: .04rem;
}
.page-account .tab_8{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-account .tab_9 li{
    overflow: hidden;
}
.page-account .tab_10,
.page-account .tab_11{
    min-width: 0;
}
.page-account .tab_10 h3,
.page-account .tab_10 p,
.page-account .tab_11 td{
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-account .tab_10 p{
    white-space: nowrap;
}
.page-account.account-locked .account-gated{
    display: none!important;
}
.page-account .tab_2{
    margin-top: .14rem;
    padding: .145rem .02rem .12rem;
    border-color: #1b2d62;
    border-radius: .07rem;
    background: linear-gradient(180deg, rgba(1,20,43,.95), rgba(0,12,27,.96));
}
.page-account .tab_2 li{
    position: relative;
}
.page-account .tab_2 li:not(:last-child)::after{
    content: "";
    position: absolute;
    right: 0;
    top: .08rem;
    bottom: .08rem;
    width: 1px;
    background: #1b2d62;
}
.page-account .tab_2 li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .032rem;
    font-size: .115rem;
    line-height: .17rem;
}
.page-account .tab_2 li a i{
    width: .46rem;
    height: .46rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .02rem;
    background: radial-gradient(circle at 50% 42%, rgba(20,79,176,.18), rgba(0,10,28,.94) 68%);
    border-color: #1d356e;
    box-shadow: inset 0 0 .12rem rgba(43,113,255,.16), 0 .02rem .08rem rgba(0,0,0,.22);
}
.page-account .tab_2 li a i img{
    display: block;
    width: .39rem;
    height: .39rem;
    object-fit: contain;
    max-width: none;
    flex: 0 0 auto;
    image-rendering: auto;
    transform: translateZ(0);
}
.page-account #deposit-account i img{
    width: .405rem;
    height: .405rem;
}
.page-account #withdraw-account i img{
    width: .37rem;
    height: .37rem;
}
.page-account #refresh-account i img{
    width: .405rem;
    height: .405rem;
}
.page-account .tab_2 li a span{
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: .68rem;
    height: .25rem;
    margin-top: .006rem;
    padding: 0 .09rem;
    border-radius: .16rem;
    color: #FFFFFF;
    font-size: .108rem;
    font-weight: 700;
    letter-spacing: .003rem;
    box-shadow: inset 0 0 .08rem rgba(255,255,255,.08), 0 .02rem .08rem rgba(0,0,0,.22);
}
.page-account #deposit-account span{
    background: linear-gradient(135deg, #0365ff, #003c9d);
}
.page-account #withdraw-account span{
    background: linear-gradient(135deg, #129f83, #056448);
}
.page-account #refresh-account span{
    background: linear-gradient(135deg, #7a22b8, #2b0d7a);
}
.page-account #refresh-account.is-refreshing{
    pointer-events: none;
    opacity: .82;
}
.page-account #refresh-account.is-refreshing i img{
    animation: accountRefreshSpin .9s linear infinite;
}
@keyframes accountRefreshSpin{
    from{ transform: rotate(0deg); }
    to{ transform: rotate(360deg); }
}
.page-account .tab_2 li a em{
    color: #8f9ac2;
    font-style: normal;
    font-size: .085rem;
    line-height: .12rem;
}
.page-account .tab_3{
    display: flex;
    flex-direction: column;
    gap: .1rem;
    margin-top: .14rem;
    padding: 0;
    border: none;
    background: transparent;
}
.page-account .tab_3 li{
    display: flex;
    align-items: stretch;
    min-height: .96rem;
    border: 1px solid #1b2d62;
    border-radius: .07rem;
    background: linear-gradient(180deg, rgba(1,20,43,.95), rgba(0,12,27,.96));
    padding: .12rem .1rem;
}
.page-account .tab_3 li .tab_4,
.page-account .tab_3 li .tab_5{
    position: relative;
    width: 50%;
    float: none;
    border-right: none;
    padding: 0 0 0 .42rem;
    color: #FFFFFF;
    font-size: .12rem;
    line-height: .16rem;
}
.page-account .tab_3 li .tab_4{
    border-right: 1px solid #1b2d62;
}
.page-account .tab_3 li .tab_5{
    padding-left: .18rem;
}
.page-account .tab_3 li .tab_5::after{
    content: "";
    position: absolute;
    right: .02rem;
    bottom: .08rem;
    width: .72rem;
    height: .32rem;
    opacity: .78;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
.page-account .tab_3 li:first-child .tab_5::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 46'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-60%25' width='140%25' height='220%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='l' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%23006dff' stop-opacity='.15'/%3E%3Cstop offset='1' stop-color='%231c86ff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 32 C18 31 20 12 34 13 S52 40 66 31 S82 4 96 7 S107 28 116 20' fill='none' stroke='url(%23l)' stroke-width='3.4' stroke-linecap='round' filter='url(%23g)'/%3E%3C/svg%3E");
}
.page-account .tab_3 li:nth-child(2) .tab_5::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 46'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-60%25' width='140%25' height='220%25'%3E%3CfeGaussianBlur stdDeviation='2.2' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='l' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop stop-color='%238c1ecb' stop-opacity='.22'/%3E%3Cstop offset='1' stop-color='%23b02cff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M4 34 C18 32 20 19 33 21 S52 37 64 27 S80 8 94 13 S106 32 116 18' fill='none' stroke='url(%23l)' stroke-width='3.4' stroke-linecap='round' filter='url(%23g)'/%3E%3C/svg%3E");
}
.page-account .tab_3 li .tab_4 img{
    position: absolute;
    left: 0;
    top: .02rem;
    width: .28rem;
    height: .28rem;
    margin: 0;
    float: none;
}
.page-account .tab_3 em{
    display: block;
    color: #8f9ac2;
    font-size: .095rem;
    line-height: .14rem;
    margin-top: .015rem;
}
.page-account .tab_3 li .tab_4 span,
.page-account .tab_3 li .tab_5 span{
    display: block;
    margin: .08rem 0 0 0;
    color: #FFFFFF;
    font-size: .21rem;
    line-height: .25rem;
    position: relative;
    z-index: 1;
}
.page-account .tab_3 li .tab_5 span{
    color: #72d44b;
}
.page-account .tab_3 li .tab_5 span.fu{
    color: #ff4968;
}
.page-account .tab_3 li .tab_5 span.zheng{
    color: #72d44b;
}
.page-account.account-enabled .tab_6{
    margin-top: .12rem;
}
.page-account.account-enabled .tab_7,
.page-account.account-enabled .tab_9 li{
    border-color: #1b2d62;
    background: linear-gradient(180deg, rgba(1,20,43,.96), rgba(0,12,27,.98));
}

html.tg-compact .page-account .tab{
    padding-top: calc(var(--safe-top, 0px) + .04rem);
}
html.tg-compact .page-account .tab_2,
html.tg-compact .page-account .tab_3,
html.tg-compact .page-account .tab_6,
html.tg-compact .page-account .tab_7,
html.tg-compact .page-account .tab_9 li,
html.tg-compact .page-account .more a{
    margin-top: .055rem;
}
html.tg-compact .page-account .tab_2{
    padding: .075rem 0 .065rem;
}
html.tg-compact .page-account .tab_2 li a i{
    width: .42rem;
    height: .42rem;
    margin-bottom: .012rem;
}
html.tg-compact .page-account .tab_2 li a i img{
    width: .355rem;
    height: .355rem;
}
html.tg-compact .page-account #deposit-account i img{
    width: .375rem;
    height: .375rem;
}
html.tg-compact .page-account #withdraw-account i img{
    width: .34rem;
    height: .34rem;
}
html.tg-compact .page-account #refresh-account i img{
    width: .375rem;
    height: .375rem;
}
html.tg-compact .page-account .tab_2 li a span{
    min-width: .61rem;
    height: .225rem;
    padding: 0 .07rem;
    font-size: .095rem;
    border-radius: .14rem;
}
html.tg-compact .page-account .tab_2 li a em{
    font-size: .078rem;
    line-height: .105rem;
}
html.tg-compact .page-account .tab_3 li{
    padding: .055rem 0;
}
html.tg-compact .page-account .tab_7 ul li{
    padding: .045rem 0;
    margin-top: .035rem;
}
html.tg-compact .page-account .tab_7 ul li span{
    font-size: .12rem;
    margin-top: .025rem;
}
html.tg-short .page-account .bottom,
html.tg-short .page-account .bottom li{
    height: .48rem;
    border-radius: .24rem;
}
html.tg-short .page-account .bottom li a{
    font-size: .09rem;
    padding-top: .06rem;
}
html.tg-short .page-account .bottom li a i{
    width: .19rem;
    height: .19rem;
    margin-bottom: .03rem;
}
html.tg-short .page-account .bot_bg{
    height: .2rem;
}

.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;
}
.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);
}