* {
    outline: 0;
    list-style: none;
}

article,
aside,
blockquote,
body,
button,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

.centerWidth#detail,
.centerWidth.mat10 {
    margin-top: 15px;
}

.main {
    margin-left: auto;
    margin-right: auto;
    /* width: 1280px; */
    margin-top: 0px;
}

.main .coin-top {
    margin-top: 15px;
    min-height: 260px;
    background: #fff;
    margin-bottom: 15px;
}

.main .detail-main {
    padding: 15px 30px;
}

.main .detail-main .top {
    overflow: hidden;
    zoom: 1;
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e4e4;
}

.main .detail-main .top .top-left {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-top: 10px;
    width: 380px;
    float: left;
}

.main .detail-main .top .top-left .left {
    float: left;
}

.main .detail-main .top .top-left .right {
    margin-left: 20px;
    float: left;
    cursor: pointer;
    font-size: 14px;
    font-weight: 100;
    background: #1d80bf;
    color: #fff !important;
    height: 25px;
    padding: 0 5px;
    margin-top: 4px;
    line-height: 25px;
    border-radius: 3px;
    text-decoration: none;
}

.main .detail-main .top .top-left img {
    width: 38px;
    vertical-align: middle;
    margin-right: 15px;
}

.main .detail-main .top .top-center {
    margin-top: 2px;
    float: left;
}

.ml20 {
    margin-left: 20px;
}

.main .detail-main .top .top-center .font {
    font-size: 24px;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
}

b,
strong {
    font-weight: inherit;
    font-weight: bolder;
}

.main .detail-main .top .top-center .font .bj {
    background: #50be67;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    vertical-align: middle;
    margin-left: 25px;
}

.main .detail-main .top .top-center .font .red {
    background: #e40202;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 10px;
    vertical-align: middle;
    margin-left: 25px;
}

.main .detail-main .top .top-center .text,
.main .detail-main .top .top-right .text {
    font-size: 18px;
    color: #6d7283;
    padding-top: 10px;
}

.main .detail-main .top .top-right .text {
    font-size: 14px;
}

.main .detail-main .top .top-right {
    width: 380px;
    float: right;
}

.main .detail-main .top .top-right .text span {
    font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-left: 15px;
}

.main .detail-main .bottom {
    margin-top: 10px;
}

.main .detail-main .bottom .left {
    border-right: 1px solid #e4e4e4;
    float: left;
    width: 367px;
}

.main .detail-main .bottom .item .title {
    padding-top: 5px;
    font-size: 14px;
    color: #6d7283;
}

.main .detail-main .bottom .item .title span {
    display: inline-block;
    background: #2e8ded;
    font-size: 12px;
    color: #fff;
    padding: 0 5px;
    margin-left: 15px;
    border-radius: 3px;
    line-height: 16px;
}

.main .detail-main .bottom .item .title span.gr {
    background-color: #50be67;
}

.main .detail-main .bottom .item .price .font {
    font-size: 18px;
    color: #000;
    margin-top: 5px;
    margin-bottom: 5px;
}

.main .detail-main .bottom .item .price .text {
    font-size: 14px;
    color: #6d7283;
    line-height: 20px;
}

.main .detail-main .bottom .center {
    border-right: 1px solid #e4e4e4;
    float: left;
    width: 366px;
    padding-left: 20px;
}

.main .detail-main .bottom .right {
    padding-left: 20px;
    float: left;
    width: 365px;
}

.main .detail-main .bottom .item {
    position: relative;
}

.main .detail-main .bottom .item .imgPosition {
    width: 140px;
    height: 70px;
    position: absolute;
    right: 20px;
    bottom: 0;
    font-size: 14px;
    color: #000;
    text-align: center;
}

.main .detail-main .bottom .item .imgPosition .chardec {
    width: 100%;
    position: absolute;
    top: 40px;
    text-align: center;
    font-size: 12px;
    z-index: 100;
    color: #999;
}

.main .detail-main .bottom .item .imgPosition .chardec span {
    font-size: 16px;
    font-weight: 900;
    color: #333;
}

.main .coin-tab {
    margin-bottom: 15px;
}

.tab-title {
    background: #f6f7fb;
    overflow: hidden;
    position: relative;
    z-index: 9999;
    overflow-x: auto;
    white-space: nowrap;
}


.tab-title::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.tab-title::-webkit-scrollbar-corner {
    background-color: transparent;
}

.tab-title::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 2px;
}

.tab-title::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
}

.tab-title > div {
    width: fit-content;
    display: flex;
}

.tab-title span,
.tab-title a {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    float: left;
    color: #333;
    min-width: 130px;
    padding: 0 15px;
    height: 40px;
    line-height: 37px;
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    border-top: 3px solid #f6f7fb;
    cursor: pointer;
}

.tab-title span.active,
.tab-title a.active {
    background: #fff;
    border-top: 3px solid #009bf4;
    color: #009bf4;
}

.main .coin-tab .tab-content {
    background: #fff;
    padding: 0px 0px 30px 30px;
}

.main .coin-tab .tab-content a {
    text-decoration: none;
}

.main .coin-tab .tab-content .detail {
    overflow: hidden;
}

.main .coin-tab .tab-content .detail .detail-left {
    width: 912px;
    float: left;
    margin-top: 30px;
}

.main .coin-tab .tab-content .detail .detail-right {
    width: 230px;
    float: right;
}

.main .coin-tab .tab-content .detail .detail-left .top {
    float: left;
    margin-bottom: 20px;
}

.main .coin-tab .tab-content .detail .detail-left .top .text {
    float: left;
    width: 228px;
    font-size: 14px;
    color: #6d7283;
}

.main .coin-tab .tab-content .detail .detail-left .t3 .text {
    width: 300px;
}

.main .coin-tab .tab-content .detail .detail-left .induction {
    font-size: 14px;
    color: #6d7283;
    text-align: justify;
    line-height: 22px;
}

.main .coin-tab .tab-content .tab .empty {
    text-align: center;
    line-height: 130px;
    font-size: 14px;
    color: #666;
    padding-top: 20px;
    padding-bottom: 50px;
}

.main .coin-tab .tab-content .tab .event .eventlist {
    overflow-x: scroll;
    white-space: nowrap;
    padding: 0 30px;
    padding-top: 80px;
    padding-left: 85px;
    position: relative;
}

.main .coin-tab .tab-content .tab .event {
    padding-top: 35px;
}

.main .coin-tab .tab-content .tab .event .start {
    width: 55px;
    height: 55px;
    overflow: hidden;
    background: url(/static/images/estart.png) no-repeat;
    zoom: 1;
    padding: 1px;
    position: absolute;
    left: 30px;
    top: 205px;
    text-align: center;
}

.main .coin-tab .tab-content .tab .event .start span {
    width: 43px;
    height: 43px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.main .coin-tab .tab-content .tab .event .eventItem {
    width: 170px;
    top: -150px;
    height: 305px;
    border-bottom: 5px solid #d8d8d8;
    display: inline-block;
    position: relative;
    float: left;
}

.main .coin-tab .tab-content .tab .event .eventItem .circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: url(/static/images/circle.png) no-repeat;
    position: absolute;
    top: 295px;
    left: 148px;
    z-index: 99;
    -webkit-box-shadow: 0 0 2px 2px #ccdcff;
    box-shadow: 0 0 2px 2px #ccdcff;
}

.main .coin-tab .tab-content .tab .event .eventItem .sort {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: 80px;
    left: 150px;
    z-index: 99;
    color: #fff;
    background: url(/static/images/esort.png) no-repeat;
    font-size: 14px;
}

.main .coin-tab .tab-content .tab .event .eventItem .text {
    width: 145px;
    white-space: wrap;
    white-space: normal;
    position: absolute;
    top: 80px;
    left: 180px;
    font-size: 14px;
    color: #6d7283;
}

.main .coin-tab .tab-content .tab .event .time {
    position: absolute;
    bottom: -40px;
    white-space: normal;
    font-size: 12px;
    color: #3e82f7;
    left: 130px;
    letter-spacing: 1px;
}

.main .coin-tab .tab-content .tab .event .border {
    height: 200px;
    width: 1px;
    border-left: 1px dashed #3e82f7;
    position: absolute;
    top: 100px;
    left: 160px;
}

.main .coin-tab .tab-content .tab .event div:first-child + div + div .border {
    height: 100px;
    top: 200px;
}

.main .coin-tab .tab-content .tab .event div:first-child + div + div .sort,
.main .coin-tab .tab-content .tab .event div:first-child + div + div .text {
    top: 180px;
}

.main .content {
    /* float: left; */
    /* width: 960px; */
    flex: 1;
}

.pub-mod {
}

.pub-mod h1.tit {
    line-height: 42px;
    font-size: 17px;
    font-weight: 500;
    display: inline-block;
    color: #000;
}

.pub-mod .mod-bd {
    padding: 10px 15px 10px 0px;
}

.pub-mod .unit2 {
    padding: 0 5px 0 5px;
    margin-top: 6px;
    margin-bottom: 15px;
    z-index: 9999
}

.pub-mod .unit2 a.active {
    border-top: 3px solid #3499da;
    color: #3499da;
}

.pub-mod .unit2 a {
    text-decoration: none;
    color: #333;
    padding-top: 4px;
    margin-right: 8px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px !important;
}

