.index-title{
    color: #fdf050;
    font-size: 50px;
    margin-left: 15px;
    margin-top: 10px;
    font-weight: 900;
}

.index-img{
    height: 30px;
    width: 30px;
    margin-top: 30px;
    border-radius: 50%;
    border: 3px solid white;
}

.index-title-1{
    color: white;
    font-size: 30px;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: 900;
}

.index-title-2{
    color: #fdf050;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 900;
}

.index-title-3{
    color: #aeadf2;
    font-size: 16px;
    font-weight: 900;
}

.index-btn{
    border-radius: 5px;
    background-color: #FCD535;
    width: 200px;
    color: #FFF;
    margin:10px auto;
}

.index-title-4{
    color: #2b2b2b;
    font-size: 22px;
    font-weight: 900;
    margin-top: 20px;
}

.index-title-5{
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 900;
    padding-left: 15px;
    padding-right: 10px;
}

.index-img-2{
    width: 60px;
    height: 60px;
}

.index-title-6{
    color: #000;
    font-size: 18px;
    font-weight: 900;
}

.index-title-7{
    color: #2b2b2b;
    font-size: 15px;
    font-weight: 900;
    margin-top: -10px;
}

.index-title-8{
    color: #fcfcfc;
    font-size: 22px;
    font-weight: 900;
    margin-top: 20px;
}

.index-img-area{
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px
}

.index-img-3{
    width: 90%;
}

.index-img-4{
    width: 50px;
    height: 50px;
}

.login-title{
    color: #1452f5;
    font-size: 60px;
    font-weight: bolder;
}

.login-btn{
    border-radius: 5px;
    background-color: #1452f5;
    width: 70%;
    margin-left: 15%;
    color: #f7f7f7;
    margin-top: 20px;
    font-size: 16px;
}

.login-text{
    color: #1452f5;
    font-weight: 600;

}

.pool-title{
    color: #fdf050;
    font-size: 50px;
    margin-left: 15px;
    margin-top: 10px;
    font-weight: 900;
}

.pool-title-1{
    color: white;
    font-size: 14px;
}

.pool-title-2{
    color: white;
    font-size: 26px;
}
.pool-title-3{
    color: #fdf050;
    font-size: 16px;
    line-height: 10px;
}

.pool-title-4{
    color: white;
    font-size: 14px;
    line-height: 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;

}

.pool-s-line{
    width: 1px;
    height: 50px;
    background-color: #b1b1b1;
}

.pool-title-5{
    font-size: 16px;
    color: #161616;
    text-align: right;
}

.pool-btn{
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.pool-title-6{
    font-size: 14px;
    color: #494949;
    line-height: 12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pool-title-7{
    font-size: 16px;
    color: #363d49;
    line-height: 16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pool-f{
    width: 42.5%;
    height: 60px;
    background-color: #eff0c8;
    border-radius: 5px;
    margin-left: 5%;
    padding-top: 10px;
}

.pool-f-1{
    width: 42.50%;
    height: 60px;
    background-color: #eff0c8;
    border-radius: 5px;
    margin-left: 5%;
    padding-top: 10px;
}

.pool-title-8{
    font-size: 14px;
    color: #1b1b1b;
    font-weight: 600;
    margin-left: 4%;
    margin-top: 20px;
}

.table-tr-1{
    text-align: center;
    background-color: #333;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.table-tr-1 th{
    color: white;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.table tr{
    text-align: center;
}

.mine-img{
    margin-top: 20px;
    width: 60px;
}
.mine-id{
    margin-top: 20px;
    color: white;
}
.mine-code{
    color: white;
}

.mine-title-1{
    color: white;
    font-size: 14px;
    margin-top: 20px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.mine-title-2{
    color: #ffee55;
    font-size: 22px;
    line-height: 22px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.mine-btn{
    border-radius: 5px;
    background-color: #9092b7;
    margin: 0 auto;
    color: #f7f7f7;
    margin-top: 10px;
    font-size: 16px;
}
.mine-title-3{
    color: #ffee55;
    font-size: 12px;
    line-height: 10px;
    margin-top: 5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.mail{
    background-color: #FCD535;
    position:fixed;
    bottom: 15%;
    right: 5%;
    z-index: 888;
    border-radius: 50%;
    padding: 10px;
}
.mail-icon{
    width: 30px;
}

.mail-text{
    font-size: 12px;
}

.promotion-head-area{
    border-radius: 10px;
    background-color: #8562f6;
    padding: 20px;
    margin: 100px 20px 10px 20px;
}

.promotion-title-1{
    font-size: 14px;
    color: white;
}

.promotion-title-2{
    font-size: 14px;
    color: #ffee55;
    text-align: right;
}

.promotion-title-3{
    font-size: 20px;
    color: white;
    line-height: 20px;
}



.promotion-title-4{
    font-size: 14px;
    color: white;
    text-align: center;
    border-radius: 5px;
    width: 50px;
    height: 25px;
    line-height: 20px;
    background-color: #2527c1;
}

.promotion-center-area{
    border-radius: 10px;
    background-color: #4f36ac;
    padding: 20px;
    margin: 20px 20px 0px 20px;
}

.promotion-title-5{
    font-size: 12px;
    color: #ffee55;
    font-weight: 900;
}

.promotion-title-6{
    font-size: 14px;
    color: #ffee55;
    text-align: center;
    border-radius: 15px;
    width: 150px;
    height: 25px;
    line-height: 20px;
    background-color: #d46562;
}


.promotion-card{
    width: 100%;
    height: 41px;
    background: #4d4d78;
    border-radius: 10px;
}

.promotion-card{
    background: url("../img/icon/arrow-down.png") no-repeat 97% 40% ;
}

.promotion-card p{
    font-size: 14px;
    color: white;
    line-height: 22px;
}

.yellow{color: #FCD535 !important;}

.table-area{
    padding-left: 25px;
    padding-right: 25px;
}

.promotion-title{
    color: #2b2b2b;
}

.btn_primary {
    width: auto;
    border-radius: 4px;
    font-weight: 500;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-family: CoinbaseSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    border: 1px solid rgb(0, 82, 255);
    background-color: rgb(0, 82, 255);
}

.hd-bg{    
    background-image: url(/img/v2/hd_bg.png);
    position: relative;
    /* height: 220px; */
    background-color: #333;
    background-size: 100% auto;
    text-align: center;
    min-height: 200px;
    background-repeat: no-repeat;
    padding: 2.5rem 0;
}
.table-title{color: #FCD535 !important; border-bottom: none; font-size: 14px;}
.footer-bottom p{color: #bfbfbf; font-size: 13px;}

.footer-bottom .pact-btn{display:none;}
.pact .col-3{width: 20% !important;}
.pact .pact-btn{display:block !important;}