*{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 .chart{width:100%;height:100%;background-color:#fff;box-shadow:rgb(0 0 0 / 40%) 0 0 1px;z-index:999}@media(max-width:2560px){.exchange{height:1100px}}@media(max-width:1920px){.exchange{height:812px}}