@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');

.Indbut {
    color: #ffffff;
    font-weight: 900;
    border-radius: 0.04rem;
    background: #2c81ff;
    text-align: center;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-family: poppins;
}

/******************
--------取款--------
******************/
.envDK {
    width: 92%;
    margin: 0 auto;
    padding: 0.15rem 0;
    border-bottom: 0.01rem solid #42485a;
    background: #28253b;
    padding: 15px;
}

.envNz {
    height: 0.28rem;
    font-size: 0.13rem;
    border-bottom: 2px solid #04ff00;
}

.envNH {
    color: #ebecf2;
}

.envNS {
    color: #4bff00;
    font-size: 0.13rem;
}

.envNF {
    width: 92%;
    padding: 0.14rem 4%;
    height: 0.28rem;
    font-size: 0.13rem;
}

    .envNF .envNH,
    .envNF .envNS {
        font-weight: 600;
    }

.envBut {
    width: 92%;
    line-height: 0.35rem;
    display: block;
    margin: 0.05rem auto 0.2rem;
    font-size: 0.13rem;
}

/******************
-------取款1-------
******************/
.envBK {
    width: 100%;
    padding: 0.15rem 4%;
    padding: 22px;
    border-radius: 27px;
    margin: 30px auto;
    backdrop-filter: blur(10px);
}

    .envBK::before {
        background: linear-gradient(to bottom, #000000, #faad39);
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        opacity: 0.5;
        z-index: -1;
        border-radius: 10px;
    }

    .envBK::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 4px solid transparent;
        background: linear-gradient(45deg, #ed1e24, #e6ca6d) border-box;
        border-radius: 10px;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index:-1;
    }

@media (max-width:768px) {
    .envBK {
        width: 85%;
    }
}

.envBD {
    margin-bottom: 0.1rem;
}

.envBDH {
    color: #ffffff;
    font-size: 0.14rem;
    line-height: 0.3rem;
    font-weight: 900;
    font-family: poppins;
}

.envBDI {
    border-radius: 0.02rem;
    background: #696c80;
    border: 0.01rem solid #515466;
    width: 100%;
    padding: 0 4%;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #d8dae5;
    font-size: 0.14rem;
    border-radius: 22px;
    font-weight: 600;
}

.envBDS {
    margin: 22px 26px;
}

.envBDSI {
    border-radius: 0.02rem;
    background: #fff;
    border: 0.01rem solid #515466;
    width: 100%;
    padding: 38px 4%;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #000;
    border-radius: 25px;
}

.envBDSz {
}

    .envBDSz img {
        width: 0.2rem;
        margin-right: 0.05rem;
    }

    .envBDSz p {
        color: #ff720d;
        font-size: 0.145rem;
        font-weight: 600;
    }

.envBmz {
    width: 92%;
    padding: 0.18rem 4% 0.15rem;
}

.envBDP {
    font-size: 0.13rem;
    line-height: 0.22rem;
    margin-top: 0.03rem;
    color: #000;
}

.envBza {
    width: 48%;
    color: #fff;
    line-height: 0.35rem;
    font-size: 0.13rem;
    border-radius: 0.04rem;
    text-align: center;
}

.envBza1 {
    background: #0caf11;
}

.envBza2 {
    background: #294dff;
}

/******************
--------充值--------
9******************/
.recDS {
    border-radius: 0.07rem;
    background: #3c4254;
    width: 100%;
    padding: 0.12rem 5%;
    margin-bottom: 0.17rem;
}

.recDfc {
    margin-bottom: 0.07rem;
}

.recDfcP {
    width: 100%;
    text-align: center;
    line-height: 0.2rem;
    font-size: 0.15rem;
    color: #4bff00;
    font-family: Inter;
}

@media (max-width:768px) {
    .recDfcP {
        font-size: 0.1rem;
    }

    .depDK {
        width: 92%;
    }
}

.recDfcP p {
    width: 28%;
}

.recDfcB {
}

    .recDfcB h3 {
        color: #3e6ffb;
        font-size: 0.15rem;
        line-height: 0.2rem;
        font-weight: bold;
    }

    .recDfcB span {
        font-size: 0.11rem;
        font-weight: bold;
        line-height: 0.2rem;
    }

    .recDfcB p {
        color: #828699;
        font-size: 0.16rem;
        font-weight: bold;
        line-height: 0.2rem;
    }

.recDSp {
    color: #ffffff;
    font-size: 0.12rem;
    line-height: 0.17rem;
}

    .recDSp p {
        margin-bottom: 0.04rem;
    }

.reglab p {
    color: #9a9eb2;
}

.reglab input[type="checkbox"] {
    webkit-appearance: none;
    border: 0.01rem solid #b3b3b3;
    border-radius: 0.02rem;
    vertical-align: middle;
    display: block;
    outline: none;
    background: #fff;
    width: 0.13rem;
    height: 0.13rem;
    margin-right: 0.04rem;
}

    .reglab input[type="checkbox"]:checked {
        background-color: #3e6ffb;
        border: 0.01rem solid #3e6ffb;
        background-image: url(../images/icon/check01.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }

/******************
--------首页--------
******************/

/**/
.IndBan {
    position: relative;
    background-color: #141416;
}

    .IndBan img {
        width: 100%;
    }

.IndBanB {
    padding: 0.3rem 4% 0;
}

    .IndBanB h3 {
        color: #ffffff;
        font-weight: bold;
        font-size: 0.28rem;
        line-height: 0.34rem;
        margin-bottom: 0.05rem;
    }

    .IndBanB p {
        color: #9a9eb2;
        font-weight: bold;
        font-size: 0.14rem;
        line-height: 0.2rem;
        margin-bottom: 0.02rem;
    }

@media (min-width:786px) {
    .IndBanB h3 {
        font-size: 0.48rem;
        line-height: 0.58rem;
    }

    .IndBanB p {
        font-size: 0.25rem;
        line-height: 0.2rem;
    }

    .depDKzN {
        width: 120%;
    }
}

/**/
.Indchi {
    background: #ffffff02;
    padding: 0.2rem 0 0.1rem;
}

.IndchiH {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #fff;
}

.IndchiHa {
    text-align: center;
    width: 100%;
    margin-bottom: 0.15rem;
    display: block;
}

.IndchiHI {
    width: 35%;
    margin: 0 auto 0.1rem;
}

    .IndchiHI img {
        width: 100%;
    }

.IndchiHa h3 {
    color: #3A3D4D;
    font-weight: regular;
    font-size: 0.1rem;
    line-height: 0.2rem;
    margin-bottom: 0.05rem;
}

.IndchiHa p {
    color: #3A3D4D;
    font-weight: semibold;
    font-size: 0.2rem;
    line-height: 0.2rem;
}

.IndchiKL {
    width: 92%;
    padding: 0 4%;
}

    .IndchiKL h3 {
        color: #12131a;
        font-weight: medium;
        font-size: 0.2rem;
        line-height: 0.3rem;
    }

    .IndchiKL p {
        color: #3a3d4d;
        font-weight: regular;
        font-size: 0.13rem;
        line-height: 0.2rem;
        margin-top: 0.1rem;
    }

.IndchiKR {
    width: 92%;
    padding: 0.1rem 4%;
}

.IndchiKRa {
    padding: 0.08rem 0;
}

.IndchiKRI {
    border-radius: 50%;
    overflow: hidden;
    width: 0.2rem;
    height: 0.2rem;
}

    .IndchiKRI img {
        width: 100%;
    }

.IndchiKRa p {
    color: #333333;
    font-weight: medium;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.12rem;
    margin-left: 0.06rem;
    width: 65%;
    line-height: 0.2rem;
}

.IndchiKRa span {
    color: #fb6320;
    font-weight: medium;
    display: block;
    margin-left: auto;
    font-size: 0.13rem;
    line-height: 0.2rem;
}

/**/
.Indzhu {
    background-color: #141416;
    padding-bottom: 0.1rem;
}

.IndzhuN {
    padding: 0.2rem 4% 0;
}

.Indzhu img {
    width: 100%;
}

.IndzhuI img {
    width: 0.4rem;
    height: 0.4rem;
}

.IndzhuS {
    width: 65%;
    text-align: center;
    margin-bottom: 0.22rem;
}

    .IndzhuS h3 {
        color: #fff;
        font-size: 0.1rem;
        line-height: 0.2rem;
        padding: 0.04rem 0;
    }

    .IndzhuS p {
        color: #babdcc;
        font-weight: black;
        font-size: 0.11rem;
        line-height: 0.15rem;
        text-align: left;
    }

        .IndzhuS p span {
            color: #fc4f4f;
        }

/**/
.Indxin {
    background: #eef1fa;
    padding: 0.2rem 0;
}

.IndxinT h3 {
    color: #12131a;
    font-weight: medium;
    line-height: normal;
    text-align: center;
    font-size: 0.15rem;
}

.IndxinT p {
    color: #9a9eb2;
    font-weight: medium;
    line-height: normal;
    text-align: center;
    font-size: 0.11rem;
    margin-top: 0.06rem;
}

.IndxinS {
    width: 100%;
    overflow: auto;
    margin-top: 0.2rem;
}

.IndxinK {
    width: 180%;
    padding: 0 4%;
}

.IndxinA {
    background: #ffffff33;
    border: 0.01rem solid #fff;
    backdrop-filter: blur(16px);
    position: relative;
    overflow: hidden;
    display: block;
    text-align: center;
    border-radius: 0.06rem;
    width: 30%;
    height: 1.7rem;
    padding-top: 0.34rem;
}

    .IndxinA:before,
    .IndxinA:after {
        display: block;
        content: "";
        position: absolute;
    }

    .IndxinA:before {
        top: 0;
        right: 0;
        background: linear-gradient(to bottom, rgba(70, 117, 251, 1), rgba(70, 117, 251, 0));
    }

    .IndxinA:after {
        bottom: 0;
        left: 0;
        background: linear-gradient(to right, rgba(70, 117, 251, 1), rgba(70, 117, 251, 0));
    }

    .IndxinA:before {
        width: 0.05rem;
        height: 0.3rem;
    }

    .IndxinA:after {
        width: 0.3rem;
        height: 0.05rem;
    }

.IndxinI {
    width: 0.6rem;
    margin: 0 auto 0.15rem;
}

    .IndxinI img {
        width: 100%;
    }

.IndxinA h3 {
    color: #12131a;
    font-weight: medium;
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.08rem;
}

.IndxinA p {
    color: #3a3d4d;
    font-weight: medium;
    font-size: 0.11rem;
    line-height: 0.15rem;
}

div::-webkit-scrollbar {
    width: 4px;
    height: 0;
}

div::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
}

div::-webkit-scrollbar-track {
    border-radius: 0;
    background: rgba(0, 0, 0, 0);
}

/**/
.Indjfz {
    background: #151517;
    padding: 0.2rem 0 0.26rem;
}

.IndjfzT {
    color: #fff;
    font-weight: medium;
    line-height: normal;
    text-align: center;
    font-size: 0.16rem;
}

.IndjfzZ {
    width: 100%;
    overflow: auto;
    margin-top: 0.15rem;
}

.IndjfzN {
    position: relative;
    padding: 0 1%;
    width: 150%;
}

.Indjfzs {
    width: 20%;
}

    .Indjfzs img {
        width: 0.5rem;
        margin: 0 auto 0.01rem;
    }

    .Indjfzs p {
        text-align: center;
        color: #fff;
        font-size: 0.1rem;
        line-height: 0.18rem;
    }

.Indjfzx {
    position: absolute;
    height: 0;
    border: 1px dashed #b1b5c3;
    width: 23%;
    top: 0.3rem;
}

    .Indjfzx:before,
    .Indjfzx:after {
        display: block;
        content: "";
        position: absolute;
        border-radius: 50%;
        background: #151517;
    }

    .Indjfzx:before,
    .Indjfzx:after {
        border: 2px solid #b1b5c3;
        width: 8px;
        height: 8px;
        top: -5px;
    }

    .Indjfzx:before {
        left: -2px;
    }

    .Indjfzx:after {
        right: -2px;
    }

.Indjfzx1 {
    left: 18%;
}

.Indjfzx2 {
    right: 18%;
}

/**/
.IndZhu {
    background-color: #040507;
}

    .IndZhu img {
        width: 100%;
    }

.IndZhuK {
    width: 100%;
    text-align: center;
    padding: 0.2rem 4% 0.1rem;
}

    .IndZhuK h3 {
        color: #3e6ffb;
        font-weight: medium;
        font-size: 0.15rem;
        line-height: 0.22rem;
    }

    .IndZhuK p {
        color: #fff;
        font-weight: regular;
        line-height: normal;
        font-size: 0.11rem;
        margin-top: 0.1rem;
    }

.IndZhua {
    color: #FFFF;
    font-weight: medium;
    text-align: center;
    background: #3E6FFB;
    display: block;
    font-size: 0.12rem;
    width: 1rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-top: 0.18rem;
}

/*footer*/
.foot {
    border-top: 0.01rem solid #f3f3f3;
    padding: 0.1rem 4%;
}

.ftKnL {
    color: #12131a;
    font-size: 0.11rem;
    line-height: 0.18rem;
    margin-bottom: 0.01rem;
}

    .ftKnL p {
        padding: 0 0.03rem;
    }

.ftKnLA {
    color: #12131a;
    
    font-weight: bold;
}

.ftKnC {
    
    font-weight: bold;
    font-size: 0.1rem;
    line-height: 0.16rem;
    color: #12131a;
}

.ftKI {
    margin-top: 0.15rem;
    margin-bottom: 0.05rem;
}

.ftKIa {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    margin-left: 0.15rem;
}

    .ftKIa img {
        width: 100%;
        display: block;
    }

    .ftKIa:first-child {
        margin-left: 0;
    }

.contractAddress {
    position: relative;
}

    .contractAddress::after {
        content: "...";
        color: white;
        position: absolute;
        top: 0;
        right: -8px;
    }

/*****************************************/
.hdFS {
    position: relative;
    width: 92%;
    padding: 2.5em;
    color: #fff;
    /* background: linear-gradient(to bottom, #000000, #faad39);*/
    margin-bottom: 0.15rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    border-radius: 10px;
    /* border: 5px solid #b22379 !important;*/
    -webkit-box-shadow: 4px -4px 32px 14px rgba(173,33,173,0.45);
    -moz-box-shadow: 4px -4px 32px 14px rgba(173,33,173,0.45);
    box-shadow: 4px -4px 32px 14px rgba(173,33,173,0.45);
}

    .hdFS::before {
        background: linear-gradient(to bottom, #000000, #faad39);
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        opacity: 0.5;
        z-index: -1;
        border-radius: 10px;
    }

    .hdFS::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 4px solid transparent;
        background: linear-gradient(45deg, #ed1e24, #e6ca6d) border-box;
        border-radius: 10px;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
    }

.hdFSN {
    font-size: 0.1rem;
    height: 0.34rem;
    flex-wrap: nowrap;
    column-gap: 10px;
}

    .hdFSN p {
        color: #fff;
        line-height: 0.2rem;
        font-size: 13px;
        margin-right: 10px;
    }


/* marquee img {
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
}

marquee span {
  color: #ebecf2;
  line-height: 0.2rem; 
  font-size: 13px; 
  margin-right: 10px;
} */


.hdFSNp {
    color: #fff;
    font-size: 12px;
}

.madbck {
    margin-bottom: 0.15rem;
    gap: 9px;
}

.dasNuz {
    width: 100%;
    padding: 0;
    overflow: auto;
}

.dasNuzK {
    width: 100%;
    margin-bottom: 2%;
}

.dasNuzA.Huans.flexC.fl-bet > img {
    filter: hue-rotate(256deg);
}

.dasNuzA {
    color: #fff;
    width: 33%;
    height: 150px;
    position: relative;
    border-radius: 12px;
    padding: 10px;
    /* padding: 15px 0 0 !important; */
    /* flex-direction: column-reverse; */
}

    .dasNuzA::before {
        background: linear-gradient(to bottom, #000000, #faad39);
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        opacity: 0.5;
        z-index: -11;
        border-radius: 10px;
    }

    .dasNuzA::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 4px solid transparent;
        background: linear-gradient(45deg, #ed1e24, #e6ca6d) border-box;
        border-radius: 10px;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index: -1;
    }

    .dasNuzA::before {
        content: "";
        width: 100%;
        /* height: 52%;
  background-color: #28253bb5; */
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: -11;
    }

@media (max-width:768px) {
    .dasNuzA {
        width: 95%;
    }
}

.flexDiv {
    width: 100%;
    font-size: 18px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 130px;
    padding: 8px 24px;
}

    .flexDiv h3,
    .flexDiv p {
        font-size: 16px;
        font-weight: 600 !important;
        font-family: 'Poppins', sans-serif;
    }

@media (max-width:768px) {
    .flexDiv h3,
    .flexDiv p {
        font-size: 19px;
    }
}

/* .dasNuzA1 {
  background: linear-gradient(86deg, #9b7723 0%, #0a9d0b 100%);
}
.dasNuzA2 {
  background: linear-gradient(90deg, #2f8c75 0%, #03775b 100%);
}
.dasNuzA3 {
  background:linear-gradient(89.67deg, #2929a9 0%, #419183 100%);
}
.dasNuzA4 {
  background: linear-gradient(90deg, #0f4cc2 0%, #0339a4 100%);
}
.dasNuzA5 {
  background: linear-gradient(90deg, #00d0d3 0%, #a37b1c 100%);
}
.dasNuzA6 {
  background:linear-gradient(90deg, #2e996cfc 0%, #5e50ff 100%);
} */
.dasNuzI {
    width: 30%;
}

    .dasNuzI img {
        width: 0.32rem;
    }

.dasNuzN {
    width: 70%;
}

    .dasNuzN h3 {
        font-size: 0.13rem;
        line-height: 0.2rem;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 2px;
        font-weight: 600;
    }

    .dasNuzN p {
        font-size: 0.15rem;
        line-height: 0.2rem;
        margin-top: 0.02rem;
    }

/**/
.dasTck {
    width: 100%;
}

.mat-box {
    width: 33%;
    height: 150px;
    padding: 14px;
    background-color: #fff;
    border: 5px solid #b22379;
    border-radius: 10px;
    /* border: 3px solid #6418c3; */
    /* border-radius: 10px; */
    /* margin-bottom: 10px; */
    /* background-color: #000; */
}

.mat-btn {
    color: #fff;
    border-radius: 0.02rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 0.13rem;
    width: 60%;
    height: 0.3rem;
    line-height: 0.3rem;
}

.dasTckN {
    width: 100%;
    padding: 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    -webkit-box-shadow: 4px -4px 32px 14px rgb(211 157 40 / 45%);
    -moz-box-shadow: 4px -4px 32px 14px rgb(211 157 40 / 45%);
    box-shadow: 4px -4px 32px 14px rgb(211 157 40 / 45%);
    position: relative;
    padding: 23px;
}

    .dasTckN::before {
        background: linear-gradient(to bottom, #000000, #faad39);
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        opacity: 0.5;
        z-index: -11;
        border-radius: 10px;
    }

    .dasTckN::after {
        content: "";
        position: absolute;
        inset: 0;
        border: 4px solid transparent;
        background: linear-gradient(45deg, #ed1e24, #e6ca6d) border-box;
        border-radius: 10px;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        z-index:-1;
    }


/*/*.dasTckN:nth-child(odd) {
  margin-right: 0.12rem;
}
*/


.dasTckI {
    width: 60%;
    margin: 0 auto 0.12rem;
}

    .dasTckI img {
        width: 100%;
    }

.dasTckNA {
    color: #fff;
    border-radius: 0.02rem;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 0.13rem;
    width: 60%;
    height: 0.3rem;
    line-height: 0.3rem;
}

@media only screen and (max-width:768px) {

    .tick-box {
        width: 100% !important;
    }

    .dasTckN {
        width: 46%;
    }

    .dasTckNA {
        width: 95%;
    }
}

.dasTckA1 {
    background: linear-gradient(90deg, #3e6ffb 0%, #043acf 100%);
}

.dasTckA2 {
    background: linear-gradient(90.09deg, #2ccd62 0%, #0a9037 100%);
}

.dasTckA3 {
    background: linear-gradient(90deg, #ff8d5a 0%, #e1591d 100%);
}

.dasTckA4 {
    background: linear-gradient(90deg, #a276ff 0%, #6731dc 100%);
}

/**/
.dasDen {
    width: 100%;
    color: #060606;
    padding: 0.13rem 4%;
    background: #fff;
    border-radius: 5px;
}

.dasDenLP {
    width: 100%;
}

.dasDenLs img {
    display: block;
}

.dasDenLhp {
    display: block;
}

.dasDenLPn {
    color: #fff;
}

.dasDenLc {
    background: #1044d8;
    text-align: center;
    color: #fff;
    display: block;
}

.dasDenRP {
    background: #053daa;
    border: 1px solid #3c4254;
    align-content: center;
}

    .dasDenRP p {
        width: 100%;
        text-align: center;
        color: #fff;
    }

.dasDenRw {
    color: #053daa;
    background: #fff;
    text-align: center;
}

.dasDenL {
    width: 100%;
}

.dasDenLP {
    padding: 0.02rem 0;
}

    .dasDenLP h3 {
        font-size: 0.12rem;
        line-height: 0.2rem;
        margin-right: 3%;
    }

.dasDenLs {
    margin-right: 0.12rem;
}

    .dasDenLs img {
        width: 0.15rem;
        margin-right: 0.01rem;
    }

.dasDenLhp {
    width: 0.17rem;
    height: 0.17rem;
}

    .dasDenLhp img {
        width: 100%;
    }

.dasDenLPn {
    font-size: 0.125rem;
}

.dasDenLc {
    border-radius: 0.02rem;
    width: 0.6rem;
    height: 0.24rem;
    line-height: 0.24rem;
    font-size: 0.12rem;
    margin-left: 0.1rem;
}

.dasDenR {
    width: 100%;
    margin-top: 0.08rem;
}

.dasDenRH {
    font-size: 0.14rem;
    line-height: 0.26rem;
}

.dasDenRN {
    padding-top: 0.1rem;
}

.dasDenRP {
    width: 21%;
    border-radius: 0.04rem;
    height: 1.3rem;
    margin-left: 4.6%;
    margin-bottom: 0.12rem;
}

    .dasDenRP:nth-child(4n + 1) {
        margin-left: 0;
    }

    .dasDenRP p {
        line-height: 0.2rem;
        font-size: 0.11rem;
    }

.dasDenRw {
    margin-top: 0.3rem;
    border-radius: 0.02rem;
    font-size: 0.125rem;
    width: 76%;
    line-height: 0.22rem;
}


.daRizT {
    color: #060606;
    font-size: 0.16rem;
    line-height: 0.28rem;
    font-weight: 600;
    font-family: 'Poppins';
    letter-spacing: 2px;
    background: #f4f4f7;
    padding: 13px;
    border-bottom: 2px solid gray;
}

.daRizN {
    overflow: scroll;
    font-size: 0.16rem;
    line-height: 0.28rem;
    font-weight: 600;
    font-family: 'Poppins';
    letter-spacing: 2px;
    background: #28253b;
    padding: 13px;
}

.daRizNN {
    padding-top: 0;
}

.daRiza {
    color: #04ff00;
    width: 100%;
    padding: 0.08rem 0;
    font-size: 0.115rem;
    border-bottom: 1px solid gray;
}

.daRizaP {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 29%;
}

.daRizaW {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #04ff00;
    width: 42%;
}

/*.daRizaS {
  margin-left: auto;
  
}*/

.daRizaS img {
    width: 0.23rem;
}

.daRizaS p {
    color: #04ff00;
    line-height: 0.18rem;
    margin-left: 0.06rem;
}

.daRizaU {
    color: #9a9eb2;
    border-right: 0.01rem solid #ebeaed;
    height: 0.28rem;
    line-height: 0.28rem;
    width: 7%;
}

.daRizaI {
    border-radius: 50%;
    overflow: hidden;
    width: 0.32rem;
    height: 0.32rem;
    margin-left: 4%;
}

    .daRizaI img {
        width: 100%;
    }

.daRizaM {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 38%;
    margin-left: 4%;
}

.daRiza:nth-child(1) .daRizaU {
    color: #ffbd63;
}

.daRiza:nth-child(2) .daRizaU {
    color: #3e6ffb;
}

.daRiza:nth-child(3) .daRizaU {
    color: #ff4e4e;
}

.daRiza:nth-child(4) .daRizaU {
    color: #63e679;
}

.daRiza:nth-child(5) .daRizaU {
    color: #f5e085;
}

.daRiza:nth-child(6) .daRizaU {
    color: #74e4ec;
}

.daRiza:nth-child(7) .daRizaU {
    color: #f3ae76;
}

.daRiza:nth-child(8) .daRizaU {
    color: #5ec98a;
}

.daRiza:nth-child(9) .daRizaU {
    color: #6f9ad1ce;
}

.daRiza:nth-child(10) .daRizaU {
    color: #f684bd;
}

.daRizNz {
    margin-left: auto;
    width: 0.14rem;
}

    .daRizNz img {
        width: 100%;
    }

/**/
.dasJia1 {
    border: 1px solid #df18de;
}

    .dasJia1 .dasJiaLN h3 {
        color: #df18de;
    }

    .dasJia1:before {
        background: linear-gradient(to bottom, #df18de, rgba(255, 78, 78, 0));
    }

    .dasJia1:after {
        background: linear-gradient(to right, #df18de, rgba(255, 78, 78, 0));
    }

.dasJia2 {
    border: 1px solid #2224FD;
}

    .dasJia2 .dasJiaLN h3 {
        color: #b5b6ff;
    }

    .dasJia2:before {
        background: linear-gradient(to bottom, #2224FD, rgba(62, 111, 251, 0));
    }

    .dasJia2:after {
        background: linear-gradient(to right, #2224FD, rgba(62, 111, 251, 0));
    }

.dasJia3 {
    border: 1px solid #ffbd63;
}

    .dasJia3 .dasJiaLN h3 {
        color: #ffbd63;
    }

    .dasJia3:before {
        background: linear-gradient(to bottom, rgba(255, 189, 99, 1), rgba(255, 189, 99, 0));
    }

    .dasJia3:after {
        background: linear-gradient(to right, rgba(255, 189, 99, 1), rgba(255, 189, 99, 0));
    }

.dasJia {
    background: #f6f6f8;
    position: relative;
    overflow: hidden;
    border-radius: 0.08rem;
    margin-bottom: 0.12rem;
    padding: 0.12rem 4%;
    width: 100%;
}

    .dasJia:before,
    .dasJia:after {
        display: block;
        content: "";
        position: absolute;
    }

    .dasJia:before {
        top: 0;
        right: 0;
        width: 0.07rem;
        height: 0.5rem;
    }

    .dasJia:after {
        bottom: 0;
        left: 0;
        width: 0.5rem;
        height: 0.05rem;
    }

.dasJiaL {
    width: 100%;
    margin-bottom: 0.1rem;
}

.dasJiaLI {
    width: 0.28rem;
}

    .dasJiaLI img {
        width: 100%;
    }

.dasJiaLN {
    width: 86%;
}

    .dasJiaLN h3 {
        font-size: 0.14rem;
        line-height: 0.2rem;
    }

    .dasJiaLN p {
        font-size: 0.1rem;
        line-height: 0.16rem;
        color: #000;
    }

.dasJiaC {
}

.dasJiaCn {
    color: #fff;
    text-align: center;
    border-radius: 0.04rem;
    font-size: 15px;
    width: 0.12rem;
    line-height: 0.3rem;
    height: 0.3rem;
    font-weight: 600;
}

.dasJiaC p {
    position: relative;
    width: 0.12rem;
    height: 0.3rem;
    color: #9a9eb2;
}

    .dasJiaC p:before,
    .dasJiaC p:after {
        display: block;
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        background: #c4c4c4;
        border-radius: 50%;
        width: 0.04rem;
        height: 0.04rem;
    }

    .dasJiaC p:before {
        top: 50%;
        margin-top: -0.06rem;
    }

    .dasJiaC p:after {
        bottom: 50%;
        margin-bottom: -0.06rem;
    }

.dasJiaR {
    margin-left: 4%;
}

    .dasJiaR p {
        font-size: 0.12rem;
        line-height: 0.18rem;
        margin-right: 0.04rem;
    }

/*****************
-------弹出-------
*****************/
/*弹出*/
.TcB {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
}

.TcN {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000;
}

.TcN2 {
    position: fixed;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1000;
}

.Tc-close {
    position: absolute;
}

    .Tc-close img {
        width: 100%;
    }

.TcNr {
    width: 100%;
    height: 100%;
    align-content: center;
}

/*确定推荐人页面*/
.Tc-tjr {
    background: #B5FAF9;
    background-size: 100% 100%;
    backdrop-filter: blur(5px);
    border: 0.01rem solid #000000;
    border-radius: 0.06rem;
    width: 88%;
    top: 50%;
    padding: 0rem 0 0.25rem;
    transform: translate(0px, -50%);
}

.Tc-tjp {
    background: #008b5e;
    background-size: 100% 100%;
    backdrop-filter: blur(5px);
    border: 0.01rem solid #000000;
    border-radius: 0.06rem;
    width: 88%;
    top: 50%;
    padding: 0rem 0 0.25rem;
    transform: translate(0px, -50%);
}

.Tc-tjrI {
    margin: 0.3rem auto 0;
    width: 38%;
}

.Tc-tjrI2 {
    margin: 13px;
    width: 100%;
}

.Tc-tjrI img {
    width: 100%;
}

.Tc-tjrN {
    text-align: center;
    width: 100%;
    font-size: 0.13rem;
    line-height: 0.2rem;
    margin-top: 0.16rem;
}

.Tc-tjrNH {
    color: #2b0024;
    margin-bottom: 0.1rem;
    font-weight: 900;
    font-size: 15px;
    letter-spacing: 1px;
    font-family: 'Poppins';
    text-transform: uppercase;
}

.Tc-tjrNP {
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 1px;
    word-wrap: break-word;
    padding: 0px 37px;
}

.Tc-cfB {
    width: 86%;
    margin: 0.12rem auto 0;
}

.Tc-cfBa {
    color: #fbfafc;
    text-align: center;
    border-radius: 0.04rem;
    font-size: 0.12rem;
    width: 38%;
    line-height: 0.28rem;
    height: 0.28rem;
}

.Tc-cfBa2 {
    margin: auto;
}

.Tc-cfBel {
    border: 0.01rem solid #fff;
}

.Tc-cfBqd {
    background: #3e6ffb;
    border: 0.01rem solid #3e6ffb;
}

.depDK {
    background: #1d1f25; 
    border-radius: 0.08rem;
    margin: 0 auto 0.15rem;
    overflow: auto;
}


.depDKzN {
    width: 100%;
}

@media screen and (max-width:768px) {
    .depDKzN {
        width: 150%;
    }
}
 
.depTit {
    border-bottom: 0.01rem solid #393556;
    padding: 0.15rem 0.12rem 0.08rem;
}

.depTitH {
    color: #fff;
    font-weight: 600;
    font-size: 0.14rem;
    line-height: 0.22rem;
}

.Depsearch {
    background: #282c38;
    border: 0.01rem solid #3c4254;
    overflow: hidden;
    border-radius: 0.04rem;
    width: 1.5rem;
    line-height: 0.26rem;
    height: 0.26rem;
}

.DepsearchI {
    color: #757b8c;
    width: 100%;
    background-color: #282c38;
    background-image: url("../images/icon/search.png");
    background-repeat: no-repeat;
    border: none;
    font-size: 0.12rem;
    padding-left: 0.3rem;
    padding-right: 0.1rem;
    line-height: 0.26rem;
    height: 0.26rem;
    background-position: 0.1rem center;
    background-size: 0.13rem;
}

.teaTit {
    margin-top: 0.05rem;
}

.teaTita {
    background: #3a3d4d;
    color: #fff;
    display: block;
    line-height: 0.2rem;
    height: 0.2rem;
    padding: 0 0.12rem;
    margin-right: 0.08rem;
    font-size: 0.11rem;
}

.teaTit .on {
    background: #3e6ffb;
}

.DepTab {
    color: #fff;
}

    .DepTab tr th,
    .DepTab tr td {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 0.11rem;
        padding: 0 1%;
    }

        .DepTab tr th:first-child,
        .DepTab tr td:first-child {
            text-align: left;
        }

    .DepTab tr:nth-child(2n + 2) td {
        background: #23262f;
    }

    .DepTab tr th {
        height: 0.35rem;
    }

    .DepTab tr td {
        height: 0.25rem;
        text-align:left;
    }

.DepCZ1,
.DepCZ2 {
    border-radius: 0.03rem;
    line-height: 0.18rem;
    padding: 0 0.05rem;
}

.DepC1 {
    color: #34d6a0;
}

.DepC2 {
    color: #3e6ffb;
}

.DepC3 {
    color: #ff4e4e;
}

.DepC4 {
    color: #fb6320;
}

.DepC5 {
    color: #eaaf2b;
}

.DepC6 {
    color: #9a9eb2;
}

.DepC7 {
    color: #179942;
}

.DepCZ1 {
    font-size: 0.09rem;
    background: #246cf933;
    display: inline-block;
}

.DepCZ2 {
    font-size: 0.09rem;
    background: #fb632019;
    display: inline-block;
}

/********分页*******/
.page {
    color: #fff;
    text-align: center;
    width: 100%;
}

    .page ul {
        width: 100%;
    }

    .page a {
        display: block;
        color: #babdcc;
    }

.page {
    font-size: 12px;
}

    .page a.on,
    .page a:hover {
        color: #3e6ffb;
        background: #5542f619;
    }

    /********分页*******/
    .page a {
        border-radius: 0.03rem;
    }

.page {
    font-size: 0.1rem;
    padding: 0.15rem 0.3rem;
}

    .page a {
        width: 0.18rem;
        height: 0.18rem;
        line-height: 0.18rem;
        margin: 0 0.01rem;
    }

.teaBRe {
    width: 100%;
}

.teaBRCn {
    width: 48%;
    color: #babdcc;
    font-size: 12px;
}

.teaBRCnh i {
    border-radius: 50%;
    background: #3e6ffb;
}

.teaBRCnh p {
    color: #3e6ffb;
    font-weight: bold;
}

.teaBRF {
    border-top: 1px solid #282c38;
}

.teaBRFa {
    width: 48%;
}

.teaBRFp p {
    color: #fff;
}

.teaBR {
    padding: 0.1rem 0;
    width: 92%;
    margin: 0 auto 0.2rem;
}

.teaBRe {
    height: 2rem;
}

.teaBRC {
    padding: 0.1rem 4% 0.15rem;
}

.teaBRCn {
    width: 48%;
    padding: 0.06rem 0;
    line-height: 0.16rem;
}

.teaBRCnh {
    line-height: 0.16rem;
}

    .teaBRCnh i {
        width: 0.05rem;
        height: 0.05rem;
        margin-right: 0.04rem;
    }

    .teaBRCnh p {
        font-size: 0.14rem;
        margin-right: 0.04rem;
    }

.teaBRF {
    padding: 0.15rem 4% 0;
    width: 92%;
}

.teaBRFa {
    padding: 0.1rem 10px;
    background: #28253b;
    width: 46%;
    border-radius: 40px;
}

@media (max-width:768px) {
    .teaBRFa {
        padding: 0.1rem 10px;
        background: #28253b;
        width: 100%;
    }
}

.teaBRFa img {
    width: 0.28rem;
}

.teaBRFp {
    padding-left: 0.1rem;
}

    .teaBRFp p {
        font-size: 0.13rem;
        line-height: 0.16rem;
        font-weight: 600;
        font-family: 'Poppins';
        letter-spacing: 2px;
    }

    .teaBRFp h3 {
        font-size: 0.15rem;
        line-height: 0.2rem;
        font-weight: 600;
    }

.levelHint {
    padding: 3px 3px;
    font-size: 0.1rem;
    color: #fff;
    line-height: 0.15rem;
    width: 1rem;
    margin-left: 1.68rem;
    background: #000;
    border: 1px solid #3c4254;
    position: absolute;
    z-index: 2;
    display: none;
    width: 1.1rem;
    border-radius: 0.1rem;
}

.luckHint {
    padding: 1px 3px;
    font-size: 0.1rem;
    color: #fff;
    line-height: 0.15rem;
    background: #3c425466;
    border: 1px solid #4c5c86;
    position: absolute;
    z-index: 2;
    display: none;
    width: 0.8rem;
    border-radius: 0.1rem;
    margin-left: 2.25rem;
    margin-top: 0.2rem;
}

.topHint {
    padding: 1px 3px;
    font-size: 0.1rem;
    color: #fff;
    line-height: 0.15rem;
    background: #3c425466;
    border: 1px solid #4c5c86;
    position: absolute;
    z-index: 2;
    display: none;
    width: 0.8rem;
    border-radius: 0.1rem;
    margin-left: 2.25rem;
    margin-top: 0.2rem;
}

.starHint {
    padding: 1px 3px;
    font-size: 0.1rem;
    color: #fff;
    line-height: 0.15rem;
    background: #3c425466;
    border: 1px solid #4c5c86;
    position: absolute;
    z-index: 2;
    display: none;
    width: 0.8rem;
    border-radius: 0.1rem;
    margin-left: 2.25rem;
    margin-top: 0.2rem;
}

.DepTabBN {
    background: #3c425466;
    border: 1px solid #3c4254;
    position: absolute;
    top: 2.9rem;
    right: 0.05rem;
    z-index: 2;
    display: none;
    border-radius: 0.05rem;
}

    .DepTabBN p {
        text-align: left;
        border-bottom: 1px solid #3c4254;
    }

        .DepTabBN p:last-child {
            border-bottom: none;
        }

.depositBut {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .depositBut img {
        width: 100px;
    }

.tip {
    background-color: #263646;
    padding: 0 14px;
    line-height: 27px;
    position: absolute;
    border-radius: 4px;
    z-index: 100;
    color: #fff;
    font-size: 12px;
    animation-name: tip;
    animation-duration: .6s;
    animation-fill-mode: both
}

    .tip:before {
        content: "";
        background-color: #263646;
        height: 10px;
        width: 10px;
        display: block;
        position: absolute;
        transform: rotate(45deg);
        top: -4px;
        left: 17px
    }

#copied_tip {
    animation-name: come_and_leave;
    animation-duration: 1s;
    animation-fill-mode: both;
    bottom: -35px;
    left: 2px
}

/*=========================== custom =====================*/

.os-tabs-controls {
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 15px;
    margin-bottom: 11px;
}


.dwc-value {
    display: block;
    font-size: 14px;
    margin: 11px 29px;
}

.form-inp {
    width: 233px;
    padding: 7px 5px;
    /* background: #000;
    border-color: #000;*/
}

.input-group-addon {
    background: #0c41d5;
    font-size: 18px;
    padding: 5px 27px;
    margin: 3px 5px;
}

.daily-val {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px
}
@media screen and (max-width:768px){
    .daily-val{
        font-size:11px;
    }
    .daily-val img{
        width:25PX;
    }
    .daily-val2 img{
        width:20px;
    }
}

/*.text-dark{
    color:#000;
}*/


.text-center {
    text-align: center;
}

.btn-help {
    background: #3cbc0d;
    border-color: #3cdc0d;
    padding: 5px 82px;
    margin: auto;
    font-size: 14px;
    border-radius: 5px
}



.link_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container {
    color: #000;
    margin: 5rem auto;
    text-align: center;
}

h1 {
    font-weight: normal;
    text-transform: uppercase;
    color: #000;
}

.timer-li {
    display: inline-block;
    font-size: 0.8em;
    list-style: none;
    padding: 0em;
    text-transform: uppercase;
    color: #000;
}

    .timer-li span {
        display: block;
        font-size: 0.2rem;
        color: #000;
    }

.link-pass h4 {
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #9f5600;
    background: #ff8300;
}

.link-pending h4 {
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #9f5600;
    background: #ff8300;
}

.link-fail h4 {
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #d77400;
    background: #ff0000;
}

.link-withdraw h4 {
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #00d5a2;
    background: #00b10f;
}

.link-processing h4 {
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #d4d500;
    background: #ffa600;
    font-size:12px;
}

.link-complete h4 {
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
    border: 1px solid #004ed5;
    background: #009fff;
    font-size:12px;
}

.Date_box h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin: 2px;
    padding: 5px;
}

.Date_boxl h4 {
    font-size: 14px;
    font-weight: 500;
    margin: 2px;
    padding: 5px;
}
/*.link_box .Date_box{
    display:flex;
}*/
.Date_box:nth-child(2) {
    display: flex;
    flex-direction:column;
    background: #B22379;
    border-radius: 5px;
}
.d-flex {
    display: flex;
}
/*.Date_box:nth-child(2) h4:first-child {
    background: #B22379;
    border-radius: 5px;
} 
*/
.ref_link {
    display: block;
    text-align: center;
    font-size: 14px;
    margin: 5px 0px;
}

.ref_code {
    text-align: center;
    font-size: 18px;
}

.pay-head {
    text-decoration: none;
    text-shadow: none;
    font-weight: normal;
    color: #fff;
    font-weight: 700;
}

.Dai-val {
    display: block;
    text-align: center;
    font-size: 24px;
    /* margin: 9px 0px;*/
    color: #E6A12D;
}

.text-center .Dai-val {
    margin-bottom: 100px;
}

.text-start {
    position: absolute;
    bottom: 22px;
}

.odin {
    font-size: 14px;
}

.btn-details {
    font-size: 14px;
    border-radius: 6px;
    padding: 8px 13px;
    background: #137ad4;
    color: #fff;
    border-color: #137ad4;
    margin: 8px 0px;
}

.copy-btn {
    padding: 2px 4px;
    background: #3d6efb;
    color: #fff;
}

.inp-bg {
    background: transparent;
    border: 0px;
    color: #fff;
}

.tok {
    font-size: 14px;
    color: #fff;
}

.tok_val {
    font-size: 0.145rem;
    font-weight: 600;
    color: #f9f7f6;
    padding: 4px 26px;
    text-align: center;
    background-image: url('../images/icon/down-light.png') !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    font-family: sans-serif;
}

    .tok_val select .dwc-bg {
        background: #51AF95;
    }

select option[value="dai"] {
    background: #51AF95;
}
    select option[value="dai"]:hover {
        background: #ad25a7;
    }

select option[value="dwc"] {
    background: #ad25a7;
}

select > option[value="dwc"] {
    background: #ad25a7;
}

select {
    font-family: 'FontAwesome', 'Second Font name'
}

.img-box {
    border: 0;
    display: block;
    border-radius: 50%;
    padding: 5px;
    background: #e7b2636b;
    box-shadow: 0px 0px 3px 0px #060606;
    width: 30px;
    height: 30px;
}

.pink {
    color: #fff;
}

.bar-txt {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    margin-bottom: 0.2rem;
}

.progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 0.2rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9f3fd;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    -webkit-box-shadow: inset 0 4px 8px rgba(0,0,0,0.16);
    box-shadow: inset 0 4px 8px rgba(0,0,0,0.16);
}

#ctl00_ContentPlaceHolder1_lblpercentage {
    background: #227eda;
    border-radius: 3px;
    padding: 2px;
    color: #fff;
    font-size: 0.15rem;
}
@media screen and (max-width:768px){
    .table-responsive {
        width: 200vw !important;
    }
}
.d-none{
    display:none;
}