.pub-mod .unit2 a:hover {
    text-decoration: none;
    color: #3499da;
}

.pub-mod .unit2 ul a:hover {
    background: #ddd
}

.pub-mod .moreUnit2 {
    position: relative;
    display: inline-block;
    height: 20px;
    color: #999;
    z-index: 9999
}

.pub-mod .moreUnit2 span i {
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    height: 8px;
    width: 8px;
    background: url(/static/images/bbmore.png) no-repeat;
}

.pub-mod .moreUnit2 ul {
    position: absolute;
    border: 1px solid #f1f1f1;
    z-index: 1000;
    background: #fff;
    left: 0;
    top: 20px;
    display: none;
}

.pub-mod .moreUnit2 ul li {
    float: left;
}

.pub-mod .filter-trg {
    font-size: 14px;
}

.pub-mod .moreUnit2 ul li a.active {
    border-top: 0;
    color: #3499da;
}

.pub-mod .moreUnit2 ul a {
    padding: 5px;
    display: block;
    margin-right: 0;
}

.pub-mod .filter-trg.fl {
    float: left;
}

.pub-mod .filter-trg span.lab {
    display: block;
    float: left;
    margin-right: 15px;
    height: 30px;
    line-height: 30px;
}

.pub-mod .filter-trg a.active,
.pub-mod .filter-trg a:hover {
    position: relative;
    background-color: #0c8eeb;
    border-color: #0c8eeb;
    color: #fff;
}

.pub-mod .filter-trg a {
    line-height: 20px;
    color: #333;
    text-decoration: none;
    height: 20px;
    display: inline-block;
    border: 1px solid #eaecef;
    border-radius: 3px;
    position: relative;
    background: #fff;
    padding: 5px 10px;
    cursor: pointer;
    transition: all .3s;
    float: left;
    margin-right: 4px;
}

.pub-mod .selects {
    width: 200px;
}

.pub-mod .selects {
    float: left;
}

.pub-mod .selects span.lab {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    line-height: 32px;
}

.pub-mod .selects .lab {
    float: left;
}

.pub-mod .selects .select {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    z-index: 10;
    margin-right: 4px;
    float: left;
}

.pub-mod .selects button {
    outline: none;
    line-height: 20px;
    height: 32px;
    display: inline-block;
    border: 1px solid #eaecef;
    border-radius: 3px;
    position: relative;
    background: #fff;
    padding: 5px 10px;
    color: #333;
    cursor: pointer;
    transition: all .3s;
}

.pub-mod .selects button:hover {
    background: #3499da;
    color: #fff;
}

.pub-mod .selects button i {
    width: 10px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    background: url(/static/images/arrow-d.png) no-repeat;
}

.pfl {
    text-align: right;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    background: #fff;
}

.pub-mod .tabtit {
    width: 100%;
    padding: 5px 5px 0px 5px;
    overflow: hidden;
}

.pub-mod .tabtit li.active {
    color: #fff;
    background: #3499da;
    border-color: #3499da;
}

.pub-mod .tabtit li {
    display: block;
    cursor: pointer;
    float: left;
    padding: 5px 10px;
    border: 1px solid #f1f1f1;
    text-align: center;
    transition: all .2s;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 133px;
}

.text-list li .date {
    display: inline-block;
    white-space: nowrap;
    width: 80px;
    float: right;
    color: #999;
    margin-right: 5px;
}

.text-list li > a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #333;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}

.text-list li .tit {
    display: inline-block;
    padding: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 210px;
    float: left;
}

.text-list li .tit img {
    vertical-align: middle;
    margin-right: 3px;
    width: 16px;
    height: 16px;
}

.text-list > li > a:hover,
.text-list > li > a:hover .date {
    color: #3499da;
}

.padding5 {
    padding: 5px;
}

.table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    position: relative;
    background: #fff !important;
}

.table tr {
    transition: all .3s;
    height: 52px;
}

.table thead tr th:first-child {
    padding-left: 10px;
}

.table th {
    background: #ebf7fd;
    padding: 5px;
    font-weight: normal;
    height: 26px;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis;
}

.table tr td:nth-child(1) {
    max-width: 100px !important;
    overflow: hidden;
}

.table td {
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis;
    font-size: 13px;
}

.table a,
.side .table span {
    display: inline-block;
}

.content .table th {
    border: 0;
    background: #fff;
    color: #858a90;
    font-weight: 400;
    height: 26px;
    font-size: 12px;
    line-height: 26px;
    padding: 6px 8px 3px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.content .table td {
    white-space: nowrap;
    max-width: 140px;
    text-overflow: ellipsis;
    font-size: 14px;
    border-bottom: 1px solid #e8eaec;
    transition: color .6s ease-out;
    color: #0b1721;
    font-weight: 500;
    overflow: hidden;
}

.content .table td a {
    font-weight: 500;
    color: #0b1721;
}

.content .table tr:hover {
    background: #ebf7fd !important
}

.content .table .th1 {
    width: 28px;
    padding-left: 15px;
}

.content .table .td1 {
    width: 48px;
    height: 43px;
    line-height: 43px;
    text-overflow: ellipsis;
    vertical-align: middle;
    border-bottom: 1px solid #e8eaec;
    text-align: left;
}

.tableNum {
    font-weight: 500;
    display: inline-block;
    min-width: 18px;
    line-height: 19px;
    text-align: center;
    height: 18px;
    font-size: 16px;
    color: #858a90;
    padding: 0 2px;
}

tr:first-child .tableNum,
tr:nth-child(2) .tableNum,
tr:nth-child(3) .tableNum,
tr:first-child .tableNum,
tr:nth-child(2) .tableNum,
tr:nth-child(3) .tableNum {
    color: #0b1721;
}

.content .table .sort,
.content .table .sortAscCss,
.content .table .sortDescCss {
    cursor: pointer;
}

.content .table .sorticon {
    width: 8px;
    display: inline-block;
    height: 13px;
    margin: 0 3px;
    vertical-align: middle;
    background: url(/static/images/iconsort.png) no-repeat;
}

.content .table .sortAscCss .sorticon {
    background: url(/static/images/iconsorttop.png) no-repeat;
}

.content .table .sortDescCss .sorticon {
    background: url(/static/images/iconsortbottom.png) no-repeat;
}

.content .table .addto {
    background: none;
    color: #1d80bf !important;
    float: left !important;
    height: auto;
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    line-height: normal;
    width: 80px;
    cursor: pointer;
}

.content .table span.blue {
    color: #0c8eeb;
}

.content .table-list {
    padding: 0px 20px 0px 20px;
    background: #fff;
}

.text-green {
    color: #008555 !important;
}

.textRed {
    color: #d60f2a !important;
}

.percent {
    color: #0b1721;
    font-weight: 500;
}

.tabItem {
    padding: 25px 30px;
    background-color: #fff;
}

#chart_coinvol {
    width: 500px;
    margin-left: 150px;
}

.coinIntroduce .textBox {
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 26px;
    overflow: hidden;
}

.showFullText {
    font-size: 16px;
    float: right;
    color: #009bf4;
}

a {
    color: #009bf4;
    background: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color 0s ease;
}

.infoList {
    font-size: 16px;
    width: 100%;
    border-top: 1px solid #f0f2f9;
    margin-top: 16px;
}

.infoList .listRow {
    border-bottom: 1px solid #f0f2f9;
}

.infoList .listCell {
    height: 46px;
    width: 50%;
    display: inline-block;
    float: left;
    line-height: 46px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.infoList .listCell .tit {
    color: #84929c;
    width: 80px;
    white-space: nowrap;
    margin-right: 16px;
    display: inline-block;
}

.infoList .listCell .val {
    white-space: nowrap;
    color: #333;
}

.introduce .smallTit {
    margin-top: 1px;
}

.introduce .textBox {
    font-size: 16px;
    line-height: 25px;
    color: #515a6e;
    min-height: 800px;
}

.breadnav {
    width: 100%;
    line-height: 32px;
    font-size: 13px;
    height: 32px;
}

.breadnav a:hover {
    color: #009bf4;
}

.breadnav a {
    color: #84929c;
}

.ivu-icon {
    width: 15px;
    vertical-align: middle;
    display: inline-block;
    height: 18px;
    background: url(/static/images/ivu.png) no-repeat;
}

.smallTit {
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 35px;
    font-weight: 700;
    color: #333;
}

.smallTit:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 17px;
    background: #009bf4;
    vertical-align: -2px;
    margin-right: 8px;
}

.eventList li {
    overflow: hidden;
}

.eventList li .time {
    font-size: 14px;
    width: 80px;
    color: #84929c;
    text-align: right;
    float: left;
    position: relative;
    padding-right: 15px;
}

.eventListCoin li .info {
    width: 750px;
    font-size: 16px;
    padding-bottom: 50px;
    float: left;
    border-left: 1px solid #dde0eb;
    padding: 0 0 20px 24px;
    min-height: 65px;
    line-height: 1.5;
    color: #515a6e;
}

.eventListCoin li .time:after {
    content: "";
    display: block;
    height: 22px;
    width: 22px;
    background: #dde0eb;
    border: 4px solid #f3f4fa;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -12px;
}

.eventList li .time:after {
    content: "";
    display: block;
    height: 16px;
    width: 16px;
    background: #dde0eb;
    border: 4px solid #f3f4fa;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    margin-right: -12px;
}

