*{margin:0;padding:0;box-sizing:border-box;font-family:AcFun Symbol,Helvetica Neue,Helvetica,Arial,pingfang SC,Microsoft Yahei,STHeiti,sans-serif}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{border-radius:8px;background:0}::-webkit-scrollbar-thumb{border-radius:8px;background:#bbb}::-webkit-scrollbar-thumb:window-inactive{background:#ccc}body{background-color:#e9eaed;min-width:1400px}body::-webkit-scrollbar{width:6px;height:6px}.nav {display: flex;flex-flow: row;align-items: center;box-shadow: rgba(0,0,0,0.4) 0 0 6px;background-color: #fff;height: 52px}.nav div {width: 100%;text-align: center;font-weight: normal;font-size: 28px}.nav a {padding: 8px 2px;text-decoration: none;color: #495666}.nav a:hover {color: #26a69a}.nav .selected {color: #26a69a}.exchange{display:flex;flex-flow:row;margin-top:10px;height:812px;width:100%}.exchange .up{color:#12b298}.exchange .down{color:#f95a50}.exchange .coin{display:flex;flex-flow:column;width:300px;height:100%;background-color:#fff;box-shadow:rgba(0,0,0,0.4) 0 0 1px;margin-right:8px}.exchange .coin .search{width:100%;height:52px;line-height:52px}.exchange .coin .search-box{width:250px;margin:0 auto;position:relative}.exchange .coin .search-box .icon{top:6px;left:12px;width:24px;height:24px;position:absolute}.exchange .coin .search-box svg{fill:#ccd2da}.exchange .coin .search-box input{width:100%;height:36px;border-radius:18px;padding-left:40px;padding-right:16px;border:1px solid #e9eaed;font-size:14px;outline:0}.exchange .coin .search-box input:hover{border:1px solid #12b298}.exchange .coin .search-box input:focus{border:1px solid #12b298}.exchange .coin .list{height:calc(100% - 52px);position:relative}.exchange .coin .list .head{border-bottom:1px solid #e9eaed;line-height:28px;height:28px;font-size:14px;padding:0 8px;color:#9aa5b5}.exchange .coin .list .head em{font-style:normal;cursor:pointer}.exchange .coin .list .content{overflow-y:auto;font-size:12px;height:calc(100% - 28px);color:#495666}.exchange .coin .list .content .item{height:28px;line-height:28px;padding:0 8px;cursor:pointer}.exchange .coin .list .content .item:hover{background-color:rgba(0,0,0,0.1)}.exchange .coin .list .name{user-select:none;display:inline-block;width:calc(100% - 168px);vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}.exchange .coin .list .price{user-select:none;display:inline-block;text-align:right;width:84px}.exchange .coin .list .change{user-select:none;display:inline-block;text-align:right;width:68px}.exchange .coin .list .loading{top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;z-index:999;display:none}.exchange .coin .list .loading svg{width:64px;height:64px}.exchange .trade{display:flex;flex-flow:column;width:calc(100% - 308px);height:100%}.exchange .trade .ticker{display:flex;flex-flow:row;width:100%;height:60px;color:#495666;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px;margin-bottom:8px;padding:0 8px}.exchange .trade .ticker .name{display:flex;align-items:center;margin-right:32px;font-size:24px}.exchange .trade .ticker .time{display:flex;align-items:center;margin-left:auto;text-align:right;font-size:16px}.exchange .trade .ticker .price-group{display:flex;flex-flow:column;justify-content:center;margin-right:32px;font-size:16px}.exchange .trade .ticker .other-group{display:flex;flex-flow:column;justify-content:center;margin-right:32px}.exchange .trade .ticker .other-group .title{font-size:14px;color:#9aa5b5}.exchange .trade .ticker .other-group .value{font-size:14px}.exchange .trade .content{display:flex;flex-flow:row;width:100%;height:calc(100% - 68px)}.exchange .trade .content .left{margin-right:8px;width:calc(100% - 308px);height:100%}.exchange .trade .content .right{width:300px;height:100%}.exchange .trade .chart{width:100%;height:calc(100% - 240px);background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px;z-index:999}.exchange .trade .buysell{display:flex;flex-flow:row;margin-top:8px;width:100%;height:232px;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px}.exchange .trade .buysell .long{width:50%;height:100%;padding:8px}.exchange .trade .buysell .short{width:50%;height:100%;padding:8px}.exchange .trade .buysell .type{width:100%;height:32px;padding:4px;border-radius:4px;border:1px solid #e9eaed;background:#e9eaed;color:#495666;cursor:pointer}.exchange .trade .buysell .type-open{border:1px solid #e9eaed}.exchange .trade .buysell .type-open:hover{border:1px solid #12b298;background:#12b298;color:#fff}.exchange .trade .buysell .type-close{border:1px solid #e9eaed}.exchange .trade .buysell .type-close:hover{border:1px solid #f95a50;background:#f95a50;color:#fff}.exchange .trade .buysell .type-open-checked{border:1px solid #12b298;background:#12b298;color:#fff}.exchange .trade .buysell .type-close-checked{border:1px solid #f95a50;background:#f95a50;color:#fff}.exchange .trade .buysell .trigger-price-group{position:relative}.exchange .trade .buysell .trigger-price-group>label{color:#9aa5b5;font-size:14px;position:absolute;left:8px;top:14px}.exchange .trade .buysell .trigger-price-group>input{width:100%;height:32px;margin-top:8px;padding:4px;padding-left:130px;border-radius:4px;border:1px solid #e9eaed;background:#fff;color:#495666;font-size:14px;outline:0}.exchange .trade .buysell .trigger-price-group>input:focus{border:1px solid #0170fe}.exchange .trade .buysell .price-group{position:relative}.exchange .trade .buysell .price-group>label{color:#9aa5b5;font-size:14px;position:absolute;left:8px;top:14px}.exchange .trade .buysell .price-group>input{width:100%;height:32px;margin-top:8px;padding:4px;padding-left:130px;border-radius:4px;border:1px solid #e9eaed;background:#fff;color:#495666;font-size:14px;outline:0}.exchange .trade .buysell .price-group>input:focus{border:1px solid #0170fe}.exchange .trade .buysell .amount-group{position:relative}.exchange .trade .buysell .amount-group>label{color:#9aa5b5;font-size:14px;position:absolute;left:8px;top:14px}.exchange .trade .buysell .amount-group>input{width:100%;height:32px;margin-top:8px;padding:4px;padding-left:130px;border-radius:4px;border:1px solid #e9eaed;background:#fff;color:#495666;font-size:14px;outline:0}.exchange .trade .buysell .amount-group>input:focus{border:1px solid #0170fe}.exchange .trade .buysell .buy-btn{width:100%;height:32px;padding:4px;border-radius:4px;border:1px solid #12b298;background:#12b298;color:#fff;cursor:pointer;margin-top:8px}.exchange .trade .buysell .buy-btn:hover{border:1px solid #12b298;background:#12b298;color:#fff}.exchange .trade .buysell .sell-btn{width:100%;height:32px;padding:4px;border-radius:4px;border:1px solid #f95a50;background:#f95a50;color:#fff;cursor:pointer;margin-top:8px}.exchange .trade .buysell .sell-btn:hover{border:1px solid #f95a50;background:#f95a50;color:#fff}.exchange .trade .buysell .maxlong{margin-top:8px;color:#9aa5b5;font-size:12px;float:left}.exchange .trade .buysell .maxshort{margin-top:8px;color:#9aa5b5;font-size:12px;float:left}.exchange .trade .buysell .available{margin-top:8px;color:#9aa5b5;font-size:12px;float:right}.exchange .trade .player{width:100%;height:52px;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px;margin-bottom:8px}.exchange .trade .player .speed{width:230px;height:36px;border-radius:18px;padding:4px 12px;border:1px solid #e9eaed;font-size:14px;margin-top:8px;margin-left:8px;vertical-align:top;outline:0}.exchange .trade .player .speed:hover{border:1px solid #12b298}.exchange .trade .player .speed:focus{border:1px solid #12b298}.exchange .trade .player .speed:focus{border:1px solid #12b298}.exchange .trade .player .player-btn{width:36px;height:36px;display:inline-block;border:0;background:0;vertical-align:top;margin-left:8px;margin-top:8px;cursor:pointer}.exchange .trade .player .play{width:36px;height:36px;fill:#12b298}.exchange .trade .player .stop{width:36px;height:36px;fill:#f95a50}.exchange .trade .position{width:100%;height:270px;color:#495666;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px;font-size:14px;margin-bottom:8px;padding:8px}.exchange .trade .position .item{margin-bottom:12px}.exchange .trade .position .item .value{float:right}.exchange .trade .position .item .base{margin-left:4px}.exchange .trade .position .item .quote{margin-left:4px}.exchange .trade .history{width:100%;height:calc(100% - 338px);color:#495666;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px}.exchange .trade .history .title{padding:8px;font-size:14px;height:32px}.exchange .trade .history .letf-scrollbar{direction:rtl;overflow-y:auto;height:calc(100% - 32px)}.exchange .trade .history .list{direction:ltr}.exchange .trade .history .list .item{padding:8px;font-size:12px}.exchange .trade .history .list .item:hover{background-color:rgba(0,0,0,0.1)}.exchange .trade .history .list .item .time{float:right}.exchange .trade .history .list .item .total-value{float:right}.exchange .trade .history .list .item .price-value{float:right}.exchange .trade .history .list .item .amount-value{float:right}.order{width:100%;min-height:150px;color:#495666;background-color:#fff;box-shadow:rgba(0,0,0,0.4) 0 0 1px;margin-top:8px;padding:8px}.order .caption .title{font-size:14px;display:inline-block}.order .caption .all-cancel{font-size:14px;background:0;border:0;cursor:pointer;color:#0170fe;float:right}.order .caption .all-cancel:hover{color:#0133fe}.order .list{width:100%;margin-top:8px}.order .list thead{color:#9aa5b5}.order .list th{font-size:14px;font-weight:normal}.order .list td{font-size:14px;font-weight:normal}.order .list .time{text-align:left;width:15%}.order .list .pair{text-align:left}.order .list .way{text-align:left}.order .list .total{text-align:right;width:10%}.order .list .trigger-price{text-align:right;width:10%}.order .list .price{text-align:right;width:10%}.order .list .amount{text-align:right;width:10%}.order .list .actions{text-align:right;width:5%}.order .list .cancel{font-size:14px;background:0;border:0;cursor:pointer;color:#0170fe}.order .list .cancel:hover{color:#0133fe}@media(max-width:2560px){.exchange{height:1100px}}@media(max-width:1920px){.exchange{height:812px}}