.red{color:#E1322D}
.green{color:#14B185}
.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-align-start{-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}
.flex-align-end{-webkit-box-align:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.flex-pack-end{-webkit-box-pack:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;justify-content:flex-end}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.flex-no-shrink{flex-shrink:0}
.flex-warp{flex-flow:wrap}
.flex-column{flex-flow:column}
.word-break-all{word-break:break-all}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ellipsis-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis-3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ellipsis-4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.coin-box{padding-top:36px}
.coin-box .info .img{width:66px;height:66px;margin-right:12px;flex-shrink:0}
.coin-box .info .name{font-size:26px;font-weight:bold;color:#333333;line-height:30px}
.coin-box .info .cname{font-size:14px;color:#666666;line-height:32px}
.coin-box .price{display:flex;align-items:flex-end}
.coin-box .price .p1{font-size:40px;font-weight:500;color:#333333;font-weight:bold;line-height:1;padding-right:38px}
.coin-box .price .p2{font-size:24px;font-weight:500;color:#333333;line-height:30px;padding-right:8px}
.coin-box .price .p3{font-size:24px;font-weight:500;line-height:30px}
.coin-box .order{font-size:14px;color:#666666}
.coin-box .order .num{display:inline-block;font-size:14px;color:#FFFFFF;line-height:26px;height:26px;background:#14B185;border-radius:100px 100px 100px 100px;padding:0 10px}
.coin-box .date{font-size:14px;color:#656565;line-height:32px;border-bottom:1px solid #EAEAEA;padding-top:4px;padding-bottom:14px}
.coin-box .top{padding-bottom:16px}
.else-info{display:flex;flex-wrap:wrap;padding:20px 0}
.else-info .item{display:flex;font-size:14px;color:#666666;line-height:32px;width:25%;padding-right:1%;box-sizing:border-box}
.else-info .item .name{flex-shrink:0;text-align:justify;text-align-last:justify}
.else-info .item .val{padding-left:8px}
.table{margin-bottom:0}
.table .icon-like{width:16px;height:14px;flex-shrink:0}
.table .icon-coin{width:24px;height:24px;flex-shrink:0}
.table .icon-arrow{width:10px;height:10px;flex-shrink:0}
.table .chart{width:70px;height:30px;margin:0 auto}
.table .th{background:#F5F5F5}
.table .th th{font-size:14px;font-weight:normal;color:#B4B4B4;line-height:32px;line-height:36px;background:#F5F5F5;text-align:center}
.table .td td{font-size:14px;font-weight:normal;color:#333333;line-height:20px;text-align:center;border-bottom:1px solid #f4f4f4;padding:20px 0}
.table .td .name{line-height:1;padding-left:6px;text-align:left}
.table .td .name .en{width:110px}
.table .td .name .cn{font-size:12px;color:#B4B4B4;padding-top:4px;width:110px}
.table .td .name .cn{width:110px}
.pairName{width:120px;display:inline-block}
.prodet-top{padding:.3rem 0 .4rem}
.prodet-top .tt{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.2rem}
.prodet-top .titbox{font-size:0.39rem;color:#333333;font-weight:bold;font-weight:bold}
.prodet-top .titbox .ico{width:0.48rem;height:0.48rem;margin-right:0.13rem}
.prodet-top .titbox .lx{font-size:0.21rem;color:#868E9E;margin-left:0.1rem;font-weight:normal}
.prodet-top .rank{width:1.4rem;height:0.46rem;border:1px solid #006BE9;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:0.2rem;color:#006BE9}
.prodet-top .rank .ico{width:0.24rem;margin-right:0.1rem}
.prodet-top .box{display:flex}
.prodet-top .lbox{flex:1;overflow:hidden}
.prodet-top .price{font-size:0.4rem;color:#14B185;line-height:0.8rem}
.prodet-top .price i{font-size:0.5rem}
.prodet-top .bd{font-size:0.3rem;color:#000;line-height:0.7rem}
.prodet-top .bd em{color:#14B185}
.prodet-top .sz{font-size:0.24rem;color:#666666;line-height:0.6rem}
.prodet-top .sz span{font-size:0.3rem;color:#000000}
.prodet-top .rbox{width:40%}
.prodet-top .font{font-size:0.22rem;color:#868E9E;display:flex;line-height:0.36rem;margin-top:0.2rem}
.prodet-top .font em{margin-right:0.1rem}
.prodet-top .font span{color:#000000;flex:1;overflow:hidden;text-align:right}
.prodet-top .font a{font-weight:bold;color:#006BE9}
.prodet-top .lboxs{flex:1;overflow:hidden}
.prodet-top .rboxs{width:50%}
.prodet-top .rboxs .font span{text-align:left}
.prodet-top .lboxs .font span{text-align:left}
.ss-table{border-collapse:collapse;border-spacing:0;width:100%}
.ss-table th{font-size:0.22rem;color:#939ea9;font-weight:normal;text-align:left}
.ss-table .arr{background:url(../images/icon_02.png) no-repeat center;background-size:contain;width:0.12rem;height:0.18rem;margin-left:0.05rem;display:inline-block;vertical-align:middle}
.ss-table td{padding:.14rem 0;font-size:0.23rem}
.ss-table .bi{font-size:0.18rem;color:#939ea9;display:flex;align-items:center}
.ss-table .bi .ic{font-size:0.24rem;display:inline-block;vertical-align:middle;margin-right:0.06rem;width:0.35rem;height:0.35rem}
.ss-table .bi em{font-size:0.25rem;color:#333333;margin-right:0.08rem}
.ss-table .dw{font-size:0.21rem;color:#939ea9;width:1.9rem}
.ss-table .p1{font-size:0.23rem;color:#000000}
.ss-table .p2{font-size:0.2rem;color:#868E9E}
.ss-table .p3{font-size:0.23rem;color:#000000;text-align:center}
.ss-table .bq{width:100%;height:0.56rem;display:inline-block;line-height:0.56rem;text-align:center;font-size:0.23rem;color:#fff;border-radius:.04rem}
.ss-table .bq.down{background-color:#E1322D}
.ss-table .bq.up{background-color:#14B185}
.ss-table th:nth-child(1){width:8%}
.ss-table th:nth-child(2){width:27.5%}
.ss-table th:nth-child(3){width:22.5%;text-align:center}
.ss-table th:nth-child(4){width:24.5%;text-align:center}
.ss-table th:nth-child(5){width:17.5%;text-align:center}
.ss-table td:nth-child(3){text-align:center}
.ss-table td:nth-child(4){text-align:center}
.ss-table td:nth-child(5){text-align:center}
.coinQuote .view-head{padding:20px 24px 12px;background-color:#fff}
.coinQuote .view-head .line{border-bottom:1px solid #e1e4ee;margin-top:20px}
.coinQuote .view-head>span{font-family:PingFangSC-Regular;font-size:12px;color:#b2b2b2;letter-spacing:0;line-height:12px}
.coinQuote .view-head .icon{vertical-align:top}
.coinQuote .view-head .icon svg{height:20px;width:26px}
.coinQuote .view-head .head-title{font-family:PingFangSC-Regular;font-size:14px;color:#9ba2b2;letter-spacing:0;line-height:14px;margin:3px}
.coinQuote .view-info-head{display:flex;justify-content:space-between;background-color:#fff;margin-bottom:14px;flex-wrap:wrap!important}
.coinQuote .view-info-head .grey-font{color:#83858f}
.coinQuote .view-info-head .view-info-left{margin:auto}
.coinQuote .view-info-head .info-container{display:flex}
.coinQuote .view-info-head .info-container .market_icon{display:inline-block;width:45px;height:45px;vertical-align:top}
.coinQuote .view-info-head .info-container .market_icon img{height:45px;width:45px}
.coinQuote .view-info-head .info-container .coin-title{display:inline-block;margin-left:10px;margin-top:5px}
.coinQuote .view-info-head .info-container .name-container{display:flex;align-items:flex-start}
.coinQuote .view-info-head .info-container .label-container{margin-top:7px}
.coinQuote .view-info-head .info-container .coin-name{font-size:20px;color:#323232;letter-spacing:0;line-height:30px;font-weight:500}
.coinQuote .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}
.coinQuote .view-info-head .info-container .rank-change{font-size:16px}
.coinQuote .view-info-head .info-container .coin-type,.coinQuote .view-info-head .info-container .rank-move{font-size:14px;color:#83858f;letter-spacing:0;line-height:14px}
.coinQuote .view-info-head .info-container .coin-type{font-family:PingFangSC-Regular}
.coinQuote .view-info-head .info-container .label-divide{margin:0 11px;display:inline-block;width:1px;height:10px;background:#e1e4ee}
.coinQuote .view-info-head .price-container{margin:32px 0 0 55px}
.coinQuote .view-info-head .price-container .symbol{font-size:14px}
.coinQuote .view-info-head .price-container .cny-container{display:inline-block;color:#323232;margin-right:38px;position:relative;font-weight:600}
.coinQuote .view-info-head .price-container .cny-container .global-index{display:inline-block;line-height:24px;font-family:PingFangSC-Semibold;font-size:24px}
.coinQuote .view-info-head .price-container .cny-container .icon{position:absolute;width:18px;height:18px;right:-31px;bottom:3px}
.coinQuote .view-info-head .price-container .deg_up{color:#32a853}
.coinQuote .view-info-head .price-container .deg_down{color:#eb4236}
.coinQuote .view-info-head .price-container .deg_Green{color:#32a853}
.coinQuote .view-info-head .price-container .deg_Red{color:#eb4236}
.coinQuote .view-info-head .price-container .trend{display:inline-block}
.coinQuote .view-info-head .price-container .trend span{font-family:PingFangSC-Regular;font-size:14px;letter-spacing:0;line-height:14px}
.coinQuote .view-info-head .price-container .price-usd{font-family:PingFangSC-Regular;font-size:14px;margin-top:8px}
.coinQuote .view-info-head .price-container .price-usd>span{margin-right:12px}
.coinQuote .view-info-head .price-container .trade-info{font-size:12px;margin-top:22px;font-family:PingFangSC-Regular}
.coinQuote .view-info-head .price-container .trade-info>span{margin-right:40px}
.coinQuote .view-info-head .head-right{position:relative;width:50%;min-width:388px}
.coinQuote .view-info-head .head-right .link-btn{display:inline-block}
.coinQuote .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}
.coinQuote .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:180px;display:flex;flex-flow:row nowrap;justify-content:space-between;height:34px;align-items:center}
.other_info .info_list .info_cell .info_tit{font-size:14px;color:#84929c}
.other_info .info_list .info_cell .info_val{font-size:14px;color:#333}
.other_info .tag{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:14px}
.other_info .tag .marketcap{font-size:15px;color:#333;margin-left:12px}
@media (max-width:767px){.coinQuote .view-info-head .head-right{width:100%;min-width:300px}
.other_info .info_list .info_cell{width:45%;float:left;line-height:46px;border-bottom:1px solid #f0f2f9;white-space:nowrap;text-overflow:ellipsis}
.m_nok{display:none}
}.tradingPair{height:100%;position:relative;padding-left:10px;padding-right:10px}
.tradingPair table{color:#404040;font-family:Microsoft YaHei,Helvetica Neue,Helvetica,sans-serif;font-size:13px;border-top:1px solid #e3e8ea;text-align:right;width:100%;flex:auto}
table{border-collapse:collapse;border-spacing:0}
.tradingPair table thead tr{height:43px}
.tradingPair table tr{border-bottom:1px solid #e3e8ea;height:48px}
.tradingPair table .market_name{padding-left:0;padding-right:28;text-align:left;max-width:135px;padding-left:5px}
.tradingPair table th{color:#828282;font-weight:400;text-align:right;white-space:nowrap}
.tradingPair table tbody tr,.tradingPair table thead tr th{cursor:pointer}
.tradingPair table .market_latest{padding-right:12px}
.tradingPair table td{white-space:nowrap}
.tradingPair table tbody .market_name a{color:#181818 !important;display:inline-block;max-width:230px;padding-left:30px;position:relative;text-decoration:none!important}
.tradingPair table tbody .market_name .icon{display:block;left:0;margin-top:-9px;position:absolute;top:50%; background-image:none;}
.icon img{width:30px;height:30px;margin-right:10px;margin-top:-6px}
span.bz{margin-left:10px}
.tradingPair table tbody .market_name .name{color:#acb0b4;margin-left:10px}
.icon-ex img{width:75px;height:75px;margin-right:10px;float:left}
.section1{background:#fff;overflow:hidden}
.section1 .left{width:870px;height:250px;border-right:1px solid #f0f0f0;overflow:hidden;padding:20px;float:left}
.left .pager{height:22px;font-size:14px;margin:20px 0 0 0;text-align:right}
.left .pager a,.left .pager span.current{display:inline-block;height:20px;line-height:20px;border:1px solid #e5e5e5;color:#666;text-align:center;margin:0 0 0 14px;padding:0 7px;border-radius:3px}
.left .pager span{padding:0 3px 0 8px}
.left .pager a:hover,.left .pager span.current{background:#f74c4c;color:#fff;border-color:#f74c4c}
.section1 .left .tit{height:30px;overflow:hidden;color:#999;line-height:28px}
.section1 .left .tit .small-num{height:18px;vertical-align:bottom;line-height:16px}
.section1 .left .tit .h1{font-size:24px;color:#333;display:inline-block;vertical-align:bottom;margin:0 10px 0 0;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;max-width:580px;overflow:hidden;padding-right:10px}
.section1 .left .icon-box{height:28px;margin:16px 0 0 0}
.section1 .left .icon-box i{display:block;height:28px;line-height:28px;padding:0 12px;background:#ff9691;color:#fff;margin:0 15px 0 0;border-radius:14px;float:left;font-style:normal}
.section1 .left .icon-box .btn-add{display:block;float:right;width:100px;height:25px;line-height:23px;border-radius:14px;color:#f74c4c;border:1px solid #f74c4c;text-indent:20px;font-size:14px}
.section1 .left .icon-box .btn-add:hover{background-color:#ffe4e2}
.section1 .left .icon-box .btn-add.added{text-align:center;background-image:none;text-indent:0px}
.section1 .left .num-box{height:110px;background:#f4f4f4;margin:25px 0 0 0}
.section1 .left .num-box > div{width:24.2%;float:left;text-align:center;color:#999}
.huobi .section1 .left .num-box > div{width:49.9%}
.section1 .left .num-box .line{display:block;float:left;width:1px;height:48px;background:#dedede;margin:30px 0 0 0}
.section1 .left .num-box .num{font-size:25px;margin:25px 0 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:10px}
.section1 .left .num-box .color-red{color:#f74c4c}
.section1 .left .num-box .color-green{color:#56b75d}
.section1 .left .num-box .num span{font-size:18px}
.section1 .left .ft{height:52px;line-height:52px;margin:20px 0 0 0;font-size:16px}
.section1 .left .ft > div{float:left}
.section1 .left .ft .ui-btn{float:right;height:52px;width:220px;font-size:22px;color:#fff;line-height:52px;border-radius:26px}
.section1 .left .ft .sort1{margin-right:10px;height:52px;overflow:hidden;color:#999}
.section1 .left .ft .sort1 span{color:#f74c4c}
.section1 .left .ft .sort2 .past{text-decoration:line-through;margin:0 5px 0 0}
.section1 .left .ft .sort2 .now{color:#f74c4c;margin:0 5px 0 0}
.section1 .right{width:300px;height:250px;float:right}
.section1 .right .tab{height:45px}
.section1 .right .tab a{display:block;float:left;width:49.8%;height:44px;line-height:44px;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;text-align:center;font-size:18px;position:relative}