@charset "utf-8";
/* recharge2.html*/
@media screen and (min-width: 640px) {
  html {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
  }

  body {
    overflow-x: hidden;
  }

  /* 防止子元素溢出容器 */
  * {
    max-width: 640px;
  }
}
.tk_header{

}
.tk_re_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_re_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_re_main_a h1{
    font-size: 0.8rem;
}
.tk_re_main_b{
    border: solid 1px #2b6bff;
    padding: 5%;
    margin-bottom: .5rem;
}
.tk_re_main_b ul li{
    margin-bottom: .4rem;
    font-size: .4rem;
    line-height: 1.6;
}
.tk_re_main_b ul li:first-child{
    font-size: .4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tk_re_main_b ul li:first-child input[type="radio"]{
    width: .45rem;
    height: .45rem;
}
.tk_re_main_b ul li:first-child img{
    height: .6rem;
    margin: 0 .3rem;
}
.tk_re_main_b ul li p{
    font-size: .45rem;
    color: #888;
}
.tk_re_main_b ul li .tk_ico{
    height: .4rem;
    margin: 0 .3rem;
}
.tk_re_main_b ul li input{
    background-color: #f2f3f5;
    width: 100%;
    height: 1rem;
    padding: 0 3%;
}
.tk_wxqrd{
    width: 70%;
    margin: .2rem 15%;
}
.tk_re_main_c{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
}

/*bind_bank.html*/
.tk_main_bbank{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_main_bbank ul{
    border: solid 1px #2b6bff;
    padding: 5%;
}
.tk_main_bbank ul li{
    margin-bottom: .4rem;
    font-size: .36rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 7%;
}
.tk_main_bbank ul li:first-child{
    font-size: .4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
}
.tk_main_bbank ul li:first-child input[type="radio"]{
    width: .45rem;
    height: .45rem;
}
.tk_main_bbank ul li:first-child img{
    height: .6rem;
    margin: 0 .3rem;
}
.tk_main_bbank ul li input{
    background-color: #ddd;
    width: 97%;
    height: 1rem;
    padding: 0 3%;
}
.tk_main_bbank ul li select{
    width: 97%;
    padding-left: 3%;
}
.tk_save_btn{
    font-size: .426667rem;
    line-height: 1rem;
    border-radius: .106667rem;
    background-color: #ff2c55;
    color: #fff;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: .666667rem;
}
/*recharge.html*/
.tk_re_main_br{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%;
    margin-bottom: .3rem;
    
}
.tk_re_main_br h2{
    font-size: .6rem;
    font-weight: bold;
    margin-bottom: .5rem;
}
.tk_re_main_br ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tk_re_main_br ul li{
    width: 50%;
    margin-bottom: .4rem;
    font-size: .4rem;
}
.tk_re_main_br ul li span{
    display: block;
    padding-top: .1rem;
    font-size: .6rem;
    font-weight: bold;
}
.tk_re_main_br ul li span i{
    padding-right: .2rem;
}
.tk_re_main_br ul li:last-child{
    width: 100%;
}
.tk_re_main_br ul li div {
    padding-top: .1rem;
    font-size: .6rem;
    font-weight: bold;
}
.tk_re_main_br ul li div i{
    padding-right: .2rem;
}
.tk_re_main_br ul li div input{
    font-size: .6rem;
    font-weight: bold;
}
.tk_re_main_cr{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%;    
}
.tk_re_main_cr h2{
    font-size: .6rem;
    font-weight: bold;
    margin-bottom: .5rem;
}
.tk_re_main_cr p{
    font-size: .36rem;
    line-height: 1.6;
    color: #888;
    margin-bottom: .4rem;
}
.tk_re_main_cr span{
    display: inline-block;
    width: 24%;
    margin-right: 1%;
    text-align: center;
    background-color: #fe2b54;
    color: #fff;
    border-radius: .15rem;
    margin-bottom: .2rem;
    font-size: .4rem;
    font-weight: bold;
    line-height: .8rem;
}
.tk_re_main_dr{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%; 
}
.tk_re_main_dr h2{
    font-size: .6rem;
    font-weight: bold;
    margin-bottom: .5rem;
}

/*recharge_admin.html*/
.tk_re_main_ba{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%;
    padding-bottom: 12vh;
}
.tk_re_main_ba ul li{
    border-bottom: solid 1px #1f88fd;
    margin-bottom: .5rem;
    padding-bottom: .4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tk_re_main_ba ul li div{
    width: 63%;
}
.tk_re_main_ba ul li div:first-child{
    width: 35%;
}
.tk_re_main_ba ul li div:first-child span{
    display: block;
    font-size: .4rem;
    line-height: 1.5;
}
.tk_re_main_ba ul li div:first-child span:last-child{
    font-size: .5rem;
    font-weight: bold;
    padding-top: .2rem;
}
.tk_re_main_ba ul li div:first-child span:last-child i{
    padding-right: .1rem;
}
.tk_re_main_ba ul li div:last-child{
    position: relative;
}
.tk_re_main_ba ul li div:last-child span{
    position: absolute;
    right: 0%;
    top: 10%;
    display: inline-block;
    padding: 0 3%;
    background-color: #1f88fd;
    font-size: .3rem;
    line-height: 1.5;
    color: #fff;
    border-radius: .15rem;
}
.tk_re_main_ba ul li div:last-child p{
    font-size: .4rem;
    line-height: 1.8;
}

/*rot_order/index.html*/
.tk_rot_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    margin-bottom: .3rem;
}
.tk_rot_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_rot_main_a h1{
    font-size: .6rem;
}
.tk_rot_main_a img{
    width: 1rem;
}
.tk_rot_main_b{
    background: linear-gradient(90deg,#5f3479,#0c3a6e);
    padding: 5%;
    /* margin-bottom: .4rem; */
    border-radius: 10px;
    color: #fff;
}
.tk_rot_main_b h2{
    font-size: .5rem;
    font-weight: bold;
    margin-bottom: .1rem;
}
.tk_rot_main_b h2 span{
    padding-right: .5rem;
}
.tk_rot_main_b p{
    font-size: .3rem;
    line-height: 1.6;
    width: 60%;
}
.tk_rot_main_b ul{
    padding: .2rem 0;
    display: flex;
    justify-content: space-between;
}
.tk_rot_main_b ul li{
	font-size: .3rem;
    /*font-size: .4rem;
    font-weight: bold;*/
    display: flex;
    align-items: center;
	flex-direction: column;
}
.tk_rot_main_b ul li i{
    display: inline-block;
    margin-right: .1rem;
}
.tk_rot_main_c{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%;   
}
.tk_rot_main_c h2{
    font-size: .5rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.tk_rot_main_c ul{
    display: flex;
    justify-content: space-between;
}
.tk_rot_main_c ul li{
    width: 30%;
    text-align: center;
    font-size: .35rem;
    
}
.tk_rot_main_c ul li span{
    display: block;
    font-weight: bold;
}
.tk_rot_main_d{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%; 
}
.tk_rot_main_d h2{
    font-size: .5rem;
    font-weight: bold;
    margin-bottom: .1rem;
}
.tk_rot_main_d p{
    font-size: .3rem;
    line-height: 1.6;
}
.tk_rot_mainb{
    width: 96%;
    margin: 0 auto;
    padding-top: .2rem;
    margin-bottom: 2rem;
}
/*home.html*/

/*deposit_admin.html*/
.tk_de_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    margin-bottom: .3rem;
    padding-bottom: 12vh;
}
.tk_de_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_de_main_a h1{
    font-size: .6rem;
}
.tk_de_main_a img{
    width: .8rem;
}
.tk_de_main_b{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%; 
}
.tk_de_main_b ul li{
    display: flex;
    justify-content: space-between;
    border-bottom: solid 1px #5286fe;
    padding-bottom: .4rem;
    margin-bottom: .4rem;
    font-size: .4rem;
    line-height: 1.6;
}
.tk_de_main_b ul li div:last-child{
    width: 60%;
}
.tk_de_main_b ul li span {

  display: inline-block;
  padding: 0 3%;
  background-color: #f1f1f1;
  font-size: .3rem;
  line-height: 1.5;
  color: #fff;
  border-radius: .15rem;
}
.tk_de_main_b ul li div{
    width: 37%;
    font-size: .35rem;
}
.tk_de_main_b ul li div:first-child{
    color: #20c67e;
}
.tk_de_main_b ul li div span{
    
}
.tk_de_main_aa{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5%;
    margin-bottom: .4rem;
}
.tk_de_main_aa h2{
    font-size: .5rem;
    font-weight: bold;
    margin-bottom: .5rem;
}
.tk_de_main_aa ul{
    display: flex;
    justify-content: space-between;
}
.tk_de_main_aa ul li{
    width: 45%;
    text-align: center;
    font-size: .35rem;
}
.tk_de_main_aa ul li span{
    font-size: .45rem;
    display: block;
    font-weight: bold;
}
.tk_de_main_bb {
    border: solid 1px #2b6bff;
    padding: 5%;
}
.tk_de_main_bb ul li{
    margin-bottom: .4rem;
    font-size: .36rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 7%;
}
.tk_de_main_bb ul li:first-child{
    font-size: .4rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
}
.tk_de_main_bb ul li:first-child input[type="radio"]{
    width: .45rem;
    height: .45rem;
}
.tk_de_main_bb ul li:first-child img{
    height: .6rem;
    margin: 0 .3rem;
}
.tk_de_main_bb ul li input{
    background-color: #f2f3f5;
    width: 91%;
    height: 1rem;
    padding: 0 3%;
    border: none;
}
.tk_de_main_bb ul li select{
    width: 91%;
    padding-left: 3%;
    height: 1rem;
    border: none;
}
.tk_de_main_bb_btn{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.tk_de_main_bb_btn .save-btn {
    font-size: .426667rem;
    line-height: 1rem;
    border-radius: .106667rem;
    background-color: #ff2c55;
    color: #fff;
    width: 45%;
    text-align: center;
    display: block;
    margin-top: 0px;
    margin-top: .666667rem;
}
/* .tk_de_main_bb_btn .save-btn:last-child{
    width: 100%;
} */

/*junior.html*/
.tk_ju_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_ju_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_ju_main_a h1{
    font-size: .8rem;
}
.tk_ju_main_b{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
}

/*caiwu.html*/
.tk_cw_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_cw_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_cw_main_a h1{
    font-size: .8rem;
}
.tk_cw_main_b{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
}

/*edit_pwd.html*/
.tk_ep_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_ep_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_ep_main_a h1{
    font-size: .6rem;
}
.tk_ep_main_b{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5% 0;
}

.tk_ep_main_b ul li{
    margin-bottom: .4rem;
    font-size: .36rem;
    line-height: 1.6;
    font-weight: bold;
    padding-left: 7%;
}
.tk_ep_main_b ul li input{
    background-color: #f2f3f5;
    width: 91%;
    height: 1rem;
    padding: 0 3%;
    border: none;
}
.tk_ep_main .form-buttom, .tk_ep_main .form-buttom-a {
    font-size: .4rem;
    line-height: 1rem;
    border-radius: .106667rem;
    background-color: #ff2c55;
    color: #fff;
    width: 80%;
    text-align: center;
    display: block;
    margin-top: 0px;
    margin-top: .666667rem;
    margin-left: auto;
    margin-right: auto;
    padding: 0 5%;
}

/*invite.html**/
.tk_in_main{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_in_main_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_in_main_a h1{
    font-size: .6rem;
}
.tk_in_main_b{
    box-shadow: 0 0 5px 0 #ccc;
    border-radius: .1rem;
    padding: 5% 0;
}
/*home.html*/
.tk_main{
    padding-top: 1.8rem;
    padding-bottom: 9vh;
}
.tk_main_a{
    background-color: #000;
    text-align: center;
    padding-top: 2vw;
    color: #fff;
}
.tk_main_a h1{
    font-size: 1rem;
    /* margin-bottom: .5rem; */
}
.tk_main_a p{
    font-size: .4rem;
    /* margin-bottom: .6rem; */
}
.tk_main_a .tk_main_a_video{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 16rem;
}
.tk_main_a .tk_main_a_video img{
    position: absolute;
    width: 100%;
    height: 250vw;
    object-fit: cover;
    left: 0;
    top: -40vw;
}
.tk_main_a .tk_main_a_video img:first-child{
    z-index: 2;
}
.tk_main_a .tk_main_a_video img:nth-child(2){
    z-index: 1;
}
.tk_main_a .tk_main_a_video video {
    z-index: 0;
    width: 66%;
    height: 120vw;
    object-fit: cover;
    position: absolute;
    left: 17vw;
    top: 16vw;
    border-radius: .8rem;
}
.tk_main_b{
    background-color: #000;
    padding: 5%;
    color: #fff;
}
.tk_main_b_con{
    background-color: #141414;
    border-radius: .2rem;
    padding: 5%;
}
.tk_main_b_con .tk_main_b_a{
    display: flex;
    justify-content: space-between;
    margin-bottom: .6rem;
}
.tk_main_b_con .tk_main_b_a div:first-child{
    width: 56%;
    margin-top: .3rem;
}
.tk_main_b_con .tk_main_b_a div{
    width: 40%;
}
.tk_main_b_con .tk_main_b_a div:last-child{
    margin-top: .5rem;
}
.tk_main_b_con .tk_main_b_a div h2{
    font-size: .5rem;
    color: #fd2c53;
    font-weight: bold;
}
.tk_main_b_con .tk_main_b_a div span{
    font-size: 0.8rem;
}
.tk_main_b_con .tk_main_b_a div span i{
    font-size: .4rem;
    color: #3ceae9;
}
.tk_main_b_con .tk_main_b_a div a{
    display: block;
    text-align: center;
    margin-top: .2rem;
    border: solid 2px #3ceae9;
    color: #3ceae9;
    font-size: .3rem;
    line-height: 2;
    border-radius: .2rem;
}
.tk_main_b_con .tk_main_b_a div a i{
    font-size: .3rem;
    padding-left: .2rem;
}
.tk_main_b_con .tk_main_b_b{
    margin-bottom: 1rem;
}
.tk_main_b_con .tk_main_b_b ul{
    display: flex;
    justify-content: space-between;
}
.tk_main_b_con .tk_main_b_b ul li{
    width: 26%;
    font-size: .5rem;
    line-height: 1.6;
    text-align: center;
}
.tk_main_b_con .tk_main_b_b ul li i{
    color: #3ceae9;
    padding-left: .15rem;
}
.tk_main_b_con .tk_main_b_b ul li span{
    font-size: .3rem;
    margin-top: .1rem;
    line-height: 1.5;
    display: block;
    background-color: #3ceae9;
    color: #000;
    text-align: center;
    border-radius: .1rem;
}
.tk_main_b_con .tk_main_b_c ul{
    display: flex;
    justify-content: space-between;
}
.tk_main_b_con .tk_main_b_c ul li{
    text-align: center;
}
.tk_main_b_con .tk_main_b_c ul li a{
    color: #fff;
}
.tk_main_b_con .tk_main_b_c ul li img{
    height: 40px;
}
.tk_main_b_con .tk_main_b_c ul li span{
    display: block;
    font-size: .35rem;
    margin-top: .15rem;
    text-align: center;
}
.tk_main_c{
    padding: 10% 5%;
}
.tk_main_c ul{
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    margin-bottom: .8rem;
}
.tk_main_c ul li{
    width: 15%;
}
.tk_main_c ul li img{
    width: 100%;
}
.tk_main_c h1{
    font-size: .46rem;
    -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: linear-gradient( 90deg, #5743fa 0%, #5cc4ff 100% );
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
    margin-bottom: .4rem;
}
.tk_main_c p{
    font-size: .45rem;
    line-height: 1.6;
    width: 90%;
    margin: 0 auto;
}
.tk_main_c .btn{
    width: 75%;
    display: block;
    text-align: center;
    font-size: .45rem;
    line-height: 2;
    margin: 0 auto;
    color: #ff2c55;
    border: solid 1px #ff2c55;
    margin-top: .8rem;
}
.tk_main_d{
    padding: 5%;
    margin-bottom: 5%;
}
.tk_main_d ul{
    display: flex;
    justify-content: space-between;
}
.tk_main_d ul li{
    width: 30%;
}
.tk_main_d ul li video{
    width: 100%;
    height: 85%;
    object-fit: cover;
    border-radius: .3rem;
}
.tk_main_d ul li span{
    display: block;
    width: 95%;
    margin: 0 auto;
    word-break: break-all;
    text-align: center;
    font-size: .4rem;
    font-weight: bold;
    margin-top: .2rem;
}
.tk_main_e{
    background-color: #000000;
    padding: 5%;
    padding-bottom: 5%;
    overflow: hidden;
}

#div1 {
    width: 750px;
    height: 7rem;
    position: relative;
    overflow: hidden;
}
#div1 ul {
    position: absolute;
    top: 0;
    left: 0;
}
#div1 ul li {
    float: left;
    width: 8rem;
    height: 7rem;
    margin-left: .5rem;
    list-style: none;
    background-color: #242829;
    padding: .8rem;
    color: #fff;
    border-radius: .4rem;
}
#div1 ul li h3{
    font-size: .6rem;
    margin-bottom: .2rem;
}
#div1 ul li p{
    font-size: .4rem;
    line-height: 1.6;
}
/* 平板横屏及以上 (≥768px) */
@media screen and (min-width: 768px) {
    
	.tk_main_a .tk_main_a_video video {
	  width: 30%;
	  left: 35%;
	}
}

/* 中等屏幕PC (≥992px) */
@media screen and (min-width: 992px) {
    
	.tk_main_a .tk_main_a_video video {
	    width: 60%;
        left: 20%;
        height: 76vw;
        top: 11vw;
	}
	.tk_main_a .tk_main_a_video img {
        position: absolute;
        width: 100%;
        height: 150vw;
        object-fit: cover;
        left: 0;
        top: -23vw;
    }
    .tk_main_a .tk_main_a_video {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 102vw;
    }
}

/* 大屏PC (≥1200px) */
@media screen and (min-width: 1200px) {
    
	.tk_main_a .tk_main_a_video video {
	    width: 76%;
        left: 12%;
        height: 76vw;
        top: 11vw;
	}
	.tk_main_a .tk_main_a_video img {
        position: absolute;
        width: 100%;
        height: 150vw;
        object-fit: cover;
        left: 0;
        top: -23vw;
    }
    .tk_main_a .tk_main_a_video {
        position: relative;
        width: 100%;
        overflow: hidden;
        height: 102vw;
    }
}
@media screen and (min-width: 450px)  {
	#div1 {
	    width: 35rem;
		max-width: 35rem;
	}
	#div1 ul {
	    max-width: initial;
	}
}
/*my/index.html*/
.tk_my_main{
    width: 90%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 2.5rem;
}
.tk_my_main_a{
    background-color: #d31b1b;
    padding: 3%;
    padding-bottom: 6%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    border-radius: .3rem;
    margin-bottom: .3rem;
}
.tk_my_main_a .tk_my_main_a_img{
    width: 2.5rem;
    height: 2.5rem;
    background-size: 100%;
    margin-top: .3rem;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tk_my_main_a .tk_my_main_a_img img{
    width: 80%;
    height: 80%;
    object-fit: cover;
    border-radius: 50%;
}
.tk_my_main_a .tk_my_main_a_info{
    width: 4.5rem;
    padding-top: .7rem;
}
.tk_my_main_a .tk_my_main_a_info h1{
    font-size: .6rem;
    font-weight: bold;
    margin-bottom: .2rem;
}
.tk_my_main_a .tk_my_main_a_info p{
    font-size: .4rem;
    margin-bottom: .2rem;
}
.tk_my_main_a .tk_my_main_a_info span{
    font-size: .35rem;
}
.tk_my_main_a .tk_my_main_a_edit{
    width: 1rem;
    height: 1rem;
    background-color: #d12e3f;
    border-radius: .2rem;
}
.tk_my_main_a .tk_my_main_a_edit a{
    width: 1rem;
    height: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tk_my_main_a .tk_my_main_a_edit img{
    width: 60%;
}
.tk_my_main_b{
    background-color: #f5f5f5;
    padding: 3%;
    border-radius: .3rem;
    margin-bottom: .3rem;
}
.tk_my_main_b .tk_my_main_b_a, .tk_my_main_ .tk_my_main_b_bb{
    background-color: #9d9d9d;
    padding: 5%;
    border-radius: .3rem;
    margin-bottom: .3rem;
}
.tk_my_main_b .tk_my_main_b_a{
    display: flex
;
    justify-content: space-between;
    align-items: center;
}
.tk_my_main_b .tk_my_main_b_a div{
    width: 80%;
}
.tk_my_main_b .tk_my_main_b_a div h2{
    font-size: .7rem;
    margin-bottom: .3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tk_my_main_b .tk_my_main_b_a div h2 .balance{
   padding-left: 0;
   font-size: .8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tk_my_main_b .tk_my_main_b_a div h2 span{
    font-size: .3rem;
    padding-left: .2rem;
    white-space: nowrap;
}
.tk_my_main_b .tk_my_main_b_a div:first-child p{
    font-size: .4rem;
    font-weight: bold;
}
.tk_my_main_b .tk_my_main_b_a div:last-child{
        width: 15%;
    padding-top: .3rem;
    text-align: center;
}
.tk_my_main_b .tk_my_main_b_a div:last-child span{
    font-size: .4rem;
    margin-bottom: .2rem;
}
.tk_my_main_b .tk_my_main_b_a div:last-child p{
    margin-top: .2rem;
    width: .8rem;
    height: .8rem;
    margin-left: .15rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: conic-gradient(rgba(235,58,78) 36deg, rgba(227,227,227) 36deg 170deg)
}
.tk_my_main_b .tk_my_main_b_a div:last-child i{
    display: block;
    width: .6rem;
    height: .6rm;
    border-radius: 50%;
    background-color: #fff;
}
.tk_my_main_b .tk_my_main_b_b{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #ebebeb;
    padding: 5%;
    border-radius: .3rem;
}
.tk_my_main_b .tk_my_main_b_b h2{
    width: 100%;
    margin-bottom: .5rem;
    font-size: .6rem;
    font-weight: bold;
}
.tk_my_main_b .tk_my_main_b_b h4{
    font-size: .4rem;
    font-weight: bold;
    text-align: center;
}
.tk_my_main_b .tk_my_main_b_b h4 span{
    display: block;
    font-size: .55rem;
    padding-top: .2rem;
}
.tk_my_main_c ul li{
    margin-bottom: .2rem;
    background-color: #f2f2f2;
    border-radius: .3rem;
    background-position: 93% center;
    background-repeat: no-repeat;
    background-size: .25rem;
}
.tk_my_main_c ul li a{
    font-size: .4rem;
    line-height: 1.8;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 2% 5%;
}
.tk_my_main_c ul li a img{
    width:.5rem;
    margin-right: .3rem;
}

/*login.html*/
.tk_login{
    width: 96%;
    margin: 0 auto;
    padding-top: 2.2rem;
    padding-bottom: 12vh;
}
.tk_login_a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}
.tk_login_a h1{
    font-size: .8rem;
}
.tk_login_b ul{
    border: solid 1px #2b6bff;
    padding: 5%;
}
.tk_login_b ul li{
    margin-bottom: .4rem;
    font-size: .36rem;
    line-height: 1.6;
    font-weight: bold;
}
.tk_login_b ul li .reg_mobile{
    display: flex;
    justify-content: flex-start;
}
.tk_login_b ul li input{
    background-color: #ddd;
    width: 97%;
    height: 1rem;
    padding: 0 3%;
}
.tk_login_b ul li select{
    width: 20%;
    padding-left: 3%;
}
.tk_login_b .login{
    font-size: .426667rem;
    line-height: 1rem;
    border-radius: .106667rem;
    background-color: #ff2c55;
    color: #fff;
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: .666667rem;
}
.tk_login_b ul li:last-child{
    background-color: #ddd;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.tk_login_b ul li:last-child input{
    width: 58%;
}
.tk_login_b ul li:last-child img{
    height: .4rem;
}
.tk_login_b .tk_keep_pwd{
    padding-left: 6%;
    padding-top: 5%;
    display: flex;
    align-items: center;
}
.tk_login_b .tk_keep_pwd #KeepPWD{
    border-color: #666;
    margin-top: 0;
    margin-right: .2rem;
}