body{background: #f3f3f3}
table tr:hover {
    background: #ebf7fd;
    cursor: pointer;
}
.new-coin-list .td {
    height: 68px;
}
.new-coin-list .td, .new-coin-list .th, .his-coin-list .td, .his-coin-list .th {
    border-bottom: 1px solid #f4f4f4 !important;
}
.shadow{
    box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
    padding: 15px;
    background:#fff;
    border-radius: 5px;
    margin-top: 15px;
}
/*.container{width: 1300px !important;}*/
.bgWhite{background: #FFFFFF;}
.wrap{padding: 0 !important}
.w100{width: 100%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w40{width:40%}
.w33{width:32.4%}
.w30{width:30%}
.w25{width:25%}
.w20{width:20%}
.w10{width:10%}
.font12{font-size: 12px}
.font14{font-size: 14px}
.font15{font-size: 15px}
.font16{font-size: 16px}
.font18{font-size: 18px}
.font20{font-size: 20px}
.font22{font-size: 22px}
.font24{font-size: 24px}
.font26{font-size: 26px}
.font28{font-size: 28px}
.font30{font-size: 30px}
.bold{font-weight: 550}
.tw-flex-1 {flex: 1 1;}
.price-red{color:#f53932;}
.price-green{color:#00a83e}
.red{color:#f53932;}
.green{color:#00a83e}
.flex{display: flex}
.new-center{align-items: center}
.new-start{align-items: flex-start;}
.new-end{align-items: flex-end;}
.new-column{flex-direction: column}
.new-between{justify-content: space-between}
.new-jcenter{justify-content: center}
.new-jend{justify-content: flex-end;}
.new-wrap{flex-wrap: wrap;}
.text-right{text-align: right}
.text-center{text-align: center;}
.text-left{text-align: left;}
.m15{margin: 15px 0;}
.m10{margin:0 10px;}
.m5{margin: 8px 3px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px !important}
.mb50{margin-bottom: 50px !important}
.pt30{padding: 30px 0 10px 0}
.p10{padding:15px !important}
table a, a.default{color: #333}
.read-more{text-decoration: underline;color:#333;cursor: pointer;}
.hide-box{color:#333;cursor: pointer;}
.color6{color:#666}
.default-color{color:#64748b}
.title-desc{font-size: 22px;font-weight: bold;}
.description{margin-top: 10px;display: none}
.new-box{padding:15px;border:1px solid #e6e6e6;border-radius: 10px;line-height: 1.8;font-weight: bold}
.top-coin img, .new-coin-list .coin-logo,.hight-box img, .cate-table img{width:25px;height:25px;margin-right:5px}
.coin-logo{width:25px;height:25px;margin-right:5px}
.money{font-size: 20px;font-weight: bold;}
.top-title{padding-bottom:5px}
.top-coin{padding: 10px 0}
.top-left-title{color:#8c8c8c}
.top-box .top-right-box{padding: 10px 15px;}
.top-box .top-right-box:nth-child(2){margin: 0 6px;}
.price-text{color: #0f172a;font-weight:555;font-size: 14px;}
.date{color: #64748b;margin: 15px 0 5px 0}
.entry-breadcrumbs{
    padding: 8px 0;
    margin-top: -10px;
    color: #999;
    border-radius: 0;
    border-bottom: none;
    list-style: none;
}
.head-top .top-item a{color: #333 !important}
.entry-breadcrumbs a{color: #666;}
.entry-breadcrumbs > li:last-child a{color: #999}
.entry-breadcrumbs > li {
    display: inline-block;
}
.entry-breadcrumbs > li + li::before {
    content: ">";
    padding: 0 10px;
    color: #919191;
}
.highlight-top{
    border-bottom: 1px solid #f4f4f4;
    padding: 5px 0;
    margin: 5px 0;
}

.highlight-bg{
    background: #f1f5f9;padding: 0 5px;border-radius: 5px
}

.switch-box { position: relative; height: 22px;}
.switch-box label {
    width: 50px;
    height: 22px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 46px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch-box label:after {
    content: '';
    position: absolute;
    width: 21px;
    height: 22px;
    border-radius: 100%;
    left: 0;
    top: -5px;
    z-index: 2;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.switch-box input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    margin-left: 5px;
}
.switch-box label:after {
    top: 0;
    width: 22px;
    height: 22px;
}
.switch-box input:checked+label {
    background: #4bcc00;
}

.switch-box input:checked+label:after {
    left: 30px;
}

.list-top-item{
    margin: 5px 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 6px 15px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 5px;
    user-select: none;
    color: #8c8c8c;
    background-color: #fff;
    margin-right: 10px;
}
.btn-active{
    color: #35AF00;
    background: #E8FCC9;
}
.btn-active a{
    color: #35AF00;
}
.list-top-item:hover a:hover{
    color: #64748b;
}
.list-top-item:hover{
    background: #ececec;
    color: #64748b;
}
.list-top-item-name{padding-left: 5px}

table{
    margin-top: 10px;
    border-top: 1px solid #f4f4f4;
    border-collapse: collapse;
    background-color: transparent;
}
.new-coin-list .th, .his-coin-list .th{
    font-size: 14px;
    font-weight: normal;
    background: #FFFFFF;
}

.new-coin-list .td, .new-coin-list .th, .his-coin-list .td, .his-coin-list .th{
    border-bottom: 1px solid #f4f4f4 !important;
}
.his-coin-list .td{height: 50px}
.new-coin-list .td{height: 68px}
.name{display: flex;align-items: flex-end;}
.cn{color: #B4B4B4;font-size: 12px}
.left{text-indent: 5px !important;text-align: left !important;float: unset;display: table-cell}
.right {
    text-align: right !important;float: unset;display: table-cell
}
.center {
    text-align: center !important;
}
.new-coin-list .td td,.his-coin-list .td td{
    font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol !important; font-size: 14px !important;color: #0F172A;padding: 8px}
.new-coin-list .th th,.his-coin-list .th th{padding: 8px}
.new-coin-list .td td:first-child, .new-coin-list .th th:first-child{width: 14px}
.seven-line{width: 130px;height: 40px}
.td .en{font-weight: 550}
.wrap{background: #FFFFFF}
.detail-main{
    width: 33%;
    float: left;
    transition: all .3s ease-out 0s;
    border-right: 1px solid #f4f4f4;
}
.detail-main .coin-logo{width:35px;height:35px;margin-right:5px}
.right-box{
    float: right;
    width: 67%;
    margin-bottom: 15px;
}

.right-boxs{
    float: right;
    width: 67%;
}
.priceProgress {
    width: 100%;
    align-items:center;
    display:flex;
    justify-content:space-between;
}
.priceProgress .priceStyle {
    font-weight: 400;
    font-size: 12px;
    color: #89939E;
}
.priceProgress .priceStyle .convert {
    font-size:14px
}

.index_progressWrapper__8JxEc {
    width: 100%;
    margin: 6px 0;
    height: 6px;
    background-color: #D2D6DE;
    border-radius: 8px;
    overflow: hidden;
}
.index_progressSlider__fv9Gk {
    border-radius: 8px;
    transition: width .6s ease;
    border: 4px solid;
    border-image: linear-gradient(to bottom right,#fd3, #00a83e) 4;
}
.index_sliderTooltip__UOm3O {
    background-color: #000;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 16px;
    padding: 8px;
    position: absolute;
    top: -40px;
    transform: translateX(-50%);
    white-space: nowrap;
}
.index_sliderTooltip__UOm3O .index_arrow__4UHum {
    background-color: #000;
    height: 8px;
    left: 50%;
    margin-left: -4px;
    position: absolute;
    top: 26px;
    transform: translateX(-50%);
    transform: rotate(45deg);
    transform-origin: center;
    width: 8px;
}

.coin-title-text{color: #64748b}
.coin-title span{padding: 0 5px}
.detail-right-top-title{border-bottom: 1px solid #f4f4f4}
.detail-right-top-title a{color: #64748b;padding: 7px 15px;}
.detail-right-top-title a.active{color: #333;border-bottom: 2px solid #2ebf2e}
.detail-right-top-title a:hover{color: #333;border-bottom: 2px solid #cbd5e1}
/*.detail-left,.detail-left-second{padding-top:30px }*/
.detail-left ul,.detail-left-second ul, .detail-left-four ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.detail-left ul li, .detail-left-second ul li, .detail-left-four ul li{
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    line-height: 1.6;
    border-bottom: 1px solid #f5f5f5;
    color: #64748b;
}
.detail-left ul li .price-text{color: #0f172a;font-weight:555;font-size: 14px;}
.detail-left-second span{padding: 0 5px}
.detail-left-second a.left-a{
    padding: 4px 10px;
    background: #eff2f5;
    font-size: 12px;
    border-radius: 5px;
    color: #333;
}
.detail-left-second a.left-a:hover{background: #cbd5e1;color: #333 !important;}
.fix-sticky{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    z-index: 990;
    width: 100%;
    border: 0;
    background: #fff;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.1);
}
.fix-sticky .detail-right-top-title span{padding: 10px 15px;}
.percent-box div span:first-child{background: #f1f5f9;width: 100%;text-align: center;font-weight: 550}
.border-right{border-right:1px solid #e6e6e6;}
.percent-box,.content-box{padding:15px;}
.percent-box1{border:1px solid #e6e6e6;border-radius: 5px;}
.percent-box1 span{padding: 10px}
.content-title{padding: 5px 15px; background: #c7f2cd !important;color:#0a861c;border-radius: 5px;}
.coin-content h2,.coin-content h3{font-size: 20px;}
.coin-content{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
}
.content-box .read-mores{
    padding: 5px 20px;
    background: #f1f5f9;
    border-radius: 5px;
    cursor: pointer;
}
.content-box .open{display: block}
.content-box .more-mask{
    padding-top: 250px;
    margin-top: -280px;
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%);
}


.change-box{margin: 15px 0}
.change-box-input{height: 50px}
.change-box-input input{
    height: 50px;
    border: 1px solid #e6e6e6;
    font-size: 16px;
    text-indent: 10px;
    color: #5a5b5e;
}
.change-box-input span{
    min-width:100px;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-left: none;
    font-size: 16px;
    padding: 5px;
    cursor: pointer;
}
.change-box-input select{
    text-align: center;
    min-width:100px;
    height: 50px;
    font-size: 16px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    background-color: #fff;
}
.change-box-input:first-child input{
    border-top-left-radius: 8px;
    border-bottom: none;
}
.change-box-input:first-child span{
    border-top-right-radius: 8px;
    border-bottom: none;
}

.change-box-input:last-child input{
    border-bottom-left-radius: 8px;
}
.change-box-input:last-child select{
    border-bottom-right-radius: 8px;
    border-left: none !important;
}
.change-box-input .coin-{
    border: 2px solid #4bcc00 !important;
    border-left: none !important;
}
.change-box-input .coin-price{
    border: 2px solid #4bcc00 !important;
}
.change-box-input .coin-symbol{
    border: 2px solid #4bcc00 !important;
    border-left: none !important;
}
.ticker-top-item,#history_type{
    background: #f1f5f9;
    padding: 5px;
    border-radius: 5px;
}
.ticker-top-item span{
    padding: 4px 12px;
    font-weight: 550;
    cursor: pointer;
}
#history_type span{
    padding: 4px 50px;
    font-weight: 550;
    cursor: pointer;
}
.ticker-top-item span.active,#history_type span.active{
    background: #fff;
    border-radius: 5px;
}

.news-box{
    width: 25%;
    padding: 10px;
    margin-bottom: 10px;
}
.news-box img{width: 100%;height:150px;border-radius: 8px}
.news-title{
    color:#333;
    font-size: 18px;
    font-weight: 550;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#market table tr td span.pairs{
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 热门推荐 start */
.custom-title{margin-bottom: 20px}
.line-li {
    float: left;
    width: 50%;
    list-style: none !important;
    margin-bottom: 5px;
}

/* 奇数li */
.line-li:nth-of-type(odd) {
    border-right: 1px solid #f3f5f7;
}

/* 偶数li */
.line-li:nth-of-type(even) {
    width: 48%;
    margin-left: 10px;
}

.line-container {
    width: 100%;
    position: relative;
}

.line-container, .prev-next, .article-tag, .bottom-line, .blog-info-body, .disclaimer-body, .archives-body, .overflow-initial {
    overflow: initial !important;
}

.line-left {
    float: left;
    width: 15%;
    transition-duration: .5s;
}

.line-left img:hover {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;
}

.line-container .line-left + .line-right {
    margin-left: 15%;
}

/*.line-right {*/
/*    width: 85%; !*text-shadow: 0 0.04rem 0.04rem rgba(0,0,0,0.078)*!*/
/*}*/

.line-right .text {
    margin-left: 10px;
    margin-bottom: 5px;
    color: #999;
    margin-right: 5px;
    white-space: nowrap;
    word-wrap: normal;
    text-overflow: ellipsis;
    overflow: hidden;
}

.line-right .text .views {
    color: #9199a1;
    margin-left: -5px;
    font-size: 12px;
}

.line-right .text a {
    font-size: 15px;
    color: #555555
}

.line-right .text .comment a {
    color: #9199a1 !important;
    font-size: 12px !important;
}

.line-right .text a:hover {
    color: #017E66;
    /*font-weight: bold;*/
}

/* 热门推荐 end */
.xg-box{
    width: 19%;
    padding: 10px;
    margin: 6px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #333 !important;
    box-shadow: 0 2px 0 0 #cbd5e1;
}
.xg-title{
    color:#333;
    font-weight: 550;
    font-size: 16px;
}
.xg-box .xg-chart,.xg-box svg{width: 100%}
.xg-list a.xg-box:active, a.hight-box:active{transform: translateY(10px);transition-duration: .15s;}
.xg-list a.xg-box:hover, a.hight-box:hover{background: #f1f5f9;}
.xg-list a.xg-box .fa-fw{font-size: 18px;}
.hight-box{
    width: 100%;
    padding: 10px;
    margin: 6px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #333 !important;
    box-shadow: 0 2px 0 0 #cbd5e1;
}
.hight-box img:nth-child(2),.hight-box img:nth-child(3){margin-left: -10px;}
.progressWrapper_8JxEc{
    width: 70%;
    margin: 6px 0;
    height: 6px;
    background-color: #D2D6DE;
    border-radius: 8px;
    overflow: hidden;
}
.progressSlider_fv9Gk {
    border-radius: 8px;
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    transition: width .6s ease;
    background: #64748b;
}
.progressWrapper{
    width:50%;
    margin: 6px 0;
    height: 8px;
    background-color: #D2D6DE;
    border-radius: 8px;
    overflow: hidden;
}
.progressSlider{
    border-radius: 8px;
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    transition: width .6s ease;
    background: #0ab45a;
}
.scbox {
    display: block;
    float: left;
    min-width: 120px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    cursor: pointer;
    font-weight: 550;
}
.scbox option{cursor: pointer;font-weight: 500;}
.info_min .info_cell > div {
    line-height: 26px;
    white-space: nowrap;
}
.info_min .info_cell.row_1 .tit {
    /*width: 60px;*/
}
.info_min .info_cell .tit {
    /*width: 60px;*/
    color: #858a90;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    /*margin-right: 5px;*/
    vertical-align: middle;
}
.info_min .info_cell .val {
    color: #0b1721;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    height: 26px;
    line-height: 26px;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.info_btm, .info_min, .exchange-box, .exchange-price{padding: 0 15px}
.info_btm .exchange_des {
    color: #0b1721;
    font-size: 14px;
    line-height: 26px;
    width: 100%;
}
.exchange-fixed{
    display: none;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .6);
    transition: opacity .5s;
    z-index: 999;
}
.exchangedesBox, .exchangedesBox .content {
    display: inline-block;
    position: relative;
    text-align: left;
}

.exchangedesBox {
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
    list-style: none;
    top: 0;
    white-space: normal;
    width: auto;
    word-break: break-all;
}
.exchangedesBox .content {
    background: #fff;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: 50px 75px;
    width: 750px;
}
.exchangedesBox h2 {
    color: #0b1721;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}
.exchangedesBox .scrollbox {
    min-height: 245px;
    overflow: auto;
}
.exchangedesBox .cancel_btn {
    background: none;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 10px;
}
.exchange-wrap{
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.exchange-box img{width: 45px;height:45px;margin-right: 10px}
.exchange-rank{
    color: #008555;
    border:1px solid #008555;
    border-radius: 50px;
    padding: 2px 15px;
    font-size: 12px;
}
.coin-change{
    padding: 10px 0;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}
.scbox {
    display: block;
    float: left;
    min-width: 100px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.agree_div, .agree_divs, .agree_div1{
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    min-width: 150px;
    right: -20px;
    top: 41px;
    border-radius: 5px;
    border: 1px solid rgb(244, 244, 244);
    box-shadow: 1px 1px 6px 1px #cbd5e1;
    z-index: 100;
}
.agree_div ul li, .agree_divs ul li, .agree_div1 ul li{padding: 10px 0;width: 100%;justify-content: center;}
.agree_div ul li:hover, .agree_divs ul li:hover, .agree_div1 ul li:hover{background: #eff2f5}
.agree_div ul li a, .agree_divs ul li a, .agree_div1 ul li a{color: #333}
.fix-name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
#coin_container{
    width: 100%;
    height: 666px;
}
.trending-box img, .country-box img{border-radius: 100%}

/*.cointOp{border-bottom: 1px solid #EAEAEA;}*/
.cointOp .view-info-head {display: flex;justify-content: space-between;padding: 15px;background-color: #fff;flex-wrap: wrap!important;}
.cointOp .view-info-head .grey-font {color: #83858f}
/*.cointOp .view-info-head .view-info-left{margin: 0 30px;}*/
.cointOp .view-info-head .info-container {display:flex;align-items: center}
.cointOp .view-info-head .info-container .market_icon {width: 40px;height: 40px;vertical-align: top}
.cointOp .view-info-head .info-container .market_icon img {height: 40px;width: 40px}
.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;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;padding-bottom: 15px}
.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}
.mobile {
    display: none;
}
/*分页*/
.page{
    width: 100%;
    text-align: center;
    position: relative;
    margin: 2rem 0;
    font-size: .28rem;
    clear: both;
}
.page ul{padding-left:0}
.page ul li{display: inline-block;padding: 0 3px;}
.page ul li:hover span,.page ul li:hover a{
    background: #0279ff;
    color: #fff !important;
}
.page ul li a{
    padding: 5px 15px;
    border: 1px solid #f2f2f2;
    color: #666666;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
}
.page .total span{padding: 6px;background: #eee;color: #888;}
.page span{
    padding: 5px 15px;
    border: 1px solid #f2f2f2;
    color: #666666;
    font-size: 14px;
    display: inline-block;
    border-radius: 5px;
    background: #fff;
}
.page .active span{
    background: #0279ff;
    color: #fff;
}
/*分页 end*/