.eventList li:last-child .info {
    border-left: none;
}

.coinViewMore {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 40px;
    line-height: 40px;
    display: block;
    background: #f6f7fb;
    font-size: 14px;
    text-align: right;
    padding-right: 30px;
}

.infoList .listCell .val a i {
    width: 35px;
    vertical-align: middle;
    display: inline-block;
    height: 35px;
}

.infoList .listCell .val a i.icon-facebook {
    background: url(/static/images/socialSite2.png) no-repeat;
}

.infoList .listCell .val a i.icon-facebook:hover {
    background: url(/static/images/socialSite.png) no-repeat;
}

.infoList .listCell .val a i.icon-twitter {
    background: url(/static/images/socialSite2.png) no-repeat -44px 0;
}

.infoList .listCell .val a i.icon-twitter:hover {
    background: url(/static/images/socialSite.png) no-repeat -44px 0;
}

.infoList .listCell .val a i.icon-reddit {
    background: url(/static/images/socialSite2.png) no-repeat -92px 0;
}

.infoList .listCell .val a i.icon-reddit:hover {
    background: url(/static/images/socialSite.png) no-repeat -92px 0;
}

.infoList .listCell .val a i.icon-telegram {
    background: url(/static/images/socialSite2.png) no-repeat -136px 0;
}

.infoList .listCell .val a i.icon-telegram:hover {
    background: url(/static/images/socialSite.png) no-repeat -136px 0;
}

.infoList .listCell .val a i.icon-github {
    background: url(/static/images/socialSite2.png) no-repeat -179px 0;
}

.infoList .listCell .val a i.icon-github:hover {
    background: url(/static/images/socialSite.png) no-repeat -179px 0;
}

.infoList .listCell .val a i.icon-weibo {
    background: url(/static/images/socialSite2.png) no-repeat -220px 0;
}

.infoList .listCell .val a i.icon-weibo:hover {
    background: url(/static/images/socialSite.png) no-repeat -220px 0;
}

.infoList .listCell .val a i.icon-biyong {
    margin-left: 3px;
    margin-top: 12px;
    background: url(/static/images/currency_icon_biyong.png) no-repeat;
}

.infoList .listCell .val a i.icon-biyong:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.eventList::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.eventList::-webkit-scrollbar-track {
    background: rbga(0, 0, 0, 0);
    border-radius: 2px
}

.eventList::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 7px
}

.eventList::-webkit-scrollbar-corner {
    background: rbga(0, 0, 0, 0)
}

#ieo .table th {
    background-color: #f8f8f9;
    height: 30px;
}

#ieo .table tr:first-child .tableNum {
    background: #009bf4;
}

#ieo .table tr:nth-child(2) .tableNum {
    background: #29b8ff;
}

#ieo .table tr:nth-child(3) .tableNum {
    background: #52cbff;
}

#ieo .tableNum {
    display: inline-block;
    min-width: 20px;
    line-height: 21px;
    text-align: center;
    height: 20px;
    border-radius: 2px;
    background: #c8ccdc;
    color: #fff;
    padding: 0 2px;
}

#ieo .table .th1 {
    padding-left: 12px;
}

#ieo .ieo-icon {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    border-radius: 50%;
    float: left;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}

.ieo-name {
    display: flex;
    margin-left: 33px;
    flex-direction: column;
}

.ieo-name span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
}

.ieo-name span:nth-of-type(2) {
    color: #a5a5a5;
    font-size: 12px;
}

#ieo td .cell {
    padding-left: 0;
    line-height: 1;
}

#ieo .cell {
    box-sizing: border-box;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
}

#ieo .cell,
#ieo th div {
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#ieo td div {
    box-sizing: border-box;
}

.overflow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ieo td,
#ieo th {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

#ieo .el-tag {
    display: inline-block;
    font-size: 12px;
    color: #fac92b;
    border: 1px solid #fef4d5;
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    background-color: #f4f4f5;
    border-color: #e9e9eb;
    color: #909399;
    height: 24px;
    padding: 0 8px;
    line-height: 22px;
}

#ieo .platform {
    display: block;
    line-height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#ieo .platform .exchange-icon {
    margin-right: 5px;
}

#ieo .exchange-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    float: left;
}

/****/
.leftSide {
    float: left;
}

.indexNav {
    padding-top: 3px;
    padding-left: 20px;
}

.main {
    margin-top: 20px;
}

.he40 {
    width: 100%;
    height: 40px;
}

.exchange_page .list_sort_btn .text,
.exchange_page a,
.indexNav .list_sort_btn .text,
.indexNav a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.exchange_page a,
.indexNav a {
    font-weight: 600;
}

.indexNav a,
.indexNav span.tit {
    font-size: 16px;
    color: #0b1721;
    display: inline-block;
    padding-bottom: 3px;
    margin-right: 25px;
    cursor: pointer;
}

.ivu-dropdown-rel {
    position: relative;
}

.indexNav span.active {
    color: #0b69ef;
    font-weight: 600;
}

.exchange_page .indexNavIcon.active,
.indexNav .indexNavIcon.active {
    color: #0b69ef;
}

.rightSide {
    float: right;
}

.ivu-dropdown {
    display: inline-block;
}

.rightSide > .ivu-dropdown {
    vertical-align: -6px;
}

.ivu-dropdown-rel {
    position: relative;
}

.ivu-btn > span {
    vertical-align: middle;
}

.ivu-btn > span .ivu-icon-md-arrow-dropdown {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMy41bC00IDQtNC00IiBzdHJva2U9IiM1NDVjNjMiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    height: 10px;
    width: 10px;
    display: inline-block;
    background-size: cover;
    margin-top: -3px;
}

.ivu-select-dropdown {
    width: inherit;
    max-height: 200px;
    overflow: auto;
    margin: 5px 0;
    padding: 5px 0;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 900;
}

.ivu-dropdown-item {
    margin: 0;
    line-height: normal;
    clear: both;
    color: #515a6e;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    -webkit-transition: background 0s ease-in-out;
    transition: background 0s ease-in-out;
}

.ivu-dropdown-item:hover {
    background: #f3f3f3
}

.ivu-dropdown-menu {
    min-width: 100px;
}

.ivu-dropdown-menu a {
    color: #515a6e;
    display: block;
    padding: 7px 16px;
}

.ivu-dropdown-menu a:hover {
    color: #0b69ef;
}

.ivu-dropdown-menu {
    max-height: 160px;
    overflow: auto;
}

.ivu-dropdown-menu li {
    font-size: 14px !important;
}

.ivu-dropdown-menu {
    margin: 0;
    line-height: normal;
    clear: both;
    color: #515a6e;
    font-size: 12px !important;
    white-space: nowrap;
    list-style: none;
    cursor: pointer;
    -webkit-transition: background 0s ease-in-out;
    transition: background 0s ease-in-out;
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-corner {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 7px;
}

::-webkit-scrollbar-track {
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 2px;
}

.ivu-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 5px 15px 6px;
    font-size: 14px;
    border-radius: 2px;
    -webkit-transition: color 0s linear, background-color 0s linear, border 0s linear, -webkit-box-shadow 0s linear;
    transition: color 0s linear, background-color 0s linear, border 0s linear, -webkit-box-shadow 0s linear;
    transition: color 0s linear, background-color 0s linear, border 0s linear, box-shadow 0s linear;
    transition: color 0s linear, background-color 0s linear, border 0s linear, box-shadow 0s linear, -webkit-box-shadow 0s linear;
    color: #515a6e;
    background-color: #fff;
    border: 1px solid #dcdee2;
}

.ivu-btn,
.ivu-btn > .ivu-icon {
    vertical-align: middle;
}

.rightSide > .ivu-dropdown button {
    padding: 0 8px !important;
    background: transparent;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0;
}

.row_link,
.row_link2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 200px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    display: block;
    height: 52px;
}

.coinLogo {
    width: 18px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    float: left;
    margin-top: 18px;
    height: 18px;
}

#table .info {
    display: inline-block;
    width: 100px;
    float: left;
}

#table .info .name {
    font-size: 14px;
    color: #0b1721;
    padding-top: 9px;
    line-height: 20px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#table .info .pair {
    font-size: 12px;
    color: #858a90;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ivu-table-cell {
    padding-left: 0;
    white-space: nowrap;
    padding-right: 0;
    height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    box-sizing: border-box;
}

#table tbody tr td:not(:first-child) {
    padding-left: 5px;
}

#table tbody tr td.td2 {
    padding-left: 0px;
}

.PageRightSide {
    width: 312px;
    /* float: right; */
    margin-left: 20px;
    box-sizing: border-box;
}

.side-box .boxTit {
    padding: 0 0 12px;
}

.side-box .boxTit h2 {
    font-size: 16px;
    color: #0b1721;
    display: inline;
    font-weight: 600;
}

.seeMoreRight {
    float: right;
    color: #545c63;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px;
    white-space: nowrap;
    line-height: normal;
}

.seeMoreRight span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
}

.seeMoreRight .icon-arrow-right {
    margin-left: 2px !important;
    margin-top: 1px;
}

.icon-arrow-right {
    display: inline-block;
    /*background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHhtbG5zPSJod…N0cm9rZT0iIzU0NUM2MyIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat;*/
    background-size: cover;
    width: 10px;
    height: 10px;
    margin-left: 0 !important;
}

