body {
    font-family: 'Poppins', Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #171B2E;
}

.topcolorblock {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:872px;
    background: transparent linear-gradient(115deg, #5B067B 0%, #2E033E 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 20px 20px;
    opacity: 1;
}
.topcbcon{
    position:relative;
    z-index:100;
}
.mnpagetm {
    width: 1088px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .topcolorblock {
        height: 460px;
        border-radius: 0px 0px 15px 15px;
    }
    .mnpagetm {
        width: auto;
        margin-left: 1rem;
        margin-right: 1rem;
    }
}

.tmbox {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
}

.mmcard {
    background-color: #fff;
    border-radius: 30px;
    padding: 30px;
    display:flex;
    margin-top:5rem;
}
.mmcard .mmcimg{
    text-align:left;
    width:262px;
}
.mmcard .mmcimg img{
    width:100%;
    border-radius:10px;
}
.mmcard .mmcbd{
    flex:1;
    margin-left:4rem;
    margin-right:1rem;
    text-align:left;
    overflow:hidden;
}
.mmcard .mmcbd .name{
    font-size:3rem;
    letter-spacing: -0.8px;
    font-weight:700;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    line-height:1;
    margin-bottom:0.8rem;
}
.mmcard .mmcbd .mmcb1 {
    height: 8rem;
}
.mmcard .mmcbd .presid {
    padding:0;
    margin:0.5rem auto 0rem;
    font-size: 3.5rem;
    font-weight: 900;
    -webkit-text-stroke: 1px #7910a1;
    text-stroke: 1px #7910a1;
    color: #fff;
    line-height:1;
}
.mmcard .mmcbd .grade{
    margin-top:0.6rem;
    display:flex;
    align-items:start;
}
.mmcard .mmcbd .level{
    text-align:left;
    font-size:1.3rem;
    font-weight:700;
    padding: 0.6rem 1.5rem;
    display:flex;
    align-items:center;
}
.mmcard .mmcbd .upgrade{
    margin-left:1.5rem;
    color:#EAAF3B;
    font-size:1.3rem;
    font-weight:700;
}
.mmcard .mmcbd .mmcline{
    margin:0.5rem 0rem 1.5rem;
    width:100%;
    border-bottom:1px solid #dddcdc;
    border-top:1px solid #f7f7f7;
}
.mmcard .mmcbd .deposit{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.mmcard .mmcbd .deposit .con{
    font-size:1.4rem;
    font-weight:700;
}
.rmmoney{
    font-size:2.2rem;
    font-weight:700;
    display:flex;
    align-items:start;
}
.rmmoney i{
    font-style:normal;
    color: #7A7C86;
    opacity: 0.56;
    font-size:1.3rem;
    margin-right:0.5rem;
}
.mmcard .rmmoney{
    margin-top:0.6rem;
}
.barrow {
    color: #7A7C86;
}

/*Gold Begin*/
.mgold {
    background: transparent linear-gradient(109deg, #FDC49F 0%, #FCB689 39%, #F76A68 100%) 0% 0% no-repeat padding-box;
    color:#fff;
}
.mgold .presid {
    -webkit-text-stroke: 1px #fff !important;
    text-stroke: 1px #fff !important;
    color: #fa9e88 !important;
}
.mgold .mmcbd .mmcline {
    border-bottom: none;
    border-top: none;
    height: 1px;
    background-color: #fdd2c0;
}
.mgold .deposit .con{
    color:#fff;
}
.mgold .rmmoney i{
    color:#fedfcb;
}
.mgold .bbtn1{
    color: #DB463F !important;
    background-color:#FDF4ED;
}
.mgold .barrow{
    color:#fff;
}
/*Gold End*/

/*Platinum Begin*/
.mplatinum {
    background: transparent linear-gradient(109deg, #00EFEF 0%, #07BEBE 39%, #004062 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.mplatinum .presid {
    -webkit-text-stroke: 1px #fff !important;
    text-stroke: 1px #fff !important;
    color: #03b4bf !important;
}
.mplatinum .mmcbd .mmcline {
    border-bottom: none;
    border-top: none;
    height: 1px;
    background-color: #83dfdf;
}
.mplatinum .deposit .con {
    color: #fff;
}
.mplatinum .rmmoney i {
    color: #91e3e3;
}
.mplatinum .bbtn1 {
    color: #013750 !important;
    background-color: #D7FCFC;
}

.mplatinum .barrow {
    color: #fff;
}
/*Platinum End*/

/*Black Begin*/
.mblack {
    background: transparent linear-gradient(109deg, #FFC871 0%, #A664A6 51%, #52086E 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.mblack .presid {
    -webkit-text-stroke: 1px #fff !important;
    text-stroke: 1px #fff !important;
    color: #ffa800 !important;
}
.mblack .mmcbd .mmcline {
    border-bottom: none;
    border-top: none;
    height: 1px;
    background-color: #d9b9cf;
}
.mblack .deposit .con {
    color: #fff;
}
.mblack .rmmoney i {
    color: #e2c6d1;
}
.mblack .bbtn1 {
    color: #5C0A76 !important;
    background-color: #f7f2ff;
}
.mblack .barrow {
    color: #fff;
}
/*Black End*/

/*Titanium Begin*/
.mtitanium {
    background: transparent linear-gradient(109deg, #ff94b5 0%, #ff82a9 51%, #ff6f9d 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.mtitanium .presid {
    -webkit-text-stroke: 1px #fff !important;
    text-stroke: 1px #fff !important;
    color: #8eaaff !important;
}
.mtitanium .mmcbd .mmcline {
    border-bottom: none;
    border-top: none;
    height: 1px;
    background-color: #d9b9cf;
}
.mtitanium .deposit .con {
    color: #fff;
}
.mtitanium .rmmoney i {
    color: #fff;
}
.mtitanium .bbtn1 {
    color: #ff125e !important;
    background-color: #f7f2ff;
}
.mtitanium .barrow {
    color: #fff;
}
/*Titanium End*/

/*Classic Begin*/
.mclassic {
    background: transparent linear-gradient(109deg, #B19CD9 0%, #8B6FA8 39%, #6B4C8A 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
.mclassic .presid {
    -webkit-text-stroke: 1px #fff !important;
    text-stroke: 1px #fff !important;
    color: #D4B8E8 !important;
}
.mclassic .mmcbd .mmcline {
    border-bottom: none;
    border-top: none;
    height: 1px;
    background-color: #C5A8D9;
}
.mclassic .deposit .con {
    color: #fff;
}
.mclassic .rmmoney i {
    color: #E6D5F0;
}
.mclassic .bbtn1 {
    color: #6B4C8A !important;
    background-color: #F5EFF9;
}
.mclassic .barrow {
    color: #fff;
}
/*Classic End*/


@media screen and (max-width: 767px) {
    .mmcard {
        border-radius: 20px;
        padding: 15px;
        margin-top: 2rem;
    }
    .mmcard .mmcimg{
        width:132px;
    }
    .mmcard .mmcbd{
        margin-left:1rem;
        margin-right:0rem;
    }
    .mmcard .mmcbd .name {
        font-size: 1.2rem;
        margin-bottom:0.5rem !important;
    }
    .mmcard .mmcbd .mmcb1 {
        height: 3.8rem;
    }
    .mmcard .mmcbd .presid {
        font-size: 1.5rem;
    }
    .mmcard .mmcbd .grade {
        margin-top: 0.6rem;
    }

    .mmcard .mmcbd .level {
        font-size: 0.8rem;
        font-weight: 700;
        padding: 0.2rem 1rem;
        display: flex;
        align-items: center;
    }
    .vicon24{
        width:16px;
        height:16px;
    }
    .mmcard .mmcbd .upgrade {
        margin-left: 1rem;
        font-size:0.8rem;
    }
    .mmcard .mmcbd .mmcline {
        margin: 0.5rem 0rem 1rem;
        border-bottom: 1px solid #ededed;
        border-top: none;
    }
    .mmcard .mmcbd .deposit .con {
        font-size: 1rem;
        font-weight: 700;
    }
    .rmmoney {
        font-size: 1rem;
    }
    .rmmoney i {
        font-size: 0.8rem;
        margin-right: 0.5rem;
    }
    .mmcard .rmmoney {
        margin-top: 0.2rem;
    }
}


.mmaccounts{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:3rem;
}
.mmaccounts .mmacard{
    flex:1;
    background-color:#fff;
    border-radius:30px;
    padding:30px 35px 20px;
    box-shadow: 0px 20px 100px #C3B5CB7C;
    margin-right:36px;
}
.mmaccounts .mmacard:last-child{
    margin-right:0px;
}
.mmaccounts .mmacard .mmactit{
    display:flex;
    align-items:center;
}
.mmaccounts .mmacard .mmactit .tit{
    margin-left:1rem;
    font-size:1.5rem;
    font-weight:700;
    flex:1;
    text-align:left;
}
.mmaccounts .mmacard .rmmoney{
    margin-top:3rem;
}

@media screen and (max-width: 767px) {
    .mmaccounts{
        margin-top:1.5rem;
    }
    .mmaccounts .mmacard{
        border-radius:20px;
        padding:15px 15px 10px 20px;
        box-shadow: 0px 20px 100px #C3B5CB7C;
        margin-right:12px;
    }
    .mmaccounts .mmacard img{
        width:30px;
    }
    .mmaccounts .mmacard .mmactit .tit{
        margin-left:0.5rem;
        font-size:0.8rem;
    }
    .mmaccounts .mmacard .rmmoney{
        margin-top:1rem;
    }
}

/*Interest TOP*/
.crystals{
    width:100%;
    background-color: #3C144B;
    border:1px solid #fff;
    border-radius:30px;
    display:flex;
    justify-content:space-between;
    flex-wrap:nowrap;
    margin-top:3rem;
    align-items:center;
    color:#fff;
    padding:25px 30px;
}
.crystals .cleft{
    display:flex;
    align-items:center;
}
.crystals .cleft .i{
    width:50px;
}
.crystals .cleft .t{
    font-size: 1.5rem;
    font-weight: 700;
    margin:0px 10px;
}
.crystals .cright{
    font-size: 1.5rem;
    font-weight: 700;
}
@media screen and (max-width: 767px) {
    .crystals {
        border-radius: 20px;
        padding: 10px 20px;
        margin-top:30px;
    }
    .crystals .cleft .i{
        width:40px;
    }
    .crystals .cleft .t{
        font-size: 1rem;
    }
    .crystals .cright{
        font-size: 1rem;
    }
}
/*Interest Bottom*/

.listtm {
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 40px 100px #C3B5CB76;
    padding:10px 20px;
    margin-top:3rem;
}
.listtm .ltitem{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:2rem 0rem;
}
.listtm .ltitem .ltileft{
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.5rem;
    font-weight:700;
}
.listtm .ltitem .ltileft .m{
    margin-right:2rem;
    width:40px;
    text-align:center;
}
.listtm .ltitem .ltiright{
    display:flex;
    align-items:center;
    justify-content:center;
}
.listtm .ltitem .ltiright .num{
    height:35px;
    width:35px;
    background-color:#E9AE47;
    color:#fff;
    text-align:center;
    font-size:1rem;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:20px;
    margin-right:1rem;
}

@media screen and (max-width: 767px) {
    .listtm {
        padding:10px 20px;
        margin-top:1.5rem;
    }
    .listtm .ltitem{
        margin:1.5rem 0rem;
    }
    .listtm .ltitem .ltileft{
        font-size:1rem;
    }
    .listtm .ltitem .ltileft .m{
        margin-right:1rem;
        width:25px;
    }
    .listtm .ltitem .ltileft .m img{
        width:24px;
    }
    .listtm .ltitem .ltiright .num{
        height:20px;
        width:20px;
        font-size:0.6rem;
        font-weight:400;
        margin-right:0.5rem;
    }

}


.topnavtm {
    width: 100%;
    background: transparent linear-gradient(103deg, #5B067B 0%, #2E033E 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 20px 20px;
    height: 220px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
    z-index:100;
}
.topnavtm .container{
    position:relative;
}
.topnavtm .tit {
    color: #fff;
    font-size: 3rem;
    font-weight:700;
}
.topnavtm .back{
    position:absolute;
    left:0;
    width:40px;
    height:40px;
    display:none;
    align-items:center;
    justify-content:center;
    border: 1px solid #C7BDD5;
    border-radius: 40px;
    color:#fff;
}
.topnavtm .back:hover{
    background-color:#fff;
    color:#5B067B;
}
@media screen and (max-width: 1200px) {
    .topnavtm {
        height: 150px;
    }
    .topnavtm .container {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .topnavtm .back{
        display:flex;
    }
    .topnavtm .tit {
        font-size: 2.5rem;
    }
}
@media screen and (max-width: 767px) {
    .topnavtm {
        height: 100px;
    }
    .topnavtm .tit {
        font-size: 1.8rem;
        font-weight:400;
    }
}

.infolisttm {
    box-shadow: 0px 40px 100px #C3B5CB76;
    border-radius: 20px;
    background-color:#fff;
    margin-top:4rem;
    padding:10px;
}
.infolisttm .item{
    display:flex;
    margin:2rem 0rem;
}
.infolisttm .item .t{
    width:40%;
    text-align:left;
    font-size:1.5rem;
    color:#7A7C86;
    margin-left:2rem;
}
.infolisttm .item .v{
    flex:1;
    text-align:left;
    font-size:1.5rem;
    font-weight:700;
    line-height:1.2;
}

@media screen and (max-width: 767px) {
    .infolisttm {
        margin-top: 1.5rem;
    }
    .infolisttm .item {
        margin: 1rem 0rem;
    }
    .infolisttm .item .t {
        width: 40%;
        font-size: 1rem;
        margin-left: 1rem;
    }

    .infolisttm .item .v {
        font-size: 1rem;
    }
}

.onerowbtn{
    display:flex;
    justify-content:center;
    align-items:center;
}
.onerowbtn .btn{
    flex:1;
    margin-right:1.5rem;
    max-width:50%;
}
.onerowbtn .btn:last-child{
    margin-right:0rem;
}

@media screen and (max-width: 767px) {
    .onerowbtn {
        display: inline-block;
        width:100%;
    }
    .onerowbtn .btn {
        display:block !important;
        margin-right: 0rem;
        margin-bottom: 1.5rem;
        width:100%;
        max-width:100%;
        font-size:0.8rem !important;
    }
}

.nlisttm {
   width:100%;
}
.nlisttm .item {
    width:100%;
    display:flex;
    justify-content:space-between;
    box-shadow: 0px 40px 100px #C3B5CB76;
    border-radius: 20px;
    background-color: #fff;
    margin-top: 2rem;
    padding: 20px 40px;
}
.nlisttm .item .con{
    text-align:left;
    font-size:1.2rem;
    font-weight:700;
    color: #171B2E;
    line-height:1.2;
}
.nlisttm .item .con small{
    color:#B4B5BB;
    font-size:0.8rem;
    font-weight:400;
}
.nlisttm .item .readot {
    display:inline-block;
    background-color: #E9AE47;
    width:15px;
    height:15px;
    border-radius:15px;
}
@media screen and (max-width: 767px) {
    .nlisttm .item {
        margin-top: 1rem;
        padding: 10px 15px;
        border-radius: 10px;
    }

    .nlisttm .item .con {
        font-size: 1rem;
    }

    .nlisttm .item .con small {
        font-size: 0.6rem;
    }

    .nlisttm .item .readot {
        width: 10px;
        height: 10px;
    }
}


.toptabtm {
    width: 100%;
    background-color: #E9E9E9;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:-30px;
    padding-top:30px;
}
.toptabtm .item{
    flex:1;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    font-size:1rem;
    font-weight:700;
    color: #171B2E;
    padding:1.5rem 0rem;
    border-bottom:4px solid #E9E9E9;
}
.toptabtm .item:hover{
    border-bottom:4px solid #7910A1;
    color:#7910A1;
}
.toptabtm .active{
    border-bottom:4px solid #7910A1;
    color:#7910A1;
}
@media screen and (max-width: 767px) {
    .toptabtm .item {
        font-size: 0.8rem;
        padding: 1rem 0rem;
    }
}


.searchinptm {
    height:79px;
    box-shadow: 0px 10px 60px #B2A2BC96;
    border-radius: 47px;
    max-width:600px;
    display:flex;
    align-items:center;
    margin:2rem auto;
}
.searchinptm .m{
    margin-left:2rem;
}
.searchinptm .m img{
    width:40px;
}
.searchinptm input{
    margin-left:1rem;
    border:transparent;
    flex:1;
    font-size:1.2rem;
    font-weight:700;
    height:100%;
}
.searchinptm input:focus{
    outline:none;
}
.searchinptm input::placeholder{
    color:#b4b5bb;
}
.searchinptm .btn{
    height:100%;
    background-color: #B4B5BB;
    border-radius: 3rem;
    color:#fff;
    padding-left:4rem;
    padding-right:4rem;
    font-size:1.2rem;
    font-weight:700;
}
.searchinptm .btn:hover{
    background-color: #7910A1;
}
@media screen and (max-width: 767px) {
    .searchinptm {
        width:350px;
        height: 55px;
        border-radius: 47px;
        max-width: 100%;
        margin: 2rem auto;
    }
    .searchinptm .m{
        margin-left:1rem;
    }
    .searchinptm .m img{
        width:23px;
    }
    .searchinptm input{
        width:200px;
        margin-left:0.5rem;
        font-size:1rem;
    }
    .searchinptm .btn{
        border-radius: 3rem;
        padding-left:2rem;
        padding-right:2rem;
        font-size:1rem;
    }
}

.norecordsbar {
    width: 100%;
    text-align: center;
    margin: 6rem auto;
}
.norecordsbar .tit{
    margin-top:0.5rem;
    color: #b4b5bb;
    font-weight:700;
}

.promoitembar{
    width:600px;
    margin:4rem auto;
    text-align:center;
}
.promoitembar .pibtit{
    font-size:1rem;
    font-weight:700;
}
.promoitembar .pibitem{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:#fff;
    box-shadow: 0px 10px 60px #B2A2BC96;
    border-radius: 30px;
    margin:1rem auto;
    padding:20px 30px;
}
.promoitembar .pibitem .itembd{
    text-align:left;
    color:#b4b5bb;
}
.promoitembar .pibitem .itembd .tit{
    font-size:1rem;
    font-weight:700;
    color:#171B2E;
    line-height:1.2;
    margin-bottom:0.5rem;
}
.promoitembar .pibitem .itemmoney{
    color:#7910A1;
}
.promoitembar .pibbtn{
    margin-top:3rem;
}
@media screen and (max-width: 767px) {
    .promoitembar {
        width: 100%;
    }
    .promoitembar .pibitem{
        border-radius: 10px;
        margin:1rem auto;
        padding:15px;
    }
    .promoitembar .pibbtn .btn{
        font-size:1rem;
    }
}

.pclist{
    width:800px;
    margin:0 auto;
}
.pclist .pcitem{
    width:100%;
    padding:20px;
    border-radius:16px;
    background-color:#fff;
    box-shadow: 0px 4px 80px #C3B5CBBD;
    margin-top:3rem;
    display:flex;
}
.pclist .pcitem .img{
    width:150px;
}
.pclist .pcitem .img img{
    width:100%;
    border-radius:5px;
}
.pclist .pcitem .con{
    margin-left:1.5rem;
    text-align:left;
    flex:1;
}
.pclist .pcitem .con .s{
    display:inline-block;
    background: #B4B5BB;
    border-radius: 2rem;
    color:#fff;
    font-size:0.8rem;
    padding:0.2rem 0.8rem;
}
.pclist .pcitem .con .t{
    margin-top:0.8rem;
    font-size:1.2rem;
    font-weight:700;
    line-height:1.2;
}

@media screen and (max-width: 767px) {
    .pclist{
        width:100%;
    }
    .pclist .pcitem{
        padding:15px;
        border-radius:16px;
        margin-top:1.5rem;
    }
    .pclist .pcitem .img{
        width:120px;
    }
    .pclist .pcitem .con{
        margin-left:1rem;
    }
    .pclist .pcitem .con .s{
        font-size:0.6rem;
    }
    .pclist .pcitem .con .t{
        margin-top:0.5rem;
        font-size:1rem;
    }
}