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: url("../img/bg.jpg") center;
    background-size: cover;
}
.page-account02{
    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: url("../img/bg02.jpg") center;
    background-size: cover;
}
.page-account .tab,
.page-account02.page-recharge .tab{
    height: var(--account-panel-height, calc(var(--app-height, 100vh) - .5rem - var(--safe-bottom, 0px)));
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .1rem;
}
.page-account .bottom,
.page-account02.page-recharge .bottom{
    bottom: var(--safe-bottom, 0px);
}

/* 01.html */
.indtop{
    height: .72rem;
	padding-top: .12rem;
}
.close1 a{
    display: block;
    width: .675rem;
    height: .3rem;
    background: url("../img/001.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: .12rem;
    line-height: .3rem;
    text-align: center;
    margin-top: .2rem;
}
.close1 img{
    width: .1rem;
    margin-right: .04rem;
}
.logo{
    width: 1.42rem;
	margin: 0 auto;
   
}
.more1 a{
    display: block;
    width: .79rem;
    height: .3rem;
    background: url("../img/002.png");
    background-size: 100% 100%;
    position: relative;
    padding: .06rem 0 0 .45rem;
    margin-top: .2rem;
}
.more1 img{
    width: .19rem;
}
.more1 a:before{
    content: '';
    display: block;
    position: absolute;
    width: .1rem;
    height: .1rem;
    background: url("../img/005.png");
    background-size: 100% 100%;
    left: .15rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.a_5{
	height: .3rem;
    background: url("../img/007.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    line-height: .35rem;
    font-size: .1rem;
    position: relative;
    padding-top: .05rem;
}
.a_5 li{
	width: 48%;
    float: left;
    color: #FFFFFF;
    font-size: .12rem;
    height: .2rem;
    line-height: .2rem;
	padding-left: .1rem;
    border-right: .01rem solid #afc0d9;
}
.a_5 li img{
    display: block;
    float: left;
    width: .2rem;
}
.a_5 li span{
    margin-left: .06rem;
}
.a_5 li:nth-last-child(2){
    border-right: none;
}
.b_1{
    height: .3rem;
    background: url("../img/010.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    line-height: .3rem;
    font-size: .1rem;
    position: relative;
    margin-top: .02rem;
}
.b_1:after{
    content: "";
    display: block;
    position: absolute;
    width: .13rem;
    height: .13rem;
    background-image: url("../img/009.png");
    background-size: 100% 100%;
    right: .07rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.b_1 img{
    display: block;
    float: left;
    width: .18rem;
    margin: .06rem .02rem 0 .04rem;
}
.b_1 span{
    font-size: .09rem;
    margin-left: .05rem;
}
.c_1{
    background: url("../img/010.png");
    background-size: 100% 100%;
    margin-top: .02rem;
    position: relative;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .3rem;
    height: .3rem;
}
.c_1 img{
    display: block;
    float: left;
    width: .18rem;
    margin: .06rem .02rem 0 .04rem;
}
.c_1 span{
    margin-left: .05rem;
    font-size: .09rem;
}
.c_1 a{
    display: block;
    position: absolute;
    width: .11rem;
    height: .11rem;
    background-image: url("../img/008.png");
    background-size: 100% 100%;
    right: .08rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.d_1{
    height: 2.4rem;
    background: url("../img/017.png");
    background-size: 100% 100%;
    margin-top: .02rem;
    position: relative;
    overflow: hidden;
}
.d_1 .tit{
    padding: .05rem .1rem 0;
    position: relative;
    z-index: 2;
}
.d_1 .tit h3{
    float: left;
    color: #FFFFFF;
    font-size: .13rem;
    line-height: .22rem;
    font-weight: normal;
    text-shadow: 0px 0 .05rem #0a06bb;
}
.d_1 .tit h3 img{
    display: block;
    float: left;
    width: .18rem;
    margin-right: .03rem;
}
.d_2 p{
    float: left;
    color: #36f2ed;
    font-size: .1rem;
    line-height: .22rem;
}
.d_2 a{
    display: block;
    float: left;
    width: .52rem;
    height: .18rem;
    background: url("../img/016.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .18rem;
    color: #FFFFFF;
    font-size: .09rem;
    margin: .005rem 0 0 .05rem;
}
.d_none .img{
    width: 90%;
    position: absolute;
    left: 0;
    right: 0;
    top: .15rem;
    margin: 0 auto;
    z-index: 1;
}
.d_none h3{
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: normal;
    color: #e3f6f9;
    font-size: .16rem;
    bottom: .3rem;
    z-index: 2;
}
.d_none p{
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    color: #a3b3da;
    font-size: .1rem;
    bottom: .1rem;
    z-index: 2;
}
.d_con_list{
    height: calc(100% - .14rem);
    min-height: 0;
    padding: 0 .05rem .02rem;
    display: flex;
    flex-direction: column;
}
.d_con{
    height: calc(100% - .27rem);
    min-height: 0;
}
.d_con_t{
    height: .14rem;
    overflow: hidden;
}
.d_con_list > ul{
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.d_con_list > ul::-webkit-scrollbar{
    display: none;
}
.d_more{
    flex: 0 0 .14rem;
    line-height: .14rem;
}
.d_con_list li{
    width: 100%;
    min-height: .31rem;
    background: url("../img/021.png");
    background-size: 100% 100%;
    margin-top: .04rem;
    position: relative;
}
.d_con_list li:after{
    content: "";
    display: block;
    position: absolute;
    width: .13rem;
    height: .13rem;
    background: url("../img/009.png");
    background-size: 100% 100%;
    right: .02rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.d_con_list li.new{
    height: .38rem;
    background: url("../img/022.png");
    background-size: 100% 100%;
	padding: .01rem 0;
}
.d_con_list li.new:before{
    content: "最新";
    display: block;
    position: absolute;
    background: #013cff;
    color: #FFFFFF;
    text-align: center;
    width: .31rem;
    height: .15rem;
    line-height: .15rem;
    border-radius: .08rem;
    font-size: .09rem;
    left: .03rem;
    top: -.05rem;
}
.d_con_list li .time{
    float: left;
    color: #FFFFFF;
    font-size: .09rem;
    line-height: .31rem;
    width: 25%;
    padding-left: .08rem;
}
.d_con_list li.new .time{
    margin-top: .04rem;
}
.d_con_list li .tz{
    float: left;
    width: 17%;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    height: .31rem;
}
.d_con_list li.new .tz{
    height: .34rem;
}
.d_con_list li .tz i{
    display: block;
    width: .15rem;
    height: .15rem;
    background: url("../img/018.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .16rem;
    color: #FFFFFF;
    font-size: .086rem;
    margin: .01rem 0 0 0;
}
.d_con_list li .yz{
    width: 17%;
    text-align: right;
    padding-right: .05rem;
    line-height: .31rem;
    font-size: .1rem;
    float: left;
}
.d_con_list li.new .yz{
    line-height: .4rem;
}
.d_con_list li .yz.zheng{
    color: #04f5f5;
}
.d_con_list li .yz.fu{
    color: #ff000c;
}
.d_con_list li .jg{
    float: left;
    width: 41%;
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    height: .26rem;
}
.d_con_list li.new .jg{
    height: .36rem;
}
.d_con_list li .jg i{
    display: block;
    width: .2rem;
    height: .2rem;
    background: url("../img/019.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .2rem;
    color: #FFFFFF;
    /*font-weight: bold;*/
    font-size: .13rem;
    margin-right: .02rem;
}
.d_con_t .items{
    float: left;
    color: #FFFFFF;
    font-size: .09rem;
    text-align: center;
    margin-top: .02rem;
    line-height: .12rem;
}
.d_con_t .items h3{
    font-size: .11rem;
    text-shadow: 0px 0 .06rem #0a06bb;
}
.d_con_t .item1{
    width: 25%;
}
.d_con_t .item2{
    width: 17%;
}
.d_con_t .item3{
    width: 17%;
}
.d_con_t .item4{
    width: 41%;
}
.d_more a{
    display: block;
    text-align: center;
    color: #36f2ed;
    font-size: .09rem;
   /* margin-top: .1rem;*/
}
.f_1{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .02rem;
}
.f_lf{
    width: 59.8%;
    background: url("../img/024.png");
    background-size: 100% 100%;
    padding: .05rem;
}
.f_lf .tit h3{
    float: left;
    font-size: .11rem;
    text-shadow: 0px 0 .06rem #0a06bb;
    color: #FFFFFF;
    line-height: .22rem;
	font-weight:normal;
}
.f_lf .tit h3 img{
    display: block;
    float: left;
    width: .18rem;
}
.f_lf .tit p{
    float: right;
    line-height: .22rem;
    font-size: .09rem;
    color: #FFFFFF;
}
.demo--radio {
	display:none
}
.f_6 .demo--radioInput {
	background: url("../img/025.png");
    background-size: 100% 100%;
	border-radius:.06rem;
	display:block;
    width: 100%;
	height:.34rem;
    text-align: center;
    color: #FFFFFF;
    line-height: .34rem;
    font-size: .18rem;
    font-weight: bold;
}
.f_6 .demo--radio:checked + .demo--radioInput{
	background: url("../img/026.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_lf_2{
    background: url("../img/030.png");
    background-size: 100% 100%;
    width: 100%;
	min-height: 1.0rem;
    margin-top: .05rem;
    padding: .06rem .06rem;
}
.f_lf_2 p{
    float: left;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .19rem;
}
.f_lf_2 p i{
    display: inline-block;
    width: .41rem;
    height: .19rem;
    background: url("../img/027.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .19rem;
    color: #36f2ed;
    margin-left: .05rem;
}
.f_lf_2 .qk{
    float: right;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .19rem;
}
.f_lf_2 .qk img{
    display: block;
    float: left;
    width: .12rem;
    margin: .02rem .03rem 0 0;
}
.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/029.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: .32rem;
    font-size: .17rem;
    margin-top: .06rem;
}
.f_rt{
    width: 39%;
}
.f_rt ul li{
    width: 100%;
    height: .44rem;
    background-size: 100% 100%;
    margin-bottom: .05rem;
    position: relative;
}
.f_rt ul li:nth-child(1){
    background-image: url("../img/034.png");
}
.f_rt ul li:nth-child(2){
    background-image: url("../img/035.png");
}
.f_rt ul li:after{
    content: "";
    display: block;
    position: absolute;
    width: .14rem;
    height: .14rem;
    background-image: url("../img/072.png");
    background-size: 100% 100%;
    top: .06rem;
    right: .06rem;
}
.f_rt ul li.on:after{
    background-image: url("../img/033.png");
}
.f_rt li .img{
    width: .28rem;
    margin: .05rem 0 0 .03rem;
}
.f_rt li .txt{
    color: #FFFFFF;
    font-size: .09rem;
    width: calc(100% - .34rem);
    margin-top: .07rem;
}
.f_rt li .txt h3{
    font-size: .12rem;
    font-weight: normal;
}
.f_rt li .txt p{
    font-size: .08rem;
   /* margin-top: .04rem;*/
}
.f_rt li .txt p img{
    width: .046rem;
    margin-left: .02rem;
	margin-top: -.024rem;
}
.f_rt_1{
    width: 100%;
    height: 1.21rem;
    background: url("../img/036.png");
    background-size: 100% 100%;
    padding: .05rem;
}
.f_rt_1 h3{
    color: #FFFFFF;
    font-size: .1rem;
	font-weight: normal;
}
.f_rt_2{
    width: 100%;
    height: .26rem;
    border-radius: .05rem;
    border: 1px solid rgba(255,255,255,.5);
    line-height: .26rem;
    color: #FFFFFF;
    font-size: .1rem;
    padding: 0 .07rem;
    text-align: right;
    margin-top: .05rem;
    overflow: hidden;
}
.f_rt_2 input{
    float: left;
    font-size: max(.14rem, 16px);
    display: block;
    width: 55%;
    border: none;
    background: none;
    outline: none;
    height: 100%;
    color: #FFFFFF;
    /*font-weight: bold;*/
}
.f_rt_2 input[type="number"]{
    -moz-appearance: textfield;
    appearance: textfield;
}
.f_rt_2 input[type="number"]::-webkit-outer-spin-button,
.f_rt_2 input[type="number"]::-webkit-inner-spin-button{
    margin: 0;
    -webkit-appearance: none;
}
.page-account.amount-keyboard-open .tab{
    scroll-behavior: auto;
}
.f_rt_3{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .05rem;
}
.f_rt_3 .items{
    width: 48%;
    height: .28rem;
    background-image: url("../img/041.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: .09rem;
    line-height: .3rem;
}
.f_rt_3 .items.active{
    background-image: url("../img/037.png");
}
.f_rt_3 .items img{
    display: block;
    float: left;
    width: .17rem;
    margin: .06rem .03rem 0 .03rem;
}
.f_rt_3 .items p{
    float: left;
    background-image: url("../img/040.png");
    background-size: .05rem;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: .07rem;
}
.f_rt_4{
    width: 100%;
    height: .28rem;
    background: url("../img/038.png");
    background-size: 100% 100%;
    margin-top: .05rem;
}
.f_rt_4 .img{
    float: left;
    width: .18rem;
    margin: .05rem 0 0 .03rem;
}
.f_rt_4 .txt{
    float: right;
    width: calc(100% - .3rem);
    line-height: .28rem;
}
.f_rt_4 .txt input{
    color: #FFFFFF;
    font-size: .12rem;
    background: none;
    border: none;
    outline: none;
    height: 100%;
    display: inline-block;
    width: 37%;
}
.f_rt_4 .txt span{
    color: #36f2ed;
    font-size: .09rem;
    margin-left: .04rem;
}
.f_rt_4 .txt a{
    display: inline-block;
    width: .12rem;
    margin-left: .02rem;
}
.zx_c .f_rt_4{display:none;list-style: none;}
.zx_c .f_rt_4.thisclass{display:list-item;}
.f_8{
    margin-top: .02rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_9{
    width: 21%;
    height: .42rem;
    border-radius: .06rem;
    background: url("../img/044.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: .12rem;
    line-height: .42rem;
}
.f_9 img{
    display: inline-block;
    width: .18rem;
    margin-right: .04rem;
}
.f_10{
    width: 48%;
    height: .42rem;
    background: url("../img/045.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: .12rem;
    position: relative;
    padding-top: .04rem;
}
.f_10 span{
    display: block;
    font-size: .08rem;
}
.f_10:after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: .07rem;
    width: .05rem;
    height: .08rem;
    background: url("../img/040.png");
    background-size: 100% 100%;
}
.f_11{
    width: 29%;
    height: .42rem;
    border-radius: .06rem;
    background: url("../img/044.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: .12rem;
    line-height: .42rem;
}
.f_11 img{
    display: inline-block;
    width: .18rem;
    margin-right: .04rem;
}
.bottom{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto .05rem auto;
    width:94%;
    /*height: .42rem;*/
    max-width: 750px;
    z-index: 9999;
}
.bottom ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bottom li{
    float: left;
    width: 32%;
    text-align: center;
    height: .36rem;
    background-image: url("../img/046.png");
    background-size: 100% 100%;
}
.bottom.nav-agent-inactive li{
    width: 48.5%;
}
.bottom.nav-agent-active li{
    width: 32%;
}
.bottom li a,.bottom02 li a{
    display: block;
    color: #FFFFFF;
    font-size: .09rem;
    padding-top: .02rem;
}
.bottom li a i,.bottom02 li a i{
    display: block;
    width: .21rem;
    height: .21rem;
    background-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: -.01rem;
}
.bottom li a i.yx,.bottom2 li a i.yx{
    background-image: url("../img/bot-1.png");
}
.bottom li a i.wd,.bottom02 li a i.wd{
    background-image: url("../img/bot-3.png");
}
.bottom li a i.gd,.bottom02 li a i.gd{
    background-image: url("../img/bot-2.png");
}
.bottom li.on{
    background-image: url("../img/047.png");
}
.bottom li.on a i.yx,.bottom02 li.on a i.yx{
    background-image: url("../img/bot-4.png");
}
.bottom li.on a i.wd,.bottom02 li.on a i.wd{
    background-image: url("../img/bot-6.png");
}
.bottom li.on a i.gd,.bottom02 li.on a i.gd{
    background-image: url("../img/bot-5.png");
}
.rules-modal-mask{
    position: fixed;
    inset: 0;
    z-index: 12020;
    display: none;
    align-items: center;
    justify-content: center;
    padding: calc(var(--safe-top, 0px) + .08rem) .12rem calc(var(--safe-bottom, 0px) + .12rem);
    background: rgba(0,0,0,.74);
}
.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);
    overflow: hidden;
    border: 1px solid #1b57c8;
    border-radius: .08rem;
    background: #fff;
    box-shadow: 0 .1rem .35rem rgba(0,0,0,.58);
}
.rules-close{
    position: absolute;
    right: .08rem;
    top: .08rem;
    z-index: 2;
    width: .3rem;
    height: .3rem;
    border: none;
    border-radius: 50%;
    outline: none;
    color: #fff;
    background: rgba(0,42,122,.82);
    font-size: .22rem;
    line-height: .3rem;
    text-align: center;
}
.rules-image-wrap{
    max-height: inherit;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}
.rules-image-wrap img{
    display: block;
    width: 100%;
    height: auto;
}
.rules-image-error{
    display: none;
    padding: .8rem .2rem;
    color: #345;
    font-size: .13rem;
    text-align: center;
}
.bottom02{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto .05rem auto;
    width:94%;
    /*height: .42rem;*/
    max-width: 750px;
    z-index: 9999;
}
.bottom02 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bottom02 li{
    float: left;
    width: 48.5%;
    text-align: center;
    height: .36rem;
    background-image: url("../img/046a.png");
    background-size: 100% 100%;
}
.bottom02 li.on{
    background-image: url("../img/047a.png");
}
.dizhi_bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}
.dizhi{
    position: absolute;
    width: 89%;
    max-width: 670px;
    height: 1.54rem;
    background: url("../img/048.png");
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
}
.dizhi .close2{
    position: absolute;
    width: .15rem;
    right: .1rem;
    top: .1rem;
}
.dizhi .tit{
    color: #FFFFFF;
    font-size: .14rem;
    line-height: .28rem;
    margin: .1rem 0 0 .1rem;
}
.dizhi .tit img{
    display: block;
    float: left;
    width: .3rem;
    margin-right: .04rem;
}
.dizhi_c{
    padding: 0 .14rem;
    margin-top: .06rem;
}
.dizhi_c p{
    color: #54d9f9;
    font-size: .1rem;
}
.dizhi_c input{
    display: block;
    width: 100%;
    height: .36rem;
    background: url("../img/051.png");
    background-size: 100% 100%;
    margin-top: .06rem;
    border: none;
    outline: none;
    font-size: .1rem;
    padding: 0 .11rem;
    color: #FFFFFF;
}

/* Real API state helpers */
.page-toast{
    position: fixed;
    left: 50%;
    bottom: calc(.72rem + env(safe-area-inset-bottom));
    z-index: 20000;
    max-width: 82%;
    padding: .09rem .14rem;
    border: 1px solid rgba(55,225,255,.75);
    border-radius: .08rem;
    background: rgba(0,11,26,.94);
    color: #fff;
    font-size: .11rem;
    line-height: 1.45;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, .12rem);
    transition: opacity .2s ease, transform .2s ease;
}
.page-toast.show{
    opacity: 1;
    transform: translate(-50%, 0);
}
.f_10.is-submitting,
.f_10.is-waiting,
button:disabled{
    opacity: .65;
    pointer-events: none;
}
.api-empty{
    min-height: .48rem;
    color: #8fc8e8;
    text-align: center;
}
.api-permission{
    margin-top: .24rem;
    padding: .3rem .16rem;
    color: #fff;
    text-align: center;
}
.api-permission h3{
    color: #54d9f9;
    font-size: .18rem;
}
.api-permission p{
    margin: .1rem 0 .18rem;
    color: #8fc8e8;
    font-size: .11rem;
}
.api-permission a{
    display: inline-block;
    padding: .08rem .2rem;
    border: 1px solid #54d9f9;
    border-radius: .06rem;
    color: #fff;
}
.dizhi_c input::-webkit-input-placeholder{
 color: #61739f;
}
.dizhi_c .btn{
    margin-top: .06rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dizhi_c button{
    width: 30%;
    height: .36rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    background: url("../img/052.png");
    background-size: 100% 100%;
    font-size: .11rem;
}
.dizhi_c button.btn2{
    color: #f96d92;
}
.dizhi_c button.btn3{
    background: url("../img/053.png");
    background-size: 100% 100%;
    width: 35%;
}

/* 02.html */
.jy_det{
    height: 2.4rem;
    background: url("../img/055.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    position: relative;
}
.jy_det .tit{
    padding: .05rem .1rem 0 .1rem;
}
.jy_det .tit img{
    display: block;
    float: left;
    width: .26rem;
    margin-right: .05rem;
}
.jy_det .tit h3{
    float: left;
    color: #36f2ed;
    font-size: .09rem;
    font-weight: normal;
	line-height: .14rem;
	margin-top: .02rem;
}
.jy_det .tit h3 span{
    display: block;
    /*font-weight: bold;*/
    color: #FFFFFF;
    text-shadow: 0px 0 .05rem #0a06bb;
    font-size: .13rem;
}
.jy_det .tit a{
    display: block;
    float: right;
    width: .8rem;
    height: .22rem;
    background: url("../img/057.png");
    background-size: 100% 100%;
    position: relative;
    color: #FFFFFF;
    line-height: .22rem;
    font-size: .09rem;
    text-align: right;
    padding-right: .05rem;
    margin-top: .06rem;
}
.jy_det .tit a:before{
    content: "";
    display: block;
    position: absolute;
    width: .09rem;
    height: .07rem;
    background: url("../img/056.png");
    background-size: 100% 100%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: .08rem;
}
.jy_det_1{
    margin: -.02rem auto 0 auto;
    width: 38%;
}
.jy_det_2{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .045rem;
    align-items: center;
    margin-top: -.05rem;
}
.jy_det_2 .items{
    width: 29%;
    height: .34rem;
    background: url("../img/061.png");
    background-size: 100% 100%;
}
.jy_det_2 .items img{
    display: block;
    float: left;
    width: .2rem;
    margin: .08rem 0 0 .08rem;
}
.jy_det_2 .items .txt{
    float: right;
    width: calc(100% - .33rem);
    color: #FFFFFF;
    font-size: .08rem;
    margin-top: .05rem;
    padding-right: .02rem;
}
.jy_det_2 .items .txt span{
    display: block;
    font-size: .08rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .01rem;
}
.jy_det_2 .img{
    width: 40%;
    background: url("../img/059.png") no-repeat center;
    background-size: 100%;
}
.jy_det_2 .img img{
    display: block;
    margin: 0 auto;
    width: .34rem;
}
.dzshuzi p{
	font-size: .08rem;
	color: aqua;
	text-align: center;
	margin-top: -.06rem;
}
.jy_det_3{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 .07rem;
}
.jy_det_3 .items{
    width: 32%;
    height: .26rem;
    background: url("../img/062.png");
    background-size: 100% 100%;
}
.jy_det_3 .items img{
    display: block;
    float: left;
    width: .23rem;
    margin: .02rem 0 0 .05rem;
}
.jy_det_3 .items p{
    display: block;
    float: right;
    width: calc(100% - .3rem);
    color: #FFFFFF;
    font-size: .09rem;
    margin-top: .02rem;
}
.jy_det_3 .items p span{
    display: block;
    font-size: .08rem;
}
.jy_det_4{
    width: calc(100% - .14rem);
    margin: 0 auto;
    background: url("../img/069.png");
    background-size: 100% 100%;
    padding: .005rem .05rem .015rem;
    margin-top: .02rem;
}
.jy_det_4 .items{
    width: 100%;
    height: .16rem;
    margin-top: .03rem;
}
.jy_det_4 .items h3{
    display: block;
    float: left;
    color: #FFFFFF;
    font-size: .09rem;
    font-weight: normal;
    line-height: .16rem;
}
.jy_det_4 .items h3 img{
    display: block;
    width: .13rem;
    float: left;
    margin-right: .01rem;
}
.jy_det_4 .items .txt{
    float: right;
    width: calc(100% - .55rem);
    background: #01112b;
    border: 1px solid #63759b;
    border-radius: .02rem;
    color: #FFFFFF;
    position: relative;
    line-height: .14rem;
    font-size: .08rem;
    padding: 0 .03rem;
}
.jy_det_4 .items .txt a{
    display: block;
    position: absolute;
    width: .1rem;
    height: .1rem;
    background-image: url("../img/008.png");
    background-size: 100% 100%;
    right: .05rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.jy_det_5{
    width: calc(100% - .08rem);
    margin: 0 auto;
    background: url("../img/070.png");
    background-size: 100% 100%;
    padding: .05rem .08rem 0;
}
.jy_det_5 h3 img{
    display: block;
    float: left;
    width: .15rem;
	margin-right:.02rem;
}
.jy_det_5 h3{
    line-height: .18rem;
    color: #FFFFFF;
    font-size: .09rem;
    font-weight: normal;
}
.jy_det_5 .txt{
    width: 100%;
    background: #01112b;
    border: 1px solid #63759b;
    border-radius: .02rem;
    color: #FFFFFF;
    position: relative;
    line-height: .2rem;
    font-size: .08rem;
    padding: 0 .03rem;
	margin-top: .02rem;
}
.jy_det_5 .txt p{
    padding-right: .14rem;
    white-space: nowrap;
}
.jy_det_5 .hash-tail-highlight{
    color: #ff3b4d;
    font-weight: bold;
}
.jy_det_5 .txt a{
    display: block;
    position: absolute;
    width: .1rem;
    height: .1rem;
    background-image: url("../img/008.png");
    background-size: 100% 100%;
    right: .05rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.jy_det_6{
    padding: 0 .07rem;
    margin-top: .04rem;
}
.jy_det_6 p{
    display: block;
    float: left;
    font-size: .09rem;
    color: #36f2ed;
    line-height: .11rem;
}
.jy_det_6 p img{
    display: block;
    float: left;
    width: .11rem;
    margin-right: .03rem;
}
.jy_det_6 a{
    display: block;
    float: right;
    line-height: .11rem;
    color: #36f2ed;
    font-size: .09rem;
}

/* 03.html */
.d_con_list li .tz span{
    display: block;
    width: .34rem;
    height: .22rem;
    background: url("../img/071.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .22rem;
    color: #FFFFFF;
    font-size: .11rem;
    margin: .01rem 0 0 0;
}
.d_con_list li .jg span{
    display: block;
    width: .34rem;
    height: .22rem;
    background: url("../img/071.png");
    background-size: 100% 100%;
    text-align: center;
    line-height: .22rem;
    color: #FFFFFF;
    font-size: .11rem;
    margin-right: .02rem;
}
.f_7 .demo--radioInput {
	background: url("../img/073.png");
    background-size: 100% 100%;
	border-radius:.06rem;
	display:block;
    width: 100%;
	height:.41rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .09rem;
    padding-top: .03rem;
}
.f_7 .demo--radioInput b{
    display: block;
    font-size: .14rem;
	font-weight: normal;
}
.f_7 .demo--radio:checked + .demo--radioInput{
	background: url("../img/074.png");
    background-size: 100% 100%;
}
.f_7{
    width: 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_7 .demo--label{
	display:block;
    width: 23%;
    margin-top: .001rem;
}
.f_lf_3{
    width: 55%;
    height: 1rem;
    background: #051d41;
    border: .01rem solid #008aff;
    border-radius: .05rem;
    margin-top: .05rem;
}
.f_lf_3 h3{
    color: #FFFFFF;
    font-size: .1rem;
    padding: .02rem 0 0 .05rem;
	font-weight:normal;
}
.f_lf_3 .xuan{
    margin: 0 auto;
    width: .54rem;
    height: .54rem;
    background: url("../img/075.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: .54rem;
    font-size: .22rem;
}
.f_lf_3 .txt{
    text-align: center;
    color: #36f2ed;
    font-size: .11rem;
    margin-top: -.01rem;
}
.f_lf_3 .txt span{
    display: block;
    color: #FFFFFF;
    font-size: .09rem;
}
.f_lf_4{
    width: 43%;
    height: 1rem;
    background: #051d41;
    border: .01rem solid #008aff;
    border-radius: .05rem;
    margin-top: .05rem;
	font-weight:normal;
}
.f_lf_4 h3{
    color: #FFFFFF;
    font-size: .1rem;
    padding: .02rem 0 0 .05rem;
}
.shuzi{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 .03rem;
	margin-top: .02rem;
}
.shuzi button{
    display: block;
    width: .1rem;
    height: .07rem;
    border: none;
    outline: none;
}
.shuzi button.btn1{
    background: url("../img/076.png");
    background-size: 100%;
}
.shuzi button.btn2{
    background: url("../img/077.png");
    background-size: 100%;
}
.shuzi ul{
    width: .38rem;
    height: .76rem;
    background: url("../img/166.png");
    background-size: 100% 100%;
}
.shuzi ul li{
    text-align: center;
    color: #cccccc;
    font-size: .11rem;
    line-height: .15rem;
    background-image: url("../img/168.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.shuzi ul li.on{
    width: 100%;
    background-image: url("../img/167.png");
    background-size: 100% 100%;
}


/* 04.html */
.tab .zx_t li{
    float: left;
    background-image: url("../img/081.png");
    background-size: 100% 100%;
    width: .86rem;
    height: .26rem;
    text-align: center;
    color: #FFFFFF;
    font-size: .12rem;
    line-height: .28rem;
	margin: .05rem .04rem 0 .02rem;
}
.tab .zx_t li img{
    width: .2rem;
    margin-right: .05rem;
    transform: translateY(-.01rem);
	margin-top: .01rem;
}
.tab .zx_t li.active{
    background-image: url("../img/080.png");
}
.tab_top{
    background: url("../img/082.png");
    background-size: 100% 100%;
    padding: .1rem;
}
.tab_2 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab_2 ul li{
    width: 31%;
    background-size: 100% 100%;
    padding: .06rem 0 .07rem;
}
.tab_2 ul li:nth-child(1){
    background-image: url("../img/089.png");
}
.tab_2 ul li:nth-child(2){
    background-image: url("../img/090.png");
}
.tab_2 ul li:nth-child(3){
    background-image: url("../img/091.png");
}
.tab_2 ul li i{
    display: block;
    margin: 0 auto;
    width: .46rem;
}
.tab_2 ul li a{
    display: block;
    width: .72rem;
    height: .21rem;
    background-size: 100% 100%;
    color: #FFFFFF;
    margin: 0 auto;
    line-height: .22rem;
    font-size: .1rem;
    margin-top: .02rem;
    text-align: center;
}
.tab_2 ul li:nth-child(1) a{
    background-image: url("../img/086.png");
}
.tab_2 ul li:nth-child(2) a{
    background-image: url("../img/087.png");
}
.tab_2 ul li:nth-child(3) a{
    background-image: url("../img/088.png");
}
.tab_2 ul li em{
    display: block;
    text-align: center;
    color: #d3daf9;
    font-size: .09rem;
    margin-top: .01rem;
    font-style: normal;
}
.tab_3{
    width: 100%;
    background: url("../img/093.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    padding: .05rem;
}
.tab_3 .tit{
    border-bottom: 1px solid #2a538a;
    padding-bottom: .02rem;
}
.tab_3 .tit h3{
    float: left;
    color: #FFFFFF;
    font-size: .11rem;
    font-weight: normal;
    line-height: .26rem;
}
.tab_3 .tit h3 img{
    display: block;
    float: left;
    width: .25rem;
    margin-right: .06rem;
}
.tab_3 .tit .time{
    float: right;
    text-align: center;
    color: #FFFFFF;
    width: .5rem;
    height: .2rem;
    background: url("../img/095.png");
    background-size: 100% 100%;
    line-height: .22rem;
    margin-top: .03rem;
    font-size: .1rem;
}
.tab_5{
    margin-top: .04rem;
    position: relative;
}
.tab_5:after{
    content: "";
    display: block;
    position: absolute;
    width: .01rem;
    height: calc(100% - .1rem);
    background: #6482b6;
    top: .05rem;
    left: 50%;
}
.tab_4{
    width: 46%;
}
.tab_4 .items{
    width: 100%;
    position: relative;
    padding: 0 .05rem .16rem;
}
.tab_4 .items .img{
    width: .22rem;
}
.tab_4 .items .txt{
    width: calc(100% - .3rem);
    position: relative;
    z-index: 2;
}
.tab_4 .items .txt h3{
    color: #FFFFFF;
    font-weight: normal;
    font-size: .1rem;
}
.tab_4 .items .txt h3 span{
    color: #c6cfff;
    font-size: .08rem;
}
.tab_4 .items .txt p{
    font-size: .18rem;
    line-height: 1;
    margin-top: .03rem;
}
.tab_4 .item1 .txt p{
    color: #0e84f3;
}
.tab_4 .item2 .txt p{
    color: #5fc905;
}
.tab_4 .item1{
    background: url("../img/102.png") bottom center no-repeat;
    background-size: auto .01rem;
	height: .5rem;
}
.tab_4 .item2{
	margin-top: .04rem;
	height: .5rem;
}
.tab_4 .tubiao{
    position: absolute;
    width: .56rem;
    right: 0;
    bottom: .02rem;
    z-index: 1;
}
.tab_bot{
    background: url("../img/103.png");
    background-size: 100% 100%;
    margin-top: .02rem;
    padding: .1rem;
}
.tab_bot .tit{
    padding: 0 .05rem;
}
.tab_bot .tit h3{
    float: left;
    color: #FFFFFF;
    font-size: .11rem;
    line-height: .26rem;
    font-weight: normal;
}
.tab_bot .tit h3 img{
    display: block;
    float: left;
    width: .25rem;
    margin-right: .06rem;
}
.tab_bot .tit a{
    display: block;
    float: right;
    width: .58rem;
    height: .22rem;
    background: url("../img/105.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: .11rem;
    line-height: .22rem;
    text-align: center;
}
.tab_bot .tit a img{
    width: .09rem;
    margin-left: .05rem;
}
.jilu{
    width: 100%;
    background: url("../img/110.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    padding: 0 .04rem;
}
.jilu li{
    padding:.05rem;
    border-bottom: 1px solid #1f376d;
    position: relative;
    color: #c6cfff;
    background-image: url("../img/107.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .06rem;
	margin-right: .05rem;
}
.jilu li .img{
    width: .26rem;
}
.jilu li .txt{
    width: calc(100% - .34rem);
}
.jilu li .txt h4{
    color: #FFFFFF;
    font-weight: normal;
    font-size: .1rem;
}
.jilu li .txt p{
    font-size: .08rem;
    margin-top: .01rem;
}
.jilu li .txt span{
    display: block;
    font-size: .065rem;
    margin-top: .01rem;
}
.jilu li .icon{
    position: absolute;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    right: .16rem;
    bottom: .06rem;
}
.jilu li h3{
    position: absolute;
    font-weight: normal;
    font-size: .11rem;
    right: .16rem;
    top: .1rem;
}
.jilu li.zheng h3{
    color: #5fc905;
}
.jilu li.zheng .icon{
    background: #48f393;
}
.jilu li.fu h3{
    color: #e72b43;
}
.jilu li.fu .icon{
    background: #e72b43;
}
.deposit-modal-mask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.65);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
.chongzhi{
    position: absolute;
    width: 91%;
    max-width: 750px;
    background: url("../img/111.png");
    background-size: 100% 100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding: .08rem .1rem;
}
.deposit-close{
    position: absolute;
    display: block;
    width: .16rem;
    height: .16rem;
    border: none;
    outline: none;
    background: url("../img/113.png");
    background-size: 100% 100%;
    right: .1rem;
    top: .12rem;
}
.chongzhi .tit{
    border-bottom: 1px solid #5270bf;
    padding-bottom: .02rem;
}
.deposit-modal-mask .tit h3{
    float: left;
    color: #FFFFFF;
    font-weight: normal;
    font-size: .14rem;
    line-height: .28rem;
}
.deposit-modal-mask .tit h3 img{
    display: block;
    width: .28rem;
    float: left;
    margin-right: .01rem;
}
.deposit-modal-mask .tit p{
    display: block;
    float: right;
    color: #2795f3;
    font-size: .09rem;
    line-height: .28rem;
    margin-right: .24rem;
}
.deposit-modal-mask .tit p img{
    width: .22rem;
	margin: 0 .02rem;
}
.deposit-currency-tabs{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .08rem;
    margin-top: .05rem;
}
.deposit-currency-tabs button{
    height: .32rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    background: url("../img/115.png");
    background-size: 100% 100%;
    font-size: .11rem;
	padding-top:.03rem;
}
.deposit-currency-tabs button.active{
    background: url("../img/116.png");
    background-size: 100% 100%;
}
.deposit-currency-tabs img{
    width: .18rem;
    height: .18rem;
    margin-right: .05rem;
    transform: translateY(-.01rem);
}
.chongzhi_1{
    color: #52e8f8;
    font-size: .1rem;
    margin-top: .03rem;
}
.wallet-modal-headline{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .08rem;
    margin-top: .05rem;
}
.deposit-label{
    display: block;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .16rem;
}
.wallet-record-link{
    flex: 0 0 auto;
    height: .2rem;
    width: .62rem;
    border: none;
    outline: none;
    color: #52e8f8;
    background: url("../img/117.png");
    background-size: 100% 100%;
    font-size: .08rem;
}
.wallet-record-link img{
    width: .03rem;
    margin-left: .03rem;
}
.dizhi_wsz{
	color: #fff;
	font-size: .1rem;
}
.deposit-amount-box{
    display: flex;
    align-items: center;
    height: .32rem;
    margin-top: .03rem;
    background: url("../img/118.png");
    background-size: 100% 100%;
    overflow: hidden;
}
.deposit-amount-box input{
    flex: 1;
    min-width: 0;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    color: #FFFFFF;
    font-size: .1rem;
    padding: 0 .1rem;
}
.deposit-amount-box input::placeholder{
    color: #8b99d8;
}
.deposit-amount-box span{
    flex: 0 0 auto;
    min-width: .58rem;
    color: #FFFFFF;
    font-size: .1rem;
    text-align: center;
    border-left: 1px solid #1e3479;
}
.deposit-quick-amounts{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .06rem;
    margin-top: .03rem;
}
.deposit-quick-amounts button{
    height: .3rem;
    border: none;
    background: url("../img/119.png");
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: .13rem;
    outline: none;
}
.deposit-error{
    color: #ff5264;
    font-size: .09rem;
    line-height: .16rem;
}
.deposit-primary{
    height: .36rem;
    border: none;
    outline: none;
    color: #FFFFFF;
    font-size: .11rem;
    background: url("../img/120.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    width: 100%;
}
.f_rt_2 input.amount-invalid{
    color: #ff6878;
}
.game-deposit-modal .chongzhi{
    max-height: calc(var(--app-height, 100vh) - .24rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.game-deposit-result{
    padding: .12rem .02rem .03rem;
}
.game-deposit-result h4{
    color: #52e8f8;
    font-size: .15rem;
    font-weight: normal;
    text-align: center;
    margin-bottom: .1rem;
}
.game-deposit-result-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: .28rem;
    padding: 0 .08rem;
    margin-bottom: .06rem;
    border: 1px solid #1e3479;
    border-radius: .05rem;
    background: rgba(0,15,31,.85);
}
.game-deposit-result-head strong{
    color: #FFFFFF;
    font-size: .12rem;
    font-weight: normal;
}
.game-deposit-result-head em{
    color: #52e8f8;
    font-size: .11rem;
    font-style: normal;
}
.game-deposit-qr-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.12rem;
    height: 1.12rem;
    margin: 0 auto .08rem;
    padding: .05rem;
    border: 1px solid #1e63c1;
    border-radius: .05rem;
    background: #FFFFFF;
}
.game-deposit-qr-box img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.game-deposit-pay-row{
    display: grid;
    grid-template-columns: .72rem minmax(0,1fr) .42rem;
    align-items: center;
    gap: .06rem;
    min-height: .36rem;
    padding: .04rem .07rem;
    border: 1px solid #1e3479;
    border-radius: .05rem;
    background: rgba(0,15,31,.85);
}
.game-deposit-pay-row span{
    color: #8b99d8;
    font-size: .09rem;
}
.game-deposit-pay-row strong{
    min-width: 0;
    color: #52e8f8;
    font-size: .12rem;
    font-weight: normal;
    overflow-wrap: anywhere;
}
.game-deposit-pay-row button{
    height: .24rem;
    border: 1px solid #17409a;
    border-radius: .04rem;
    background: linear-gradient(#005efb,#003ccf);
    color: #FFFFFF;
    font-size: .09rem;
}
.game-deposit-pay-row button:disabled{
    opacity: .45;
}
.game-deposit-pay-tip{
    margin: .04rem 0 .07rem;
    color: #ffcf68;
    font-size: .08rem;
    line-height: .14rem;
    text-align: center;
}
.game-deposit-result-row{
    display: grid;
    grid-template-columns: .62rem minmax(0, 1fr);
    align-items: center;
    gap: .06rem;
    min-height: .36rem;
    padding: .06rem .08rem;
    margin-bottom: .07rem;
    border: 1px solid #1e3479;
    border-radius: .05rem;
    background: rgba(0,15,31,.85);
}
.game-deposit-result-row span{
    color: #8b99d8;
    font-size: .09rem;
}
.game-deposit-result-row strong{
    min-width: 0;
    color: #FFFFFF;
    font-size: .1rem;
    font-weight: normal;
    overflow-wrap: anywhere;
}
.game-deposit-address-row{
    grid-template-columns: .62rem minmax(0, 1fr) .42rem;
}
.game-deposit-address-row button{
    height: .24rem;
    border: 1px solid #17409a;
    border-radius: .04rem;
    background: linear-gradient(#005efb,#003ccf);
    color: #FFFFFF;
    font-size: .09rem;
}
.game-deposit-address-row button:disabled{
    opacity: .45;
}
.game-deposit-result > p{
    color: #ffcf68;
    font-size: .09rem;
    line-height: .16rem;
    text-align: center;
}
.game-deposit-result-actions{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .08rem;
    margin-top: .06rem;
}
.game-deposit-result-actions .deposit-primary{
    margin-top: 0;
}
.game-deposit-result-actions .deposit-secondary{
    height: .36rem;
    border: 1px solid #2b75d8;
    border-radius: .04rem;
    outline: none;
    color: #FFFFFF;
    background: linear-gradient(180deg,#193b77,#071a43);
    font-size: .11rem;
}
.tishi{
    width: 100%;
    margin-top: .05rem;
    height: .24rem;
    background: url("../img/122.png");
    background-size: 100% 100%;
    line-height: .24rem;
    padding: 0 .08rem;
}
.tishi span{
    display: block;
    float: right;
    font-size: .08rem;
    color: #FFFFFF;
}
.tishi p{
    float: left;
    color: #52e8f8;
    font-size: .1rem;
}
.tishi p img{
    display: block;
    float: left;
    width: .16rem;
    margin: .04rem .01rem 0 0;
}
.tixian{
    position: absolute;
    width: 91%;
    max-width: 750px;
    background: url("../img/123.png");
    background-size: 100% 100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding: .08rem .1rem;
}
.deposit-amount-box span img{
    display: block;
    width: .15rem;
    margin: 0 auto;
}
.czjl{
    position: absolute;
    width: 91%;
    max-width: 750px;
    background: url("../img/126.png");
    background-size: 100% 100%;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    padding: .08rem .1rem;
}
.czjl_c{
    width: 100%;
    max-height:  2.3rem;
    overflow: auto;
}
.czjl_c li{
    width: 100%;
    background: #001024;
    border: .01rem solid #1e63c1;
    border-radius: .06rem;
    margin-top: .07rem;
    position: relative;
    color: #c6cfff;
    padding: .05rem .08rem .03rem;
}
.czjl_c li:after{
    content: "";
    display: block;
    position: absolute;
    width: .06rem;
    height: .11rem;
    background: url("../img/127.png");
    background-size: 100% 100%;
    right: .07rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.czjl_c li .img{
    width: .23rem;
}
.czjl_c li .txt{
    width: calc(100% - .32rem);
}
.czjl_c li .txt h4{
    color: #FFFFFF;
    font-weight: normal;
    font-size: .1rem;
}
.czjl_c li .txt p{
    font-size: .09rem;
    margin-top: .01rem;
}
.czjl_c li .txt span{
    display: block;
    font-size: .09rem;
    margin-top: .01rem;
}
.czjl_c li h3{
    position: absolute;
    font-weight: normal;
    font-size: .09rem;
    right: .25rem;
    top: .1rem;
    color: #52e8f8;
}
.czjl .back button{
    display: block;
    width: 100%;
    height: .34rem;
    border: none;
    outline: none;
    background: url("../img/128.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    color: #FFFFFF;
    font-size: .13rem;
}

/* 05.html */
.gudong{
    width: 100%;
    height: .48rem;
    background: url("../img/132.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    position: relative;
}
.gudong .img{
    width: .32rem;
    margin: .08rem .06rem 0 .07rem;
}
.gudong h3{
    color: #FFFFFF;
    font-weight: normal;
    font-size: .13rem;
    float: left;
    margin-top: .08rem;
}
.gudong h3 span{
    display: block;
    color: #c6cfff;
    font-size: .08rem;
}
.gudong_1{
    border-left: 1px solid #133362;
    margin-left: .1rem;
    padding-left: .1rem;
    margin-top: .09rem;
}
.gudong_1 p{
    display: block;
    color: #c6cfff;
    font-size: .09rem;
}
.gudong_1 p img{
    width: .09rem;
}
.gudong_1 span{
    display: block;
    color: #c6cfff;
    font-size: .1rem;
    margin-top: .02rem;
}
.gudong_1 span i{
    color: #21ebf6;
    font-weight: bold;
    font-size: .15rem;
    margin-right: .03rem;
}
.gudong_2{
    top: .12rem;
    right: .05rem;
    position: absolute;
}
.gudong_2 img{
    width: .5rem;
}
.gudong_2 i{
    display: inline-block;
    width: .39rem;
    height: .16rem;
    background: url("../img/135.png");
    background-size: 100% 100%;
    text-align: center;
    color: #21ebf6;
    font-size: .09rem;
    line-height: .16rem;
    vertical-align: top;
    margin-left: .03rem;
    transform: translateY(-.02rem);
}
.tab_6{
    margin-top: .05rem;
    position: relative;
    color: #FFFFFF;
    font-size: .1rem;
    line-height: .3rem;
    background: url("../img/134.png");
    background-size: 100% 100%;
}
.tab_6 img{
    display: block;
    float: left;
    width: .2rem;
    margin: .045rem .06rem 0 .06rem;
}
.tab_6 a{
    display: block;
    position: absolute;
    width: .12rem;
    height: .12rem;
    background-image: url("../img/008.png");
    background-size: 100% 100%;
    right: .08rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.tab_6 span{
    font-size: .08rem;
}
.tab_7{
    width: 100%;
    background: url("../img/138.png");
    background-size: 100% 100%;
    padding: .04rem .05rem .05rem;
    margin-top: .06rem;
}
.tab_7 .tit h3 img{
    display: block;
    float: left;
    width: .2rem;
	margin-right: .02rem;
}
.tab_7 .tit h3{
    display: block;
    float: left;
    line-height: .18rem;
    color: #FFFFFF;
    font-size: .12rem;
    font-weight: normal;
    margin-left: .02rem;
}
.tab_7 .tit a{
    display: block;
    float: right;
    color: #d3daf9;
    font-size: .09rem;
    margin-right: .03rem;
	margin-top: .03rem;
}
.tab_7 .tit a img{
    width: .1rem;
    margin-left: .04rem;
	margin-top: -.02rem;
}
.tab_7 ul{
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.tab_7 ul li{
    width: 32%;
    background-size: 100%;
    margin-top: .02rem;
    padding: .05rem 0 0 0;
}
.tab_7 ul li:nth-child(1){
    background-image: url("../img/142.png");
}
.tab_7 ul li:nth-child(2){
    background-image: url("../img/143.png");
}
.tab_7 ul li:nth-child(3){
    background-image: url("../img/144.png");
}
.tab_8 img{
    display: block;
    float: left;
    width: .2rem;
    margin-left: .04rem;
}
.tab_8 .txt{
    float: left;
    width: calc(100% - .32rem);
    margin-left: .03rem;
}
.tab_8 .txt p{
    font-size: .09rem;
    color: #FFFFFF;
}
.tab_8 .txt h3{
    line-height: 1;
    font-weight: normal;
    color: #FFFFFF;
    font-size: .09rem;
    margin-top: .03rem;
}
.tab_8 .txt h3 i{
    font-size: .12rem;
    color: #4cccff;
    margin-right: .01rem;
}
.tab_7 ul li .img{
    width: 100%;
    margin-top: -.05rem;
}
.tab_7 ul li:nth-child(1) .tab_8 .txt h3 i{
    color: #949be0;
}
.tab_7.tab_9 ul li{
    background-image: url("../img/152.png");
}
.tab_9 .tab_8 .txt h3 i{
    color: #3af05f!important;
}
.yonghu{
    width: 100%;
    background: url("../img/155.png");
    background-size: 100% 100%;
    margin-top: .05rem;
    padding: .04rem .06rem .06rem .06rem;
}
.yonghu .tit img{
    display: block;
    float: left;
    width: .21rem;
    margin-left: .02rem;
	margin-right: .02rem;
}
.yonghu .tit h3{
    display: block;
    float: left;
    line-height: .23rem;
    color: #FFFFFF;
    font-size: .12rem;
    font-weight: normal;
}
.tab_7_rt div{
    float: left;
    line-height: .15rem;
    color: #FFFFFF;
    font-size: .09rem;
    margin-left: .15rem;
	margin-top: .03rem;
}
.tab_7_rt div span{
    margin-left: .05rem;
}
.tab_7_rt div.all span{
    color: #4cccff;
}
.tab_7_rt div.add span{
    color: #3af05f;
}
.search{
    width: 100%;
    height: .24rem;
    background: url("../img/161.png");
    background-size: 100% 100%;
}
.search input{
    display: block;
    border: none;
    background: url("../img/156.png") .07rem center no-repeat;
    background-size: .15rem;
    padding-left: .26rem;
    font-size: .09rem;
    color: #FFFFFF;
    outline: none;
    height: 100%;
}
.search input::-webkit-input-placeholder{
 color: #d3daf9;
}
.yonghu_c li a{
    margin-top: .03rem;
    padding: .03rem .05rem;
    background: url("../img/162.png");
    background-size: 100% 100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.yonghu_c li a:after{
    content: "";
    display: block;
    position: absolute;
    width: .06rem;
    height: .1rem;
    background: url("../img/163.png");
    background-size: 100% 100%;
    top: 0;
    bottom: 0;margin: auto 0;
    right: .1rem;
}
.tab_10{
    width: 60%;
    margin-top: .02rem;
}
.tab_10 img{
    display: block;
    float: left;
    width: .3rem;
}
.tab_10 .txt{
    float: left;
    margin-left: .05rem;
}
.tab_10 h3{
    font-weight: normal;
    font-size: .09rem;
    color: #FFFFFF;
}
.tab_10 h3 span{
    display: block;
    margin-top: .02rem;
}
.tab_10 p{
    color: #d3daf9;
    font-size: .08rem;
    margin-top: .03rem;
}
.tab_11{
    border-left: .01rem solid #203f7c;
    padding-left: .08rem;
    width: 40%;
	margin-top: .02rem;
}
.tab_11 .items{
    margin-top: .03rem;
}
.tab_11 .items img{
    display: block;
    float: left;
    width: .12rem;
    margin-top: .01rem;
}
.tab_11 .items .txt{
    float: left;
    margin-left: .05rem;
	line-height: .04rem;
}
.tab_11 .items .txt p{
    color: #d3daf9;
    font-size: .07rem;
	margin-top: .01rem;
}
.tab_11 .items .txt h3{
    font-weight: normal;
    line-height: 1;
    font-size: .09rem;
    margin-top: .02rem;
}
.tab_11 .items .txt.ying h3{
    color: #75e600;
}
.tab_11 .items .txt.liu h3{
    color: #4cccff;
}
.yonghu .more a{
    display: block;
    width: 100%;
    height: .26rem;
    margin-top: .04rem;
    background: url("../img/164.png");
    background-size: 100% 100%;
    text-align: center;
    color: #FFFFFF;
    line-height: .26rem;
    font-size: .1rem;
}
.yonghu .more a img{
    display: inline-block;
    width: .15rem;
    transform: translateY(-.01rem);
    margin-right: .06rem;
}
.yonghu .more a i{
    display: inline-block;
    width: .06rem;
    height: .1rem;
    background: url("../img/163.png") no-repeat center .015rem;
    background-size: 90% 90%;
    margin-left: .06rem;
}