.market-news {
    background-color: #fff;
    padding: 5px 10px;
}

.market-news .right-news-time {
    color: #9194a4;
    line-height: 16px;
    text-align: center;
    font-family: PingFangSC-Medium;
    font-size: 12px;
    padding: 8px 5px 0;
    display: flex
}

.market-news .market-news-wrap {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 0
}

.market-news .market-news-wrap a {
    display: block
}

.market-news .market-news-wrap>li {
    margin-bottom: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.market-news .right-news-text {
    padding: 15px 5px;
    height: 60px;
    font-weight: 700;
    cursor: pointer
}

.market-news .right-news-text .name {
    font-size: 12px;
    color: #232a4a;
    line-height: 14px
}

.market-news .right-news-text .num {
    font-size: 10px;
    color: #9194a4;
    line-height: 14px
}

.market-news .right-news-text .change-btn {
    display: block;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.market-news .right-news-text:hover {
    background: #f8f9fa
}

.market-news .pair {
    text-align: left;
    width: 25%
}

.market-news .price {
    width: 45%;
    text-align: right;
    flex-wrap: wrap;
    justify-content: flex-end
}

.market-news .change {
    width: 30%;
    display: flex;
    justify-content: flex-end
}

.market-news .change-down {
    background: #ff6c47
}

.market-news .change-up {
    background: #00c087
}

.market-news .change-fix {
    background: #9194a4
}

.fl {
    float: left
}

.fr {
    float: right
}

.hotpic img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: -1px;
    float: left
}

.main {
    position: relative
}

.hangqing {
    margin-bottom: 15px;
    box-shadow: none
}

.section {
    background-color: #fff;
    padding: 15px 20px;
}

.layui-tab-content {
    background: #fff
}

.red {
    color: #e4000f !important
}

.green {
    color: #00cb8b !important
}

.chain-exchangeInfo .chain-exchangeInfo-items {
    padding: 10px;
    color: #666;
    height: 80px;
    width: 1040px;
    overflow: hidden;
    border-bottom: 1px solid #eee
}

.pad0 {
    padding: 0
}

.col-exchangeName {
    width: 17%
}

span.exlogo {
    float: left
}

.exlogo img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
    float: left;
    margin-top: 10px
}

.exchange-name b {
    padding: 0;
    font-size: 16px;
    margin-top: 8px;
    margin-left: 5px
}

p.exname {
    margin: 0 0 10px
}

@media (min-width:992px) {
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }
    .col-md-1 {
        width: 70px
    }
    .col-md-2 {
        width: 170px
    }
    .col-md-3 {
        width: 210px
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    span.break-line-2 {
        line-height: 20px;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height: 40px;
        overflow: hidden
    }
    .col-md-9 {
        width: 120px
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 120px
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-pull-11 {
        right: 91.66666667%
    }
    .col-md-pull-10 {
        right: 83.33333333%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-8 {
        right: 66.66666667%
    }
    .col-md-pull-7 {
        right: 58.33333333%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-5 {
        right: 41.66666667%
    }
    .col-md-pull-4 {
        right: 33.33333333%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-2 {
        right: 16.66666667%
    }
    .col-md-pull-1 {
        right: 8.33333333%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-push-11 {
        left: 91.66666667%
    }
    .col-md-push-10 {
        left: 83.33333333%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-8 {
        left: 66.66666667%
    }
    .col-md-push-7 {
        left: 58.33333333%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-5 {
        left: 41.66666667%
    }
    .col-md-push-4 {
        left: 33.33333333%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-2 {
        left: 16.66666667%
    }
    .col-md-push-1 {
        left: 8.33333333%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%
    }
    .col-md-offset-1 {
        margin-left: 8.33333333%
    }
    .col-md-offset-0 {
        margin-left: 0
    }
}

span.code.hide-sm.grey-black {
    font-size: 13px;
    color: #999 !important;
    margin-left: 5px
}

.left {
    text-align: left !important
}

@media screen and (max-width:500px) {
    .chain-exchangeInfo-item img {
        border-radius: 20px;
        float: left
    }
    .chain-exchangeInfo-totalVolumn {
        font-size: 14px;
        line-height: 20px
    }
    .chain-exchangeInfo-totalVolumn span {
        font-size: 12px
    }
    .exchange-name {
        display: inline-block;
        width: 60%;
        position: absolute;
        left: 80px;
        top: 20px
    }
    .chain-exchangeInfo-item-list {
        font-size: 12px;
        margin-top: 10px;
        margin-bottom: 0
    }
    .exchange-volumn {
        position: absolute;
        right: 15px;
        top: -50px;
        font-size: 20px
    }
}

span.blue a {
    color: #d81e06
}

.center {
    margin: 0 auto
}