.side-box .boxTit h2 {
    font-size: 16px;
    color: #0b1721;
    display: inline;
    font-weight: 600;
}

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

.seeMoreRight a {
    color: inherit;
}

.seeMoreRight a:hover {
    outline: 0;
    text-decoration: none;
    color: #0b69ef;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 30px;
    padding-bottom: 5px;
}

.marketTrend_box .lose_get_tit,
.marketTrend_box .marketTrend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}

.marketTrend_box .marketTrend {
    background: #f6f7fb;
    margin: 0 20px 6px;
    width: auto !important;
    -ms-flex-flow: row nowrap;
}

.marketTrend_box .marketTrend_one {
    text-align: center;
    display: table;
    padding: 12px 0 !important;
    position: relative;
}

.box .marketTrend .marketTrend_one {
    display: inline-block;
    width: 50%;
    padding-left: 15px;
    padding-bottom: 21px;
}

.marketTrend_box .marketTrend_one .val {
    font-size: 16px;
    color: #0b1721;
    position: relative;
    font-size: 0;
    font-weight: 500;
    font-family: Roboto-Medium, Roboto;
}

.marketTrend_box .marketTrend_one .val .unit {
    font-size: 12px;
}

.marketTrend_box .marketTrend_one .val span {
    font-size: 16px;
}

.marketTrend_box .marketTrend_one .tit {
    color: #858a90;
}

.marketTrend_box .bar_tit {
    margin: 16px 20px 8px;
    font-size: 12px;
    font-weight: 400;
    color: #858a90;
    line-height: 17px;
}

.marketTrend_box .lose_get_tit {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 20px;
    margin: 8px 20px 4px;
    -ms-flex-flow: nowrap row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.textGreen {
    color: #008555 !important;
}

.textGreen,
.textRed {
    font-family: Roboto-Medium, Roboto;
}

.marketTrend_box .bar {
    width: 276px;
    height: 8px;
    background: #d60f2a;
    margin: 0 auto 20px;
    overflow: hidden;
    position: relative;
}

.marketTrend_box .bar .grow {
    width: 14px;
    background: #008555;
    position: absolute;
    left: 0;
    right: 0;
    height: 8px;
    will-change: width;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.marketTrend_box .bar .split {
    height: 15px;
    width: 15px;
    border: 3px solid #fff;
    background: #d60f2a;
    overflow: hidden;
    float: left;
    border-top: 0;
    border-right: 0;
    position: absolute;
    right: 0;
    margin-right: -12px;
    -webkit-transform: rotate(45deg) translateY(6px) translateX(-4px);
    transform: rotate(45deg) translateY(6px) translateX(-4px);
}

.sideNewsCommend .dataList a {
    margin-bottom: 16px;
}

.sideNewsCommend .dataList {
    padding: 20px 20px 0;
}

.sideNewsCommend a:hover,
.sideNewsCommend a:hover div {
    color: #0b69ef;
}

.sideNewsCommend .dataList a,
.sideNewsCommend .dataList a .left-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sideNewsCommend .dataList a .left-box {
    height: 74px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* .sideNewsCommend .dataList a .title {
    font-size: 14px;
    font-weight: 400;
    color: #0b1721;
    line-height: 20px;
    width: 130px;
    padding: 6px 0;
} */

.sideNewsCommend .dataList a .author {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #858a90;
}

.sideNewsCommend .dataList a .cover {
    width: 130px;
    height: 74px;
}

.sideTable li {
    clear: both;
    margin-bottom: 16px;
    overflow: hidden;
}

.sideTable li {
    clear: both;
    margin-bottom: 16px;
    overflow: hidden;
}

.sideTable .tit {
    overflow: hidden;
}

.sideTable .tit span {
    color: #858a90;
    font-size: 14px;
}

.sideTable .tit span {
    font-size: 12px;
}

.sideTable a {
    color: #0b1721;
}

.sideTable img {
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    margin-right: 5px;
}

.sideTable li > span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    color: #0b1721;
}

.sideTable .row2,
.sideTable .row3 {
    width: 28%;
    text-align: right;
}

.sideTable .tit .row3 {
    text-align: left;
}

.stateStyle .row1,
.stateStyle .row2,
.stateStyle .row3 {
    width: 30%;
}

.mediaNewsList {
    padding-top: 20px;

}

.sideNewsCommend,
.mediaNewsList {
    padding-bottom: 5px;
}

.mediaNewsList li {
    width: 270px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 20px 16px;
}

.mediaNewsList a {
    color: #0b1721;
    font-size: 14px;
}

.mediaNewsList img {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: -2px;
}

.mediaNewsList a:hover {
    color: #0b69ef;
}

.indexNav a.active,
.indexNav span.tit.active {
    color: #0b69ef;
    font-weight: 600;
}

.flag {
    position: absolute;
    right: 0;
    bottom: 5px;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    color: #ccccccd4;
    font-size: 12px;
}

.ivu-btn-primary {
    color: #fff;
    background-color: #009bf4;
    border-color: #009bf4;
}

.ivu-btn-primary.active,
.ivu-btn-primary:active {
    color: #f2f2f2;
    background-color: #0093e8;
    border-color: #0093e8;
}

.coinInfoHeader {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    padding: 24px 30px;
}

.coinInfoHeader .title {
    margin-bottom: 10px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.coinInfoHeader .title .coinLogo2 {
    width: 44px;
    height: 44px;
    /* float: left; */
    margin-right: 16px;
}

.coinInfoHeader .title .flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.coinInfoHeader .title .main1 {
    /* float: left; */
    /* width: 810px; */
    margin-top: -2px;
    line-height: 33px;
    height: 33px;
    display: flex;
}

.mobileMoney {
    display: none;
}

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

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

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

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

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

.coinInfoHeader .ivu-dropdown button {
    padding: 5px 2px 5px 8px !important;
}

.ivu-dropdown .ivu-btn {
    color: #545c63 !important;
}

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

.coinInfoHeader .title .btnGrop span {
    width: 55px !important;
    vertical-align: baseline !important;
    vertical-align: initial !important;
}

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

.coinInfoHeader .title .btnGrop .ivu-btn-primary {
    border: 0 !important;
    line-height: 20px;
    background-image: url(/static/images/qqhq_add2.svg);
    background-repeat: no-repeat;
    background-position: 12px 5px;
    vertical-align: top;
}

.coinInfoHeader .title .btnGrop .ivu-btn-primary {
    padding: 5px 8px 5px 0 !important;
    background-position: 6px 4px;
}

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

.ivu-btn-primary:hover {
    color: #fff;
    background-color: #33aff6;
    border-color: #33aff6;
}

.coinInfoHeader .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    flex-wrap: wrap;
}

.coinInfoHeader .priceInfo .chart_list,
.coinInfoHeader .mainPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}

.coinInfoHeader .priceInfo .chart_list {
    width: 100%;
}

.coinInfoHeader .priceInfo .tag {
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.coinInfoHeader .priceInfo {
    position: relative;
    margin-top: 10px;
    width: 100%;
    /* border-right: 1px solid #f0f2f9; */
}

.coinInfoHeader .mainPrice {
    -ms-flex-flow: row nowrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.coinInfoHeader .mainPrice .price {
    margin-right: 14px;
}

.coinInfoHeader .mainPrice small {
    font-size: 18px;
    color: #333;
    margin-right: 3px;
}

.coinInfoHeader .mainPrice .price * {
    font-family: Helvetica;
}

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

.coinInfoHeader .mainPrice .price * {
    font-family: Helvetica;
}

.coinInfoHeader .sub {
    font-size: 16px;
    margin-top: -8px;
}

.coinInfoHeader .sub span {
    margin-right: 4px;
    font-size: 16px;
    color: #0b1721;
}

.coinInfoHeader .sub span {
    margin-right: 4px;
    font-size: 16px;
    color: #0b1721;
}

.coinInfoHeader .priceInfo .smallfont {
    margin-top: -1px !important;
}

.coinInfoHeader .priceInfo .chart_list,
.coinInfoHeader .mainPrice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
}

.chart_list .charCell {
    position: relative;
}

.coinInfoHeader .charCell {
    margin-top: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 115px;
    text-align: center;
}

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

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

.charbox .val {
    top: 75px;
    font-weight: 700;
    font-size: 16px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.charbox {
    position: relative;
    margin: 0 auto;
    margin-top: 16px;
}

.chart_list .tit {
    position: absolute;
    text-align: center;
    width: 100%;
    /* margin-left: -20px; */
    top: 110px;
    font-size: 12px;
    color: #858a90;
}

.question_icon {
    width: 12px;
    height: 12px;
    background: url(/static/images/ic_question.svg) no-repeat;
    background-size: 100%;
    display: inline-block;
    cursor: pointer;
    margin-top: 1px;
    -webkit-transform: translateX(1px) translateY(2px);
    transform: translateX(1px) translateY(2px);
}

.chart_list .charCell .changeLogo span {
    position: absolute;
    font-size: 13px;
    color: #0b1721;
    width: 300px;
    padding: 4px 8px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(159, 169, 176, .23);
    box-shadow: 0 2px 5px 0 rgba(159, 169, 176, .23);
    left: -224px;
    top: -70px;
    background-color: #fff;
    display: none;
}

.ivu-tooltip,
.ivu-tooltip-rel {
    display: inline-block;
}

.ivu-tooltip-popper {
    display: block;
    visibility: visible;
    font-size: 12px;
    line-height: 1.5;
    position: absolute;
    z-index: 1060;
}

.ivu-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.ivu-tooltip-popper {
    padding: 8px 0 5px;
}

.ivu-tooltip-popper .ivu-tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}

.ivu-tooltip-popper .ivu-tooltip-arrow {
    top: 3px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(70, 76, 91, .9);
}

.ivu-tooltip-inner {
    max-width: 250px;
    min-height: 34px;
    padding: 8px 12px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    background-color: rgba(70, 76, 91, .9);
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    white-space: nowrap;
}

.coinInfoHeader .other_info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    /* padding-left: 20px; */
    padding-top: 22px;

    width: 100%;
}

.coinInfoHeader .other_info .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.item_status {
    border: 1px solid #ddd;
    height: 22px;
    padding: 0 10px;
    color: #ddd;
    display: inline-block;
    font-size: 12px;
    border-radius: 21px;
    position: relative;
    line-height: 20px;
}

.item_status.hasrank {
    border-color: #008555;
    color: #008555;
    padding: 0 10px 0 4px;
    cursor: pointer;
    display: flex;
    width: fit-content;
    margin-right: 10px;
}

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

.coinInfoHeader .other_info .info_list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.coinInfoHeader .other_info .info_list .info_cell {
    width: 45%;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float: left;
}

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

.coinInfoHeader .other_info .info_list .info_cell .info_val {
    font-size: 14px;
    color: #0b1721;
    float: right;
}

.item_status.hasrank:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(/static/images/icon-active.svg) 50% no-repeat;
    background-size: 14px 14px;
    margin-left: 3px;
    margin-top: 1px;
    vertical-align: top;
}

