.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;}
.cointOp .view-info-head .grey-font {color: #83858f}
.cointOp .view-info-head .view-info-left{margin: auto;}
.cointOp .view-info-head .info-container {display:flex;align-items: center}
.cointOp .view-info-head .info-container .market_icon {width: 45px;height: 45px;vertical-align: top}
.cointOp .view-info-head .info-container .market_icon img {height: 45px;width: 45px}
.cointOp .view-info-head .info-container .coin-title {margin-left: 10px;margin-top: 5px;display: flex;align-items: center;}
.cointOp .view-info-head .info-container .name-container {display: flex;align-items: flex-start}
.cointOp .view-info-head .info-container .label-container {margin-top: 7px}
.cointOp .view-info-head .info-container .coin-name {width:215px;font-size: 20px;color: #323232;letter-spacing: 0;line-height: 30px;font-weight: 500;}
.cointOp .view-info-head .info-container .rank-badge {font-family: PingFangSC-Regular;display: inline-block;width: 57px;height: 23px;padding: 4px 1px;font-size: 12px;color: #fff;background-color: #3b87eb;border-radius: 32px;text-align: center;vertical-align: middle;line-height: 14px;margin-right: 24px;margin-left: 25px}
.cointOp .view-info-head .info-container .rank-change {font-size: 16px}
.cointOp .view-info-head .info-container .coin-type, .cointOp .view-info-head .info-container .rank-move {font-size: 14px;color: #83858f;letter-spacing: 0;line-height: 14px}
.cointOp .view-info-head .info-container .coin-type {font-family: PingFangSC-Regular}
.cointOp .view-info-head .info-container .label-divide {margin: 0 11px;display: inline-block;width: 1px;height: 10px;background: #e1e4ee}
.cointOp .view-info-head .price-container {margin: 10px 0 0 35px}
.cointOp .view-info-head .price-container .symbol {font-size: 14px}
.cointOp .view-info-head .price-container .cny-container {display: inline-block;color: #323232;margin-right: 38px;position: relative;font-weight: 600;}
.cointOp .view-info-head .price-container .cny-container .global-index {width:215px;display: inline-block;line-height: 24px;font-family: PingFangSC-Semibold;font-size: 23px}
.cointOp .view-info-head .price-container .cny-container .icon {position: absolute;width: 18px;height: 18px;right: -31px;bottom: 3px}
.cointOp .view-info-head .price-container .deg_up {color: #32a853}
.cointOp .view-info-head .price-container .deg_down {color: #eb4236}
.cointOp .view-info-head .price-container .deg_Green {color: #32a853}
.cointOp .view-info-head .price-container .deg_Red {color: #eb4236}
.cointOp .view-info-head .price-container .trend {display: inline-block}
.cointOp .view-info-head .price-container .trend span {font-family: PingFangSC-Regular;font-size: 14px;letter-spacing: 0;line-height: 14px}
.cointOp .view-info-head .price-container .price-usd {font-family: PingFangSC-Regular;font-size: 14px;margin-top: 8px}
/*.cointOp .view-info-head .price-container .price-usd>span {margin-right: 12px}*/
.cointOp .view-info-head .price-container .trade-info {font-size: 12px;margin-top: 22px;font-family: PingFangSC-Regular}
.cointOp .view-info-head .price-container .trade-info>span {margin-right: 40px}
.cointOp .view-info-head .head-right {position: relative;width: 58%;min-width: 388px;}
.cointOp .view-info-head .head-right .link-btn {display: inline-block}
.cointOp .view-info-head .head-right .link-btn>a {background: #f2f3f5;color: #83858f;border-radius: 4px;display: inline-block;float: right;font-size: 16px;margin-left: 14px;padding: 9px 18px;text-decoration: none}
.cointOp .view-info-head .head-right .link-btn>a:hover {background: #208de3;color: #fff}
.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;margin-top: 30px;border-bottom: 2px solid #efefef;}
.tabs li {line-height: 1.4;font-weight: 700;padding: 6px 12px 8px;font-size: 20px;font-size: 1.66667rem;margin-bottom: 0px;}
.tabs-box {display: none;}

.active {color: #3ca5f6;}
.boxOne {display: block;}
.mkt {height: 100%;position: relative;padding-left: 10px;padding-right: 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 #e3e8ea;height: 48px;}
.mkt table .market_name {padding-left: 0;padding-right: 28;text-align: left;max-width: 135px;padding-left: 5px;}
.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: 30px;height: 30px;margin-right: 10px;margin-top: -6px;}
span.bz {margin-left: 10px;}
.mkt table tbody .market_name .name {color: #acb0b4;margin-left: 10px;}

.pc_nok{display: none}

.infoList_new {width: 100%;overflow: auto;font-size: 14px;border-top: 1px solid #f0f2f9;}
.infoList_new .list_cell,.infoList_new .list_cell_long {width: 50%;float: left;border-bottom: 1px solid #f0f2f9;white-space: nowrap;text-overflow: ellipsis;padding: 10px 0}
.infoList_new .list_cell .tit,.infoList_new .list_cell_long .tit {color: #84929c;width: 60px;white-space: nowrap;margin-right: 16px;display: inline-block;}
.infoList_new .list_cell .val,.infoList_new .list_cell_long .val {white-space: nowrap;color: #333;}
.infoList_new .list_cell_long {width: 100%;border-top: 1px solid #f0f2f9;margin-top: -1px;-webkit-box-orient: vertical;text-overflow: ellipsis;display: -webkit-box;overflow: hidden;}
.infoList_new.long .list_cell:last-child {width: 100%;}

.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;color:green;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}
@media (max-width:767px){
    .other_info{padding-top:0 !important}
    .tx-info-module-box{margin: 1em 0 1em 0 !important;}
    .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;}
    .mobile{display: block}
    .jiaoyi{width: 30%}
    .fa-time{height: 19px}
    .infoList_new .list_cell_long{
        border-top: 0 !important;
    }
    .mkt table tbody .market_name a{
        display: flex !important;
        white-space: collapse !important;
        padding-left: 0px !important;
    }
    .mkt table tbody .market_name .icon{
        display:flex !important;
        align-items:center !important;
        position: unset !important;
        margin-top:0 !important;
    }
    .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: 5px !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: 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;
        max-width:unset !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;
    }
}

/* 文本颜色 */
.green {
    color: #14B185 !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;
}
.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: 15px;
    font-size: 2rem;
    line-height: 1.4;
}
.entry-head .entry-info{
    padding-bottom: 10px;
    color: #999;
}
