.widget_profile{background-color: white}
.cointOp .view-head {padding: 20px 24px 12px;background-color: #fff}
.cointOp .view-head .line {border-bottom: 1px solid #e1e4ee;margin-top: 20px}
.cointOp .view-head>span {font-family: PingFangSC-Regular;font-size: 12px;color: #b2b2b2;letter-spacing: 0;line-height: 12px}
.cointOp .view-head .icon {vertical-align: top}
.cointOp .view-head .icon svg {height: 20px;width: 26px}
.cointOp .view-head .head-title {font-family: PingFangSC-Regular;font-size: 14px;color: #9ba2b2;letter-spacing: 0;line-height: 14px;margin: 3px;}
.cointOp .view-info-head {display: flex;justify-content: space-between;/*padding: 15px;*/background-color: #fff;margin-bottom: 14px;flex-wrap: wrap!important;}
.other_info {flex: 1;padding-top: 22px}
.other_info .info_list {display: flex;flex-flow: row wrap;justify-content: space-between}
.other_info .info_list .info_cell {width: 200px;display: flex;flex-flow: row nowrap;justify-content: space-between;height: 34px;align-items: center}
.other_info .info_list .info_cell .info_tit {font-size: 14px;color: #84929c}
.other_info .info_list .info_cell .info_val {font-size: 14px;color: #333}
.other_info .tag {display: flex;flex-flow: row nowrap;align-items: center;margin-bottom: 14px}
.other_info .tag .marketcap {font-size: 15px;color: #333;margin-left: 12px}

.tabs {display: flex;border-bottom: 1px solid #efefef;}
.tabs li {line-height: 1.7;font-weight: 700;padding: 6px 0;font-size: 18px;margin: 0 10px;}
.tabs li.active {border-bottom: 2px solid #3ca5f6;}
.tabs-box {display: none;}

.active {color: #3ca5f6;}
.boxOne {display: block;}
.mkt {height: 100%;position: relative;padding:0 10px 10px 10px}
.mkt table {color: #404040;font-family: Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif;font-size: 13px;border-top: 1px solid #e3e8ea;text-align: right;width: 100%;flex: auto;}
table {border-collapse: collapse;border-spacing: 0;}
.mkt table thead tr {height: 43px;}
.mkt table tr {border-bottom: 1px solid #f4f4f4;height: 48px;}
.mkt table .market_name {padding-left: 0;padding-right: 28px;text-align: left;width: 135px;}
.mkt table th {color: #828282;font-weight: 400;text-align: right;white-space: nowrap;}
.mkt table tbody tr, .mkt table thead tr th {cursor: pointer;}
.mkt table .market_latest {padding-right: 12px;}
.mkt table td {white-space: nowrap;}
.mkt table tbody .market_name a {color: #181818;display: inline-block;max-width: 230px;padding-left: 30px;position: relative;}
.mkt table tbody .market_name .icon {display: block;left: 0;margin-top: -9px;position: absolute;top: 50%;}
.icon img {width: 20px;height: 20px;margin-right: 5px;}
span.bz {margin-left: 10px;}
.mkt table tbody .market_name .name {color: #acb0b4;margin-left: 10px;}

.pc_nok{display: none}

.coin_infos {width: 100%;overflow: auto;font-size: 14px;border-top: 1px solid #f0f2f9;}
.coin_infos .li_x,.coin_infos .li_x_long {width: 25%;float: left;border-bottom: 1px solid #f0f2f9;white-space: nowrap;text-overflow: ellipsis;padding: 10px 0}
.coin_infos .li_x .tit,.coin_infos .li_x_long .tit {color: #84929c;width: 50px;white-space: nowrap;margin-right: 16px;display: inline-block;}
.coin_infos .li_x .val,.coin_infos .li_x_long p.val {white-space: normal;color: #333;display: inline-block;text-align: justify;margin-bottom: 0 !important;}
.coin_infos .li_x_long {width: 100%;border-top: 1px solid #f0f2f9;display:flex;align-items: center; margin-top: -1px;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}


.coin_infos .line_ban {width: 50%;float: left;border-bottom: 1px solid #f0f2f9;white-space: nowrap;text-overflow: ellipsis;padding: 10px 0}
.coin_infos .line_ban .tit {color: #84929c;white-space: nowrap;margin-right: 16px;display: inline-block;}
.coin_infos .line_ban .val {white-space: nowrap;color: #333;font-weight:600;font-size:16px}
.green_weight {color:green;font-weight:600;font-size:16px}

.f-tips{text-align:left;font-size:13px;color:#f04949;line-height:20px;padding:10px;background-color:#f3f3f3;overflow:hidden;width:100%;border-radius:8px;border-top-left-radius:0px;border-top-right-radius:0px;}
.f-t1,.f-t1:hover{text-decoration:none;width:100%;color:#666666;}
.f-t2{display:flex;width:100%;}
.f-t3{width:100%;height:2.5em!important;font-size:1.2em!important;padding:0 2em!important;background-color:#43ab04!important;flex:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px;border-bottom-left-radius:0px;border-bottom-right-radius:0px;color:#fff!important;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAjxJREFUeF7tmlmOxCAMRIf7HzqjjsSIZgLeqgxR0r9NsOtRmCUpP+TfcRxHJEQppUSel56ldB4VPUqaAQMKgCW8B4IEAQGQJZwBIgRglXAkCBeAXYS3ILzTwgxgR/ERECYAu4uvICxuUAO4i3grBBWAu4m3QBABMMVXq2bEGG6uZltFVmKjOZod76N96IAVyXwSyo57CYCVxElcONywYo/iPgbACP4/AKwR0Fbm7PgvgHYVYNNfWQNG2+UvBzwaQIb4XRzQ5vHngEcDyBK/kwNqLqcDXgDBq2vp6tlyYZE9GCUz4JZT4MkAzgF5AQTn/9UpawY1chrsn0UMXsgBHjFZz2gLMxXA1RJrBSC1jy7jdAB9gpKg1tZS2zrKkamQAqCFIImqYqR2qFPsCyBiH83GRluMvO3C+Uc7WAkBkjuikxUQYHmjOsqEAM0Z2VkGBHi+6A6ZECi5RndSo+ptWcc1KwBFPPvtLAoCQ3zalVgUAkt8GoBITWCLP3NDHCg0c9jqBKb4Ze8FtBDY4i8BsFaD3h0ShEzxX1MgC8CsJmSI7+Onvx7X1Atmm96BL4Ar2h4rSnMbPaqoHCFfiWWL9yzdpo+kPAVxBQSLC8wAPBDQNkf1NxucpZ/KogTO+pGcKQK4sxMk8f82QjOSlvmWMbJSDI14E4A7OUEr3gzgDhAs4l0APGuwZFfE/1bhNaaqCI4S3KUueMWHHNBCWQUiIhzigN4ZWSAQwikAmK5Aim7zDNUAbfHyOoMlus37F7Z60BiyApMHAAAAAElFTkSuQmCC) #f3f3f3 25px center no-repeat;background-size:32px;padding-left:80px;}
.mobile{display: none}
.hentrys{background:#fff;padding:0 30px 30px 30px;margin-bottom:20px}
.entry .content h3{margin: 20px 0;}
@media (max-width:767px){
    .ul-tabs {margin-top: 0;}
    .pc_nok{display: block}
    .coin_infos{margin-top: 10px}
    .cointOp .view-info-head .head-right{width: 100%; min-width: 300px;}
    .other_info .info_list .info_cell{width: 99%;float: left;border-bottom: 1px solid #f0f2f9;text-overflow: ellipsis;white-space:nowrap}
    .other_info .info_list .info_cell .info_val{word-break: break-all;white-space: normal;}
    .cointOp .view-info-head .price-container .cny-container{margin-right: 0 !important;}
    .cointOp .view-info-head .info-container .coin-name{text-align: center !important;}
    .m_nok, .pc{display:none !important;}
    .mobile{display: block}
    .jiaoyi{width: 30%}
    .fa-time{height: 19px}
    .infoList_new .list_cell_long{
        border-top: 0 !important;
        margin-top: 0 !important;
    }
    .normal_table li > span{font-size: 11px !important;}
    .entry .content ul{margin-bottom: 15px}
    .entry .content h3 {
        margin: 10px 0;
    }
    .tabs li{font-size: 16px;padding:2px 0}
    .val-price{padding-bottom: 2px}
    .cointOp .view-info-head .view-info-left{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    .cointOp .view-info-head .price-container {
        margin: 0 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .trade-info{
        width: 100% !important;
        text-align: center !important;
        margin-top: 10px !important;
        font-size: 14px !important;
    }
    .cointOp .view-info-head .info-container {
        justify-content: center !important;
    }
    span.bz {margin-left: 15px !important;}
    .entry h1,.entry .entry-info {display:none;}
    /*#wrap {margin-top: 50px;}*/
    .entry .entry-head {margin-bottom: 0;}
    .el-boxed .container{padding: 0;}
    .hentry{padding: 5px;margin-bottom: 10px;}
    .hentrys{padding: 10px 5px;}
    /*.val{*/
    /*    word-break: normal;*/
    /*    width: auto;*/
    /*    display: block;*/
    /*    vertical-align: bottom;*/
    /*    white-space: pre-wrap !important;*/
    /*    word-wrap: break-word;*/
    /*    overflow: hidden;*/
    /*}*/
    .cointOp .view-info-head .info-container {display:flex;align-self: center;flex-direction: column;align-items: center;}
    .coin_infos .line_ban .tit {width: auto}
    .coin_infos .li_x{width: 50%;float: left;border-bottom:none !important;white-space: nowrap;text-overflow: ellipsis;}
    .coin_infos .line_ban{width: 100%;display: flex !important;}
    .coinlogoimg{display:none;}
    .icon img{
        width: 20px !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .history_time_select {
        display: flex;
        flex-flow: wrap !important;
        justify-content: space-around !important;
        margin-bottom: 15px;
        align-items: center;
    }
    .history_time_select .button {
        margin: 0 0 16px 16px !important;
    }
    .layui-form-label{
        padding: 9px 5px !important;
    }
    table {
        table-layout:fixed !important;
        width:100% !important;
        border-collapse:collapse;
        border:none;
        margin:0 auto;
    }
    /*tr th{text-align: center !important;}*/
    td,th {
        /*width:1px;*/
        white-space:nowrap; /* 自适应宽度*/
        word-break:keep-all; /* 避免长单词截断，保持全部 */
        text-align:center;
        white-space:pre-line;
        word-break:break-all !important;
        word-wrap:break-word !important;
        display:table-cell;
        vertical-align:middle !important;
        /*white-space: normal !important;*/
        height:auto;
        vertical-align:text-top;
        padding:2px 2px 0 2px;
        display: table-cell;
    }

    .product-detail .else-info{
        flex-wrap: wrap;
    }
    .info-flex{width: 45% !important;}
    .product-detail .else-info .item{justify-content: space-between;padding-right:0 !important;}
    .product-detail .else-info .item .name{width: 45% !important;}
    .cointOp .view-info-head{margin-bottom: 0 !important;}

    .infoList_new .list_cell, .infoList_new .list_cell_long{width: 100% !important;}
    .infoList_new .list_cell .tit, .infoList_new .list_cell_long .tit{
        width: 125px !important;
        padding: 10px 5px !important;
    }
    .qianbao{
        display: flex;
        flex-wrap: wrap;
        padding: 8px 0;
    }
    .info_concept{
        margin: 1px !important;
    }
    .normal_table li{table-layout:unset !important;}
    .normal_table li.table_head span,.normal_table li > span{
        text-align: center;
        width: 20%;
        padding: 10px !important;
    }
    .flex-mobile{display: none !important;}
    .product-detail .coin-box .price{
        align-items: center !important;
        /*flex-direction: column;*/
    }
    .product-detail .coin-box .img{
        width: 40px !important;
        height: 40px !important;
    }
    .product-detail .coin-box .price .p1,.product-detail .coin-box .price .p2{
        font-size: 20px !important;
        padding-right:8px !important;
    }

    .product-detail .coin-box{padding-top: 0 !important;}
    .product-detail .coin-box .top, .info{align-items: center !important;}
    .product-detail .coin-box .order .num{
        color: #02b36d !important;
        background: none !important;
        border: 1px solid #02b36d;
    }
    .product-detail .coin-box .date{text-align: center}
    .p-center{justify-content: center !important;}
}

/* 文本颜色 */
.green {
    color: #02b36d !important;
}
.red {
    color: #E1322D !important;
}

.history_time_select {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    justify-content: flex-end;
    margin-bottom: 15px;
    align-items: center;
}
.history_time_select .button {
    margin-left: 16px;
    background: #fff;
    cursor: pointer;
    color: #84929c;
    border:none !important;
}
.history_time_select .active {
    color: #0b69ef;
}
.layui-form-label{
    width: auto !important;
    color: #84929c;
}
#test10{
    width: 205px;
}
.center{text-align: center !important;}
.entry-head .entry-title{
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 2rem;
    line-height: 1.4;
}
.entry-head .entry-info{
    padding-bottom: 10px;
    color: #999;
}
.info-flex{
    display: flex;
    flex-direction: column;
    width: 25%;
}
.flex{display: flex}
.flex-pack-justify{
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.flex-align-start{
    align-items: flex-start;
}
.flex-align-center{
    align-items: center;
}
.flex-pack-center{
    -webkit-box-pack: center;
    justify-content: center;
}
.flex-v{
    -webkit-box-orient: vertical;
    flex-direction: column;
}
.product-detail .coin-box {
    padding-top: 15px;
    width: 100%;
}
.product-detail .coin-box .top {
    padding-bottom: 10px;
}
.product-detail .coin-box .info .img {
    width: 45px;
    height: 45px;
    margin-right: 12px;
    flex-shrink: 0;
}
.product-detail .coin-box .info .name {
    font-size: 24px;
    font-weight: 400 !important;
    color: #333333;
    line-height: 30px;
}
.product-detail .coin-box .info .name small{
    color: #858a90;
    font-size: 16px;
    line-height: 30px;
    font-weight: normal;
}
.product-detail .coin-box .info .cname {
    font-size: 15px;
    color: #666666;
    /*line-height: 32px;*/
}
.product-detail .coin-box .operation {
    padding-top: 6px;
}
.product-detail .coin-box .operation .btn.t2 {
    background: #006BE9;
    color: #fff;
    border: 0;
}
.product-detail .coin-box .operation .btn {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #000000;
    line-height: 32px;
    border-radius: 2px 2px 2px 2px;
    border: 1px solid #C0C0C0;
    padding: 0 10px;
    margin-left: 4px;
    cursor: pointer;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.product-detail .coin-box .operation .btn.t2 a {
    color: #fff;
}
a {
    color: #000;
    text-decoration: none;
}
.product-detail .coin-box .price {
    display: flex;
    align-items: inherit;
}
.product-detail .coin-box .price .p1 {
    font-size: 40px;
    color: #333333;
    font-weight: bold;
    line-height: 1;
    padding-right: 38px;
}

.product-detail .coin-box .price .p2 {
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 30px;
    padding-right: 8px;
}

.product-detail .coin-box .price .p3{
    min-width: 58px;
    height: 22px;
    line-height: 22px !important;
    padding: 0 5px;
    font-size: 12px !important;
    border-radius: 2px;
    color: #FFFFFF !important;
    text-align: center;
}
.product-detail .coin-box .order {
    font-size: 14px;
    color: #666666;
}

.product-detail .coin-box .order .num {
    display: inline-block;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 26px;
    height: 26px;
    background: #02b36d;
    border-radius: 100px 100px 100px 100px;
    padding: 0 10px;
}

.product-detail .coin-box .date {
    font-size: 14px;
    color: #656565;
    padding-top: 14px;
}
.product-detail .else-info {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px;
}

.product-detail .else-info .item {
    display: flex;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    padding-right: 1%;
    box-sizing: border-box;
}

.product-detail .else-info .item .name {
    flex-shrink: 0;
    text-align: justify;
}

.product-detail .else-info .item .val {
    padding-left: 8px;
}


.customTab .tabItem {
    min-height: 420px;
}
.infoList_new {
    width: 100%;
    font-size: 14px;
    border-top: 1px solid #edf1f6;
    border-left: 1px solid #edf1f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.infoList_new .list_cell, .infoList_new .list_cell_long {
    width: 50%;
    float: left;
    border-bottom: 1px solid #edf1f6;
    border-right: 1px solid #edf1f6;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: normal;
    display: table;
    table-layout: fixed;
}
.infoList_new .list_cell .tit, .infoList_new .list_cell_long .tit {
    color: #545c63;
    width: 171px;
    white-space: nowrap;
    margin-right: 16px;
    display: table-cell;
    background: #f8f9fb;
    box-sizing: border-box;
    padding: 10px 20px;
    vertical-align: middle;
}
.infoList_new .list_cell .val, .infoList_new .list_cell_long .val {
    display: table-cell;
    color: #0b1721;
    vertical-align: middle;
    padding-left: 20px;
    word-break: break-all;
    white-space: pre-line;
    position: relative;
}
.infoList_new .list_cell_long {
    width: 100%;
    border-top: 1px solid #f0f2f9;
    margin-top: -1px;
    display: table;
    table-layout: fixed;
}
.infoList_new .list_cell_long.multi .tit {
    display: table-cell;
    box-sizing: border-box;
}
.info_concept {
    height: 26px;
    background: #f4f6fa;
    line-height: 26px;
    display: inline-block;
    margin-right: 20px;
    padding: 0 8px;
    color: #0b1721;
    font-size: 14px;
}
.normal_table ul {
    width: 100%;
}
.normal_table li.table_head {
    border-top: 1px solid #edf1f6;
}
.normal_table li {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    position: relative;
}
.normal_table li.table_head span {
    font-size: 14px;
    font-weight: 400;
    color: #545c63;
    background: #f4f6fa;
    height: 100%;
    border-right: 1px solid #edf1f6;
}
.normal_table li > span {
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Roboto-Regular,Roboto;
    padding: 10px 20px;
    border: 1px solid #edf1f6;
    border-top-color: rgb(237, 241, 246);
    border-right-color: rgb(237, 241, 246);
    margin-left: -1px;
    margin-top: -1px;
    word-break: break-all;
    color: #0b1721;
}
.entry .content li{margin-bottom: 0 !important;}
.textGreen, .textRed { font-family: Roboto-Medium,Roboto;}
.textGreen {
    color: #008555 !important;
}
.tabItem #intro {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.tabItem #intro.open {
    display: block;
}
.tabItem .intro-box .cont {
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    line-height: 25px;
}

.blue {
    color: #006BE9 !important;
}
.fullcolor:hover{
    color: #fff !important;
}
.soft-cent{display: flex;justify-content: space-between;align-items: center;}
.soft-cent-box{
    display: flex;
    align-items: center;
}

.soft-cent .soft-img {
    width: 90px;
    height: 90px;
    border-radius: 15px;
}
.soft-cent .soft-t {
    padding: 5px 0;
    margin-left: 20px;
    font-size: 14px;
    color: #666;
}
.soft-cent .soft-t span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
    margin: auto;
}
.soft-cent .soft-down {
    width: 180px;
}
.soft-cent .soft-down .az {
    background: #14cc8f;
}
.no {
    background: #bbb;
    color: #FFFFFF !important;
}
.soft-cent .soft-down a {
    height: 40px;
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    margin: 5px;
}
.soft-cent .soft-down a.iz {
    background: #358ff0;
}
.soft-down a:hover, .soft-info .ft a:hover{
    color: #fff !important;
}

@media (max-width:767px){

    .soft-info {
        background: #FFF;
        padding: 5px;
    }
    .soft-info .bd {
        overflow: hidden;
        margin-bottom: 15px;
    }
    .soft-info .pic {
        width: 75px;
        height: 75px;
        float: left;
        border-radius: 16px;
        margin-right: 15px;
    }
    .soft-info .con {
        overflow: hidden;
    }
    .soft-info .con dt {
        width: 100%;
        font-size: 0.36rem;
        font-weight: bold;
        margin-bottom: 0.15rem;
    }
    .soft-info .con dt, .soft-info .con dd {
        float: left;
    }
    .soft-info .con h1 {
        width: 100%;
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 7.5px;
    }
    .soft-info .con dd {
        width: 45%;
        font-size: 12px;
        color: #999;
        height: 16px;
        line-height: 16px;
        margin-top: 4px;
        margin-right: 2%;
        word-break: break-all;
        word-wrap: break-word;
        overflow: hidden;
    }
    .soft-info .btn {
        width: 100%;
        font-size: 15px;
        padding: 8px 0;
    }
    .soft-info .tip, .soft-info .tip-ios, .soft-info .tip-and {
        display: block;
        margin: 9px 0 -7.5px;
        color: #999;
        text-align: center;
        font-size: 12px;
    }
    .android .and-show, .ios .ios-show {
        display: block !important;
    }
    .ios-show, .ios .and-show {
        display: none !important;
    }
}

.btn-green {
    background-color: #33cd86;
    border-color: #33cd86;
    color: #fff;
}
.btn-red {
    background-color: #358ff0;
    border-color: #358ff0;
    color: #fff;
}
.ellipsis-cns {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.currencies .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap
}

.currencies .icon-add1 {
    display: inline-block;
    height: 16px;
    vertical-align: 0;
    width: 20px
}

.currencies .title {
    margin-bottom: 10px
}

.currencies .title .coinLogo {
    float: left;
    height: 44px;
    margin-right: 16px;
    width: 44px
}

.currencies .title h1 {
    color: #0b1721;
    display: inline;
    font-size: 24px;
    font-weight: 400!important;
    margin-right: 30px
}

.currencies .title h1 small {
    color: #858a90;
    font-size: 14px;
    line-height: 30px
}

.currencies .title h1 .no-coin-data {
    color: #5d7694;
    font-size: 12px;
    font-weight: 400;
    margin-left: 22px
}

.currencies .title .rank,.currencies .title .unvail {
    background: #0b69ef;
    border: 1px solid #0b69ef;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    vertical-align: 3px
}

.currencies .title .unvail {
    background: #fff;
    border-color: #edf1f6;
    color: #84929c;
    cursor: pointer;
    position: relative
}

.currencies .title .unvail:after {
    background-color:#fff;
    bottom: 0;
    box-sizing: border-box;
    color: #0b1721;
    content: "该币种未纳入非小号排名";
    display: none;
    font-size: 13px;
    left: 0;
    margin-bottom: 25px;
    padding: 3px 10px;
    position: absolute;
    white-space: nowrap
}

.currencies .title .unvail:after>.bottom-box {
    color: #545c63;
    font-family: PingFangSC-Regular,PingFang SC;
    font-size: 12px;
    font-weight: 400;
    height: 37px;
    justify-content: center;
    position: relative
}

.currencies .title .unvail:after>.bottom-box,.currencies .title .unvail:after>.bottom-box a {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.currencies .title .unvail:after>.bottom-box a {
    white-space: nowrap
}

.currencies .title .unvail:after>.bottom-box:before {
    background: #edf1f6;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: calc(100% - 40px)
}

.currencies .title .unvail:after .boxTit {
    padding: 15px 12px
}

.currencies .title .unvail:after .boxTit h2 {
    color: #0b1721;
    display: inline;
    font-size: 16px
}

.currencies .title .unvail:after .boxTit:before {
    background: #0b69ef;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 8px;
    vertical-align: -2px;
    width: 3px
}

.currencies .title .unvail:after .titMore {
    color: #545c63;
    float: right;
    font-size: 12px;
    margin-right: -6px
}

.currencies .title .unvail:after .titMore i {
    margin-left: -5px
}

.currencies .title .unvail:after a:hover {
    color: #0b69ef
}

.currencies .title .unvail:hover {
    background: #f6f7fb;
}

.currencies .title .unvail:hover:after {
    display: block
}

.currencies .title .main {
    float: left;
    height: 33px;
    line-height: 33px;
    margin-top: -2px;
    width: 810px
}

.currencies .title .sub {
    color:#858a90;
    float: left
}

.currencies .title .sub a {
    color:#858a90;
    font-size: 14px
}

.currencies .title .sub a:hover {
    color: #0b69ef
}

.currencies .title .btnGrop {
    position: absolute;
    right: 24px;
    text-align: right;
    top: 24px
}

.currencies .title .btnGrop .ivu-btn {
    color: #545c63;
}

.currencies .title .btnGrop .ivu-dropdown-menu {
    min-width: auto
}

.currencies .title .btnGrop .ivu-dropdown-menu li {
    min-width: 80px;
    text-align: center
}

.currencies .title .btnGrop .ivu-btn-primary {
    background-image: url(https://s3.northamericancoloniesindependence.com/p/v1.0.8/static/images/qqhq_add2.svg?v=61e0e51);
    background-position: 12px 5px;
    background-repeat: no-repeat;
    border: 0!important;
    line-height: 30px;
    vertical-align: top
}

.currencies .title .btnGrop .ivu-btn-primary span {
    color: #fff;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    text-align: right;
    width: 42px
}

.currencies .title .btnGrop .ivu-btn-primary.ivu-btn-loading {
    background-image: none
}

.currencies .title .btnGrop .ivu-btn-primary.ivu-btn-loading span {
    width: auto
}

.currencies .title .btnGrop .icon-add1:before {
    display: inline-block;
    height: 16px;
    width: 20px
}

.currencies .title .btnGrop>button {
    margin-left: 12px;
    text-align: center;
    vertical-align: top
}

.currencies .other_info {
    flex: 1;
    padding-left: 20px;
    padding-top: 22px
}

.currencies .other_info .info_list {
    flex-flow: row wrap;
    flex-wrap: wrap
}

.currencies .other_info .info_list,.currencies .other_info .info_list .info_cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.currencies .other_info .info_list .info_cell {
    align-items: center;
    flex-flow: row nowrap;
    height: 30px;
    width: 225px
}

.currencies .other_info .info_list .info_cell .info_tit {
    color:#858a90;
    font-size: 14px
}

.currencies .other_info .info_list .info_cell .info_val {
    color: #0b1721;
    display: inline-block;
    font-size: 14px;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px
}

.currencies .other_info .tags {
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 14px
}

.currencies .other_info .tags .marketcap {
    color: #0b1721;
    font-size: 15px;
    margin-left: 12px
}

.currencies .priceInfo {
    border-right: 1px solid #edf1f6;
    margin-top: 10px;
    position: relative;
    width: 50%;
}

.currencies .priceInfo .smallfont {
    align-items: center;
    display: flex;
    margin-left: 10px;
}

.currencies .priceInfo .textGreen span,.currencies .priceInfo .textRed span {
    margin-right: 0!important
}

.currencies .priceInfo .chart_list {
    overflow: hidden
}

.currencies .priceInfo .chart_list,.currencies .priceInfo .mainPrice {
    display: flex;
    flex-flow: row nowrap
}

.currencies .priceInfo .mainPrice {
    align-items: baseline
}

.currencies .priceInfo .mainPrice .smallfont * {
    font-weight: 400;
    margin-right: 0
}

.currencies .priceInfo .mainPrice .price {
    margin-right: 14px
}

.currencies .priceInfo .mainPrice .price * {
    font-family: Helvetica
}

.currencies .priceInfo .mainPrice small {
    color: #0b1721;
    font-size: 24px;
    margin-right: 3px
}

.currencies .priceInfo .mainPrice span {
    font-size: 38px;
    font-weight: 700
}

.currencies .priceInfo .mainPrice span.small_type {
    font-size: 32px
}

.currencies .priceInfo .sub {
    font-size: 16px;
    margin-top: 6px;
}

.currencies .priceInfo .sub span {
    /*color: #0b1721;*/
    font-size: 20px;
    margin-right: 4px
}

.currencies .priceInfo .lowHeigt {
    font-size: 16px;
    position: absolute;
    right: 32px;
    text-align: right;
    top: 5px
}

.currencies .priceInfo .lowHeigt div {
    color:#858a90;
    margin-bottom: 6px
}

.currencies .priceInfo .lowHeigt div span {
    color: #0b1721
}

.currencies .charCell {
    flex: 1;
    height: 115px;
    margin-top: 15px;
    text-align: center;
}

.currencies .charCell .celltit {
    color:#858a90;
    font-size: 14px;
    position: relative;
    z-index: 9
}

.currencies .val {
    color: #0b1721;
    font-size: 14px
}

.currencies .charCell:last-child {
    border: none
}

.item_status.hasrank {
    border-color: #008555;
    color: #008555;
    cursor: pointer;
    padding: 0 10px 0 4px;
}
.item_status {
    border: 1px solid #ddd;
    border-radius: 21px;
    color: #ddd;
    display: inline-block;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    padding: 0 10px;
    position: relative;
}
.item_status.hasrank:before {
    background: url('/uploads/default/icon-active.svg') 50% no-repeat;
    background-size: 14px 14px;
    content: "";
    display: inline-block;
    height: 17px;
    margin-left: 3px;
    margin-top: 1px;
    vertical-align: top;
    width: 17px;
}
.charbox{height: 70px;display: flex;justify-content: center;}
.blockOut{
    position: relative;
    width: 98px;
    height: 52px;
    overflow: hidden;
    margin-top: 10px;
}

.block{
    position: absolute;
    width: 98px;
    height: 98px;
    margin-top: 2px;
    border-right: 9px solid #E1E1E1;
    border-bottom: 9px solid #E1E1E1;
    border-radius: 50%;
    transform-origin: 50%;
    box-sizing: border-box;
}

.textClass {
    position: absolute;
    font-size: 50px;
    font-weight: bold;
    top: 225px;
    left: 170px;
}
.vals{
    margin-left: -16px;
    position: absolute;
    text-align: center;
    width: 150px;
    font-size: 16px;
    font-weight: 700;
    bottom: 20px;
    color: #0b1721;
    text-indent: 18px;
}
.tits{
    color: #858a90;
    font-size: 12px;
    bottom: 6px;
    margin-left: -18px;
    position: absolute;
    text-align: center;
    width: 150px;
    text-indent: 18px;
}
.tabItem h3 {
    margin: 20px 0;
    padding-left: 10px;
    font-size: 18px;
    line-height: 1.2;
    border-left: 4px solid #3ca5f6;
}
.highcharts-root{font-size: 0.8rem !important;}
@media (max-width:767px){
    .tabs{margin-top: 0}
    .echarts{height: 280px}
    .entry .content h3{font-size: 15px !important;}
    em, i {
        font-style: normal;
        font-size: inherit;
    }
    .prodet-top {
        padding: 10px;
        width: 100%;
    }

    .prodet-top .tt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .prodet-top .titbox {
        display: flex;
        align-items: flex-end;
        font-size: 20px;
        color: #333333;
        font-weight: bold;
    }

    .prodet-top .titbox .ico {
        width: 26px;
        height: 26px;
        margin-right: 5px;
    }

    .prodet-top .titbox .lx {
        font-size: 12px;
        color: #868E9E;
        margin-left: 2px;
        font-weight: normal;
        word-break: break-all;
        margin-bottom: 2px;
    }

    .prodet-top .rank {
        padding: 2px 5px;
        border: 1px solid #008555;
        border-radius: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        color: #008555;
    }
    .prodet-top .rank::before {
        background: url('/uploads/default/icon-active.svg') 50% no-repeat;
        background-size: 14px 14px;
        content: "";
        display: inline-block;
        height: 17px;
        margin-left: 3px;
        margin-top: 1px;
        vertical-align: top;
        width: 17px;
    }
    .prodet-top .rank .ico {
        width: 14px;
        margin-right: 2px;
    }

    .prodet-top .pbox {
        display: flex;
    }

    .prodet-top .lbox {
        flex: 1;
        overflow: hidden;
    }

    .prodet-top .price {
        font-size: 20px;
        line-height: 36px;
    }

    .prodet-top .price i {
        font-size: 28px;
    }

    .prodet-top .bd {
        font-size: 14px;
        color: #000;
        line-height: 36px;
    }

    .prodet-top .bd em {
        color: #14B185;
    }

    .prodet-top .sz {
        font-size: 12px;
        color: #666666;
        line-height: 36px;
    }

    .prodet-top .sz span {
        font-size: 14px;
        color: #000000;
    }

    .prodet-top .rbox {
        width: 42%;
    }

    .prodet-top .font {
        font-size: 11px;
        color: #868E9E;
        display: flex;
        line-height: 14px;
        margin-top: 14px;
    }

    .prodet-top .font em {
        margin-right: 2px;
    }

    .prodet-top .font span {
        color: #000000;
        flex: 1;
        overflow: hidden;
        text-align: right;
    }

    .prodet-top .font a {
        font-weight: bold;
        color: #006BE9;
    }

    .prodet-top .lboxs {
        flex: 1;
        overflow: hidden;
    }

    .prodet-top .rboxs {
        width: 50%;
    }

    .prodet-top .rboxs .font span {
        text-align: left;
    }

    .prodet-top .lboxs .font span {
        text-align: left;
    }
    .coinViewMore a{padding-right: 10px}

    .c-mobile .customTab .csutomTabTit h2.active{color: var(--blue) !important;}
    .c-mobile .infoList_new .list_cell .tit, .c-mobile .infoList_new .list_cell_long .tit{border-right: 1px solid #fff;}
}

.operation .btn {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #000000;
    line-height: 32px;
    border-radius: 3px;
    border: 1px solid #C0C0C0;
    padding: 0 15px;
    margin-left: 4px;
    cursor: pointer;
}
.operation .btn.t2 {
    background: #006BE9;
    color: #fff;
    border: 0;
}

.operation .btn.t2 a {
    color: #fff;
}