.item_status.hasrank:after {
    content: "根据币种市值排名，在已收录的基础上，有一定的市场热度和共识，上线较多主流交易所，项目运作较为成熟，内容不构成投资建议";
    position: absolute;
    background: #fff;
    display: none;
    width: 280px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 5px 0 #ccc;
    box-shadow: 0 0 5px 0 #ccc;
    padding: 5px;
    z-index: 999;
    border-radius: 2px;
    top: 23px;
    color: #666;
    left: 0px;
}

.chart_list .charCell .changeLogo {
    position: absolute;
    width: 11px;
    height: 11px;
    background: url(/static/images//ic_question.svg) no-repeat;
    background-size: 100%;
    top: 96px;
    left: 78px;
    z-index: 9;
}

.exrenk {
    color: #333;
    line-height: 8px;
    margin-top: 20px;
}

.exrenk,
.exrenk span {
    display: inline-block;
}

.exrenk .bar {
    width: 50px;
    height: 8px;
    border-radius: 8px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    background: #f1f2f5;
}

.exrenk .bar span {
    height: 8px;
    border-radius: 8px;
    position: absolute;
    left: 0;
    top: 0;
}

#exchangExrank9 {
    background: rgb(10, 180, 90);
    width: 90%;
}

#exchangExrank8 {
    background: rgb(100, 200, 51);
    width: 80%;
}

#exchangExrank7 {
    background: rgb(100, 200, 51);
    width: 70%;
}

#exchangExrank6 {
    background: rgb(167, 211, 90);
    width: 60%;
}

#exchangExrank5 {
    background: rgb(167, 211, 90);
    width: 50%;
}

#exchangExrank4 {
    background: rgb(217, 209, 20);
    width: 40%;
}

#exchangExrank3 {
    background: rgb(217, 209, 20);
    width: 30%;
}

#exchangExrank2 {
    background: rgb(250, 173, 20);
    width: 20%;
}

#exchangExrank1 {
    background: rgb(250, 173, 20);
    width: 10%;
}

.team-box,
.team_list {
    overflow: hidden;
}

.mb40 {
    margin-bottom: 40px;
}

.team_list > .item {
    height: auto;
    display: block;
    width: 205px;
    border-radius: 2px;
    border: 1px solid #f0f2f9;
    padding: 12px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
}

.team_list > .item > .head_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: nowrap row;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.team_list > .item > .head_info img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: 12px;
    display: block;
}

.team_list > .item > .head_info .name {
    white-space: nowrap;
    overflow: hidden;
    width: 124px;
    text-overflow: ellipsis;
    color: #0b1721;
}

.team_list > .item > .head_info .text {
    font-size: 12px;
    color: #858a90;
    word-break: break-all;
    line-height: 17px;
    height: 34px;
    overflow: hidden;
}

.team_list > .item .media_list {
    height: 14px;
    margin-top: 8px;
    margin-left: 60px;
}

.agency_list {
    overflow: hidden;
}

.agency_list > a,
.agency_list > div {
    width: 205px;
    height: 59px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #f0f2f9;
    padding: 12px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-right: 20px;
}

.agency_list > a > img,
.agency_list > div > img {
    width: 35px;
    border-radius: 50%;
}

.agency_list > a > div,
.agency_list > a > span,
.agency_list > div > div,
.agency_list > div > span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #0b1721;
    margin-left: 12px;
}

.pageWrapper {
    width: 1280px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: calc(100vh - 244px);
    margin: 0 auto 88px;
}

.pageMain {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 204px;
    overflow: hidden;
}

.bigevent_page .breadnav {
    width: 100%;
    margin: 0 auto;
    line-height: 32px;
    font-size: 13px;
}

.bigevent_page .breadnav a {
    color: #333;
}

.bigevent_page .breadnav span {
    color: #84929c;
}

.smallTit2 {
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 30px;
    font-weight: 700;
    color: #0b1721;
}

.samllContent h1,
.samllContent h2,
.samllContent h3,
.samllContent p {
    color: #0b1721;
}

.samllContent h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.leftSide {
    float: left;
}

.exchange_page .leftSide {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 4px;
}

.exchange_page .list_sort.active,
.exchange_page .tab li.active {
    color: #0b69ef;
    position: relative;
    font-weight: 600;
}

.list_sort {
    vertical-align: middle;
    display: inline-block;
}

.list_sort_btn {
    position: relative;
    display: inline-block;
    z-index: 94;
    margin-left: 6px;
}

.list_sort_btn .text {
    font-size: 16px;
    color: #0b1721;
    cursor: pointer;
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.list_sort_btn .text:hover {
    color: #0b69ef;
}

.exchange_page .list_sort.active,
.exchange_page .tab li.active {
    color: #0b69ef;
    position: relative;
    font-weight: 600;
}

.exchange_page .list_sort.active .text,
.exchange_page .tab li.active .text {
    color: #0b69ef;
    font-weight: 600;
}

.list_sort_btn .text b {
    font-weight: inherit;
}

.exchange_page .tab {
    display: inline-block;
    margin-left: 16px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}

.exchange_page .tab li {
    display: inline-block;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 600;
    color: #0b1721;
    margin-right: 16px;
    cursor: pointer;
}

.exchange_page a {
    font-weight: 400;
}

.what_er {
    color: #84929c;
    font-size: 12px;
    vertical-align: -2px;
}

.what_er:hover {
    color: #0b69ef;
}

.what_er,
.what_er:hover {
    text-decoration: underline;
}

.list_sort_btn ul {
    position: absolute;
    width: 230px;
    background: #fff;
    -webkit-box-shadow: 0 3px 11px 0 rgba(159, 169, 176, .22), 0 -1px 11px 0 rgba(159, 169, 176, .24);
    box-shadow: 0 3px 11px 0 rgba(159, 169, 176, .22), 0 -1px 11px 0 rgba(159, 169, 176, .24);
    border-radius: 2px;
    padding: 5px 0;
}

.list_sort_btn ul li:hover,
.list_sort_btn ul li a:hover {
    color: #0b69ef;
    background: #f3f3f3;
}

.list_sort_btn ul li,
.list_sort_btn ul li a {
    height: 34px;
    display: block;
    line-height: 34px;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    font-weight: 600;
}

.list_sort_btn ul li a {
    padding: 0 0px;
}

.exchange_page a {
    font-weight: 400;
}

.exchange_page .list_sort_btn .text,
.exchange_page a,
.indexNav .list_sort_btn .text,
.indexNav a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ivu-table-tbody span {
    color: #0b1721;
    font-family: Roboto-medium, Roboto, PingFangSC-Medium, Microsoft YaHei;
    font-weight: 500;
}

.exchange_page .coinLogo {
    width: 18px;
    height: 18px;
    vertical-align: 0;
    margin-top: 0px;
}

.walletCoinLogo {
    margin-top: 15px;
}

.ivu-table-tbody span {
    color: #0b1721;
    font-family: Roboto-medium, Roboto, PingFangSC-Medium, Microsoft YaHei;
    font-weight: 500;
}

.icon-people-full:before {
    content: url(/static/images/ic_platform_popular.png);
    vertical-align: -3px;
}

.icon-people-half:before {
    content: url(/static/images/ic_platform_halfpopular.png);
    vertical-align: -3px;
}

.icon-people-empty:before {
    content: url(/static/images/ic_platform_unpopular.png);
    vertical-align: -3px;
}

.hotIndex .ivu-table-cell {
    height: auto;
}

.exchange_list .pagenav {
    padding-bottom: 30px;
    padding-top: 30px;
}

.exchange_head {
    background-color: #fff;
}

.exchange_head .info_left {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px 24px 12px;
    box-sizing: border-box;
}

.exchange_head .info_left .info_top {
    padding-bottom: 20px;
    border-bottom: 1px solid #f0f2f9;
}

.exchange_head .table-list {
    margin-bottom: 20px;
}

.exchange_head .pub-mod .pagenav {
    margin-bottom: 20px;
}

.exchange_head .info_left .info_top .excheng_name {
    float: left;
    width: 310px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: nowrap row;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.exchange_head .info_left .info_top .excheng_name img {
    width: 88px;
    height: 88px;
    border: 1px solid #f0f2f9;
    margin-right: 16px;
}

.exchange_head .info_left .info_top .excheng_name > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.exchange_head .info_left .info_top .excheng_name h1 {
    font-size: 24px;
    font-weight: 400;
    color: #0b1721;
    line-height: 33px;
    display: inline-block;
}

.exchange_head .info_left .info_top .excheng_name .sub {
    font-size: 14px;
    font-weight: 400;
    color: #858a90;
    line-height: 20px;
    margin-top: 6px;
}

.exchange_head .info_left .info_top .info_cell {
    float: left;
    margin-right: 55px;
    width: 120px;
}

.exchange_head .info_left .info_top .info_cell .tit {
    font-size: 14px;
    font-weight: 400;
    color: #858a90;
    line-height: 20px;
    margin-top: 18px;
}

.item_status {
    border: 1px solid #ddd;
    height: 22px;
    padding: 0 10px;
    color: #ddd;
    display: inline-block;
    font-size: 12px;
    border-radius: 21px;
    position: relative;
    line-height: 20px;
}

.item_status.hasrank {
    border-color: #008555;
    color: #008555;
    padding: 0 10px 0 4px;
    cursor: pointer;
}

.item_status.hasrank.notips {
    cursor: default;
}

.exchange_head .info_left .info_top .info_cell .val {
    font-size: 18px;
    margin-top: 12px;
    white-space: nowrap;
}

.exchange_vol_down:before,
.exchange_vol_up:before {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    display: inline-block;
    vertical-align: bottom;
}

.exchange_vol_up:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDA4NTU1IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgMTUuNTEzbDQuMDE3LTUuODEgNC45MTYgMy44MUwxNS4zMSA3Ii8+PHBhdGggZmlsbD0iIzAwODU1NSIgZD0iTTEyLjc1MSA0LjIwN0gxNy44Yy4xMSAwIC4yLjA5LjIuMlY5LjY5YS4yLjIgMCAwMS0uMzQ1LjEzOGwtNS4wNDgtNS4yODNhLjIuMiAwIDAxLjE0NC0uMzM4eiIvPjwvZz48L3N2Zz4=)
}

.exchange_vol_down:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCI+PGcgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjRDYwRjJBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0iTTEgNC40ODdsNC4wMTcgNS44MSA0LjkxNi0zLjgxTDE1LjMxIDEzIi8+PHBhdGggZmlsbD0iI0Q2MEYyQSIgZD0iTTEyLjc1MSAxNS43OTNIMTcuOGEuMi4yIDAgMDAuMi0uMlYxMC4zMWEuMi4yIDAgMDAtLjM0NS0uMTM4bC01LjA0OCA1LjI4M2EuMi4yIDAgMDAuMTQ0LjMzOHoiLz48L2c+PC9zdmc+)
}

.head_fit_btn {
    position: absolute;
    right: 0;
    top: 14px;
}

.head_fit_btn a,
.head_fit_btn span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 5px 8px;
    text-align: center;
    line-height: normal !important;
    border-radius: 2px;
    background: #0b69ef;
    color: #fff !important;
    margin-left: 16px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

.head_fit_btn a:hover,
.head_fit_btn span:hover {
    opacity: .7;
}

.head_fit_btn a i,
.head_fit_btn span i {
    margin-right: 5px;
}

.exchange_head .info_left .info_min {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    margin-top: 20px;
}

.exchange_head .info_left .info_min .info_cell {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.exchange_head .info_left .info_min .info_cell:not(:last-child) {
    margin-right: 10px;
}

.exchange_head .info_left .info_min .info_cell > div {
    line-height: 28px;
    white-space: nowrap;
}

.exchange_head .info_left .info_min .info_cell .tit {
    font-size: 14px;
    font-weight: 400;
    color: #858a90;
    line-height: 28px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.exchange_head .info_left .info_min .info_cell.row_1 .tit {
    width: fit-content;
    max-width: 200px;
}

.exchange_head .info_left .info_min .info_cell .val {
    font-size: 14px;
    font-weight: 400;
    color: #0b1721;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    max-width: 230px;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.exchange_head .info_left .info_min .info_cell .val a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    color: #0b69ef;
}

.exchange_head .info_left .info_min .subaddress {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
    width: 36px;
    height: 18px;
    line-height: 18px;
    background: #0b69ef;
    color: #fff !important;
    margin-right: 8px;
    vertical-align: 1px;
}

.exchange_head .info_left .info_min .info_cell .val a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 170px;
    color: #0b69ef;
}

.exchange_head .info_left .info_btm {
    margin-top: 20px;
}

.exchange_head .info_left .info_btm .exchange_des {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #0b1721;
}

.exchange_head .info_left .info_btm .exchange_des p {
    position: relative;
    line-height: 26px;
    max-height: 78px;
    overflow: hidden;
    width: 100%;
    word-break: break-all;
    color: #0b1721;
}

.exchange_head .info_left .info_btm .exchange_des a {
    font-size: 14px;
    color: #0b69ef;
    float: right;
}

.exchange_head .val i.spot,
.exchange_head .val i.futures,
.exchange_head .val i.fiat,
.exchange_head .val i.mining,
.exchange_head .val i.otc,
.exchange_head .val i.sharing {
    width: 47px;
    vertical-align: middle;
    display: inline-block;
    height: 17px;
}

.exchange_head .val i.spot {
    background: url(/static/images/spot.png) no-repeat;
}

.exchange_head .val i.futures {
    background: url(/static/images/futures.png) no-repeat;
}

.exchange_head .val i.fiat {
    background: url(/static/images/fiat.png) no-repeat;
}

.exchange_head .val i.mining {
    background: url(/static/images/mining.png) no-repeat;
}

.exchange_head .val i.otc {
    background: url(/static/images/otc.png) no-repeat;
}

.exchange_head .val i.sharing {
    background: url(/static/images/sharing.png) no-repeat;
}

#url a {
    margin-right: 10px;
}

.shell {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    background: transparent;
}

.exchangedes_shell {
    background: rgba(0, 0, 0, .6);
    text-align: center;
    opacity: 0;
    z-index: 999;
    display: none;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

.exchangedes_shell.active {
    opacity: 0;
    display: block;
}

.exchangedes_shell.show {
    opacity: 1;
}

.exchangedesBox {
    vertical-align: middle;
    list-style: none;
    width: auto;
    margin: 30px auto;
    top: 0;
    white-space: normal;
    word-break: break-all;
}

.exchangedesBox,
.exchangedesBox .content {
    display: inline-block;
    position: relative;
    text-align: left;
}

.exchangedesBox .content {
    background: #fff;
    width: 750px;
    height: auto;
    border-radius: 8px;
    padding: 50px 75px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.exchangedesBox h2 {
    font-size: 22px;
    font-weight: 400;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

.exchangedesBox .scrollbox {
    min-height: 245px;
    overflow: auto;
}

.exchangedesBox p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.exchangedesBox .scrollbox p {
    margin-bottom: 15px;
}

.exchangedesBox .cancel_btn {
    position: absolute;
    top: 10px;
    right: 15px;
    cursor: pointer;
    background: none;
}

.icon-close:before {
    content: url(/static/images/icon_cancel_max.png);
}

.exchangedesBox button {
    border: 0 solid #dde0eb;
    font-size: 14px !important;
    height: 30px;
    line-height: 1 !important;
}

.exchangedes_shell:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.exchange_name .pair {
    float: left;
    line-height: 15px;
    padding-top: 10px;
}

.add_ellipsis {
    width: 114px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.exchange_name small {
    font-size: 12px;
    color: #858a90;
}

.SearchmediaList li {
    border-top: 1px solid #f0f2f9;
    padding: 20px 0;
}

.box a:hover {
    color: #0b69ef;
}

.SearchmediaList .header {
    overflow: hidden;
}

.SearchmediaList .header img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    display: block;
    float: left;
    background: #f1f1f1;
    margin-right: 10px;
    overflow: hidden;
}

.SearchmediaList .header .name {
    font-size: 15px;
    color: #333 !important;
    margin-top: 5px;
}

.SearchmediaList .header .time {
    font-size: 12px;
    color: #84929c;
}

.SearchmediaList .tit {
    font-size: 18px;
    color: #333;
    padding-left: 60px;
    margin: 0 0 8px;
    font-weight: 700;
}

.SearchmediaList .text {
    font-size: 14px;
    color: #333;
    margin-bottom: 8px;
    word-break: break-all;
    padding-left: 60px;
}

#noticeDetails .content .text {
    padding: 30px 40px 60px;
    background-color: #fff;
}

#noticeDetails .content .text .text-content {
    margin-top: 23px;
    width: 100%;
    line-height: 1.8;
    font-size: 16px;
    color: #3d464d;
    overflow: hidden;
}

#noticeDetails .content .text .text-content img {
    max-width: 100%;
}

#noticeDetails .content .text .text-content p {
    margin-bottom: 25px;
    line-height: 1.8;
    font-size: 16px;
}

#noticeDetails .content .text .title {
    width: 100%;
    height: 24px;
    font-size: 24px;
    color: rgba(34, 34, 34, 1);
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#noticeDetails .content .text .information {
    margin-top: 29px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
}

#noticeDetails .content .text .itemimg {
    width: 14px;
    height: 14px;
    margin-right: 7px;
    float: left;
}

#noticeDetails .content .text .itemlook {
    float: left;
    height: 14px;
    color: #9297a0;
    display: inline-block;
    margin-right: 50px;
}

#noticeDetails .content .text .line {
    margin-top: 30px;
    width: 100%;
    height: 3px;
    background-color: #efefef;
}

#noticeDetails .content .text .linehover {
    width: 70px;
    height: 3px;
    float: left;
    background-color: #1ba1ff;
    -webkit-transition: .5s;
    transition: .5s;
}

#noticeDetails .content:hover .text .linehover {
    width: 90px;
}

.SearchmediaList a:hover .name,
.SearchmediaList a:hover .text,
.SearchmediaList a:hover .tit {
    color: #0b69ef;
}

/**分页开始**/
.pub-mod .pagenav {
    float: right;
    width: 100%;
}

.pagenav.min > a.current,
.pagenav.min > a:hover {
    position: relative;
    border-color: #0b69ef;
    color: #0b69ef;
}

.pagenav {
    font-size: 0;
}

.pagenav .prev i {
    width: 5px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    height: 10px;
    background: url(/static/images/pageimg.png);
}

.pagenav .prev:hover i {
    background-position: 20px 0px;
}

.pagenav .next i {
    width: 5px;
    margin-left: 2px;
    vertical-align: middle;
    display: inline-block;
    height: 10px;
    background: url(/static/images/pageimg.png);
    background-position: 13px 0px;
}

.pagenav .next:hover i {
    background-position: 7px 0px;
}

.pagenav.min > a {
    margin: 0;
    font-size: 14px;
    width: 30px;
    height: 32px;
    border-color: #dcdcdc;
    line-height: 32px;
    color: #333;
    text-decoration: none;
}

.pagenav > a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    font-size: 15px;
    border: 1px solid #0b69ef;
    height: 33px;
    line-height: 33px;
    color: #aaa;
    text-align: center;
}

.selects .country ul {
    width: 600px;
}

.selects ul {
    position: absolute;
    border: 1px solid #eaecef;
    box-shadow: 1px 1px 3px #eaecef;
    margin-left: -1px;
    margin-top: 5px;
    background: #fff;
    padding: 3px 0;
    border-radius: 3px;
    display: none;
    white-space: nowrap;
    min-width: 100%;
}

.selects ul li {
    width: 120px;
    float: left;
}

.selects ul.type li {
    width: 62px;
}

.selects ul li a {
    padding: 3px 10px;
    display: block;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    color: #333;
}

.selects ul li a:hover {
    background: #3499da;
    color: #fff;
}

.tableTips {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-left: 20px;
    line-height: 25px;
    color: #858a90;
    background: #fff;
}

.hotDegree {
    width: 100%;
}

.hotDegree .main_one h4 {
    color: #0b1721;
    font-size: 18px;
    font-family: PingFangSC-Medium;
    font-weight: bolder;
}

.assets_tips,
.chainTips,
.holder_tips,
.inflowTips,
.kyc_tips,
.max_supply_tips,
.peoplehot_tips,
.total_supply_tips {
    display: inline-block;
    width: 12px;
    height: 14px;
    line-height: 14px;
    background: url(/static/images/tipsIcon.svg) 50% no-repeat;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.hotDegree .main_one .hotDegree_table {
    width: 900px;
    height: 195px;
    border: 1px solid #edf1f6;
    margin-top: 30px;
}

.hotDegree .main_one .hotDegree_table ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.hotDegree .main_one .hotDegree_table ul li {
    width: 180px;
    height: 48px;
    color: #858a90;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    line-height: 48px;
    text-align: center;
    border-right: 1px solid #edf1f6;
}

.hotDegree .main_one .hotDegree_table .hotDegree_one li {
    background-color: #f4f6fa;
    border-bottom: 1px solid #edf1f6;
}

#position .pSmallTit {
    font-size: 17px;
    margin-top: 50px;
    margin-bottom: 24px;
    font-weight: 700;
    color: #0b1721;
}

.ivu-table-wrapper {
    position: relative;
    border: 1px solid #dcdee2;
    border-bottom: 0;
    border-right: 0;
    overflow: hidden;
}

.exchangeList {
    border: none !important;
}

.ivu-table {
    width: inherit;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    color: #515a6e;
    font-size: 12px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ivu-table-header {
    overflow: hidden;
}

.ivu-table thead {
    border-bottom: 1px solid #edf1f6;
}

td.ivu-table-column-left,
th.ivu-table-column-left {
    text-align: left;
}

.ivu-table th {
    height: 30px !important;
    white-space: nowrap;
    overflow: hidden;
}

.ivu-table .ivu-table-cell {
    padding-left: 0;
    white-space: nowrap;
    padding-right: 0;
    height: 30px;
}

.ivu-table thead .ivu-table-cell {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #858a90;
}

td.ivu-table-column-right,
th.ivu-table-column-right {
    text-align: right;
}

#position .ivu-table td {
    height: 52px;
}

#position .ivu-table-tbody tr:hover {
    background: #ebf7fd !important;
}

.ivu-table td,
.ivu-table th {
    font-size: 14px !important;
    font-weight: 400;
}

.pSmallTit .smallTit_tipsLogo span {
    position: absolute;
    font-size: 13px;
    color: #0b1721;
    width: 240px;
    padding: 4px 8px;
    border-radius: 2px;
    font-weight: 400;
    -webkit-box-shadow: 0 2px 5px 0 rgb(159 169 176 / 23%);
    box-shadow: 0 2px 5px 0 rgb(159 169 176 / 23%);
    left: 18px;
    top: -23px;
    background-color: #fff;
    display: none;
}

.pSmallTit .smallTit_tipsLogo {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(/static/images/tipsIcon.svg) no-repeat;
    background-size: 100%;
    margin-bottom: -1px;
    position: relative;
}

.hotDegree .main_one .hotDegree_table .hotDegree_two li {
    background-color: #fff;
    color: #0b1721;
}

.hotDegree .main_one .hotDegree_table .hotDegree_border li {
    border-bottom: 1px solid #edf1f6;
}

#position .table-list {
    min-height: 420px;
    padding: 5px 25px 30px;
}

.holder_tips:after {
    content: "遵循KYC&AML规则 (用户认证与反洗钱协议)";
    display: none;
    font-weight: 400 !important;
    color: #333;
    font-size: 13px;
    line-height: 22px;
    background: #fff;
    padding: 4px 8px;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 5px 0 rgb(159 169 176 / 23%);
    box-shadow: 0 2px 5px 0 rgb(159 169 176 / 23%);
    white-space: nowrap;
    bottom: 0;
    position: absolute;
    font-style: normal;
    margin-bottom: 14px;
    z-index: 99999;
}

.holder_tips:after {
    content: "指已记录在该币种的区块链浏览器上的非零地址数（持币地址里的币种数量不为0），同一用户可有多个持币地址";
}

.holder_tips:hover:after {
    display: block;
}

.navigator_box {
    margin-bottom: 30px;
    background: #fff;
    overflow: auto;
    width: 100%;
    border-bottom: 1px solid #edf1f6;
}

.navigator_box div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    position: relative;
}

.navigator_box div a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 11px;
    height: 100%;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: #0b1721;
}

.navigator_box div a.active {
    color: #009bf4;
    font-weight: 500;
}

#brokeNew .info_left .info_top .excheng_name {
    float: none;
    width: auto;
}

#brokeNew .info_left .info_btm {
    min-height: 500px;
}

#brokeNew .info_left .info_btm .exchange_des p {
    max-height: none;
}

/**分页结束**/
.gg {
    margin: auto;
    height: 100px;
    width: 1200px;
    padding-top: 15px;
    padding-bottom: 3px;
}

.gg1 {
    float: left;
    height: 100px;
    width: 590px;
}

.gg2 {
    float: right;
    height: 100px;
    width: 590px;
}

.top_tips.stop_risk {
    background: #e6effc;
    color: #0b69ef;
}

.top_tips {
    /* margin-left: auto; */
    /* margin-right: auto; */
    width: 100%;
    /* height: 30px; */
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    /* margin: 0 auto; */
    font-size: 13px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    /* position: absolute; */
    /* top: 90px; */
    /* left: 50%; */
    /* -webkit-transform: translateX(-50%); */
    /* transform: translateX(-50%); */
}

article,
aside,
b.top_tips img {
    height: 16px;
    margin-right: 8px;
}

.top_tips img {
    height: 16px;
    margin-right: 8px;
}

.item_status.norank {
    border-color: #0ab45a;
    color: #0ab45a;
    cursor: pointer;
}

.times {
    font-size: 14px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    color: #939ea9;
    font-weight: 200;
    float: right;
    padding-right: 10px;
    width: 48%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
}

.view-head {
    padding: 20px 24px 12px;
    background-color: #fff;
}

.cointOp .view-head > span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #b2b2b2;
    letter-spacing: 0;
    line-height: 12px;
}

.view-head .icon {
    vertical-align: top;
}

.view-head .icon img {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-top: -6px;
}

.view-head .head-title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9ba2b2;
    letter-spacing: 0;
    line-height: 14px;
    margin: 3px;
}

.view-head > span {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #b2b2b2;
    letter-spacing: 0;
    line-height: 12px;
}

.view-head .head-title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #9ba2b2;
    letter-spacing: 0;
    line-height: 14px;
    margin: 3px;
}

.view-head .line {
    border-bottom: 1px solid #e1e4ee;
    margin-top: 20px;
}

@media screen and (max-width: 1120px) {
    .PageRightSide {
        display: none;
    }

    .exchangeDetail .main .content {
        width: 100%;
    }

    .main .content {
        width: 100%;
    }

    .mobileMoney {
        display: block;
    }

    .pcMoney {
        display: none;
    }

    /* 快讯详情 */
    .exchangeDetail .main {
        flex-direction: column;
    }

    /* .exchangeDetail .main .side {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .exchangeDetail .main .side .box {
        margin-bottom: 15px;
    } */
    .exchangeDetail .exchange_head .info_left .info_min {
        display: block;
    }

    .main {
        margin-top: 10px;
    }

    .coinInfoHeader .priceInfo .chart_list {
        display: none;
    }

    .coinInfoHeader .other_info {
        padding-left: 0;
    }

    /* .exchangeDetail .main .side .deal {
        margin-top: 0;
    } */
}

@media screen and (max-width: 768px) {
    .exchange_head .info_left .info_top .info_cell {
        margin-right: 30px;
        float: none;
        width: 100%;
    }

    .exchange_head .info_left .info_top > div:nth-child(2) {
        padding-top: 88px;
    }

    .exchange .table tr th:not(:nth-child(-n + 4)),
    .exchange .table tr td:not(:nth-child(-n + 4)) {
        display: none;
    }

    #table.table tr th:not(:nth-child(-n + 3)),
    #table.table tr td:not(:nth-child(-n + 3)) {
        display: none;
    }

    .coinInfoHeader .info,
    .coinInfoHeader .mainPrice {
        flex-wrap: wrap;
    }


    .coinInfoHeader .priceInfo {
        width: 100%;
        border-right: none;
    }

    .exchange_head .info_left .info_min .info_cell > div {
        display: flex;
        justify-content: space-between;
    }

    .numberrmb {
        max-width: 170px;
    }

    .coinInfoHeader .other_info .info_list .info_cell {
        width: 100%;
    }

}

@media screen and (max-width: 450px) {

    .coinDetail .table th,
    .coinDetail .table td {
        max-width: 120px;
    }
}

@media screen and (max-width: 400px) {

    .content .table th,
    .content .table td,
    .coinDetail .table th,
    .coinDetail .table td {
        max-width: 100px;
    }
}

.newsitem .news_tabbox .tab_content {
    padding-bottom: 1px;
    background: #fff;
}

.newsitem .tab_content {
    border-top: 0;
}

.newsitem .news_tabbox .tab_content .art_list .scaleBig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    height: 152px;
    /* margin: 0 20px; */
    padding: 20px 0;
    border-bottom: 1px solid #edf1f6;
}

/* .newsitem .art_list .scaleBig {
    margin: 0 60px;
} */

.newsitem .news_tabbox .tab_content .art_list .scaleBig .pic {
    width: 150px;
    height: 112px;
    margin-right: 16px;
}

.newsitem a,
.newsitem a:active,
.newsitem a:hover {
    color: #0b69ef;
}

.newsitem .scaleBig img {
    -webkit-transition: all .7s;
    transition: all .7s;
}

.newsitem .news_tabbox .tab_content .art_list img {
    display: block;
    width: 150px;
    height: 112px;
    overflow: hidden;
    object-fit: cover;
}

.newsitem .news_tabbox .tab_content .art_list .info {
    position: relative;
    flex: 1;
    /* width: 700px; */
}

.newsitem .news_tabbox .tab_content .art_list .info .tit {
    font-size: 18px;
    font-weight: 700;
    color: #0b1721;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.newsitem .news_tabbox .tab_content .art_list .info a:hover {
    color: #0b69ef;
}

.newsitem .tabcell .keyword {
    color: #ff6059 !important;
}

.newsitem .news_tabbox .tab_content .art_list .info .preview {
    font-size: 14px;
    font-weight: 400;
    color: #455058;
    line-height: 22px;
    overflow: hidden;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newsitem .news_tabbox .tab_content .art_list .info .time {
    color: #858a90;
    position: absolute;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.newsitem .news_tabbox .tab_content .art_list:hover {
    -webkit-box-shadow: 0 5px 24px 0 rgb(159 169 176 / 15%), 0 5px 24px 0 rgb(159 169 176 / 15%);
    box-shadow: 0 5px 24px 0 rgb(159 169 176 / 15%), 0 5px 24px 0 rgb(159 169 176 / 15%);
    border-radius: 2px;
}

.newsflash-list {
    margin-top: 15px;
    margin-left: 20px;
}

.newsflash-list .newsflash-item {
    display: flex;
    position: relative;
    padding-left: 24px;
    padding-right: 35px;
    border-left: 1px solid #dcdfe6;
    margin-bottom: 15px;
}

.newsflash-list .newsflash-item .content-wrapper {
    padding: 0;
}

.newsflash-list .time1 {
    padding-bottom: 15px;
    font-weight: 400;
    color: #455058;
    line-height: 10px;
    letter-spacing: .4px;
    white-space: nowrap;
    display: block;
}

.newsflash-list .newsflash-item .dot {
    width: 12px;
    height: 12px;
    background: #007aff;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: -6.2px;
}

.newsflash-list .newsflash-item .dot:after {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 50%;
    background: #fff;
}

.newsflash-list .photo {
    margin-top: 20px;
}

.photo:after,
.photo:before {
    display: table;
    content: "";
}

.newsflash-list .photo:after {
    clear: both;
}

.newsflash-list .photo figure {
    display: block;
    float: left;
    width: 210px;
    max-height: 85px;
    margin: 0 6px 6px 0;
    border-radius: 4px;
    overflow: hidden;
}

.newsflash-list img {
    vertical-align: middle;
    border-style: none;
}

.newsflash-list .photo img {
    width: 100%;
    height: 100%;
    transition: transform .15s ease-in;
    will-change: transform;
    cursor: zoom-in;
}

.newsflash-list .newsflash-item .content-wrapper .heading .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .5px;
    color: #0b1721;
}

.newsflash-list .newsflash-item .content-wrapper .content_flash {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: .4px;
    color: #333;
}

.newsflash-list .newsflash-item .content-wrapper .heading {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}


@media screen and (max-width: 1120px) {

    .tab-title span.active,
    .tab-title a.active {
        border-top: none;
        background: none;
        border-bottom: 1px solid #0490e1;
    }

    .newsitem .news_tabbox .tab_content .art_list .info .tit {
        -webkit-line-clamp: 2;
    }

    .newsitem .news_tabbox .tab_content .art_list .info .preview {
        display: none;
    }

    .tab-title {
        background: #fff;
        border-bottom: 1px solid #ecf0f4;
    }

    .view-head {
        display: none;
    }

    .top_tips.stop_risk {
        font-size: 12px;
    }

    .coinInfoHeader .mainPrice span {
        font-size: 30px;
        font-weight: 400;
    }

    .tab-title span,
    .tab-title a {
        border-top: 0;
    }

    .tab-title span,
    .tab-title a {
        padding: 0 8px;
        min-width: 97px;
    }
}

.tab-echs {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;
}

.tab-echs a {
    display: block;
    color: #333;
    background: #F7F7F7;
    padding: 4px 6px;
    margin-right: 10px
}

.tab-echs a.active {
    background: #E6EBF5;
    font-weight: bolder;
}


/*    讨论*/
.commentList {
    /*margin-top: 20px;*/
}

.commentList .item {
    margin-top: 20px;
}

.commentList .item .flex {
    display: flex;
    align-items: center;
}

.commentList .item .flex .avatar {
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    object-fit: cover;
}

.commentList .item .flex .name {
    font-size: 18px;
    color: #0c1011;
    margin-left: 16px;
}

.commentList .item .flex .time {
    margin-left: 16px;
    color: #818276;
}

.commentList .item .content {
    line-height: 28px;
    color: #58524F;
}

.table-list .font-28 {
    font-size: 28px;
}

.table-list .font-16 {
    font-size: 16px;
    line-height: 22px;
}

table.border, .border th, .border td {
    border: 1px solid #E8E8E8 !important;
    border-collapse: collapse; /* 移除单元格之间的间隔 */
    text-align: center;
}

table.border {
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
}

table.border th {
    background: #F5F5F5 !important;
    color: #504F4C !important;
    font-weight: bolder !important;
}

table.border td {
    color: #6C6D67;
}

table.border tr td:not(:first-child) {
    /*color: #279B68;*/
}

@media screen and (max-width: 768px) {
    .table-list .font-28 {
        font-size: 20px;
    }

    .table-list .font-16 {
        font-size: 12px;
        line-height: 18px;
    }
}