.component__TradeRanking{width:100%}.component__TradeRanking .el-table__body-wrapper{overflow:auto;overflow-x:hidden}.component__TradeRanking .el-table__body-wrapper::-webkit-scrollbar{background-color:#fff;height:5px;width:5px}.component__TradeRanking .el-table__body-wrapper::-webkit-scrollbar-track{background-color:#fff;border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent}.component__TradeRanking .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#e2ecf7;border-radius:10px}.component__TradeRanking table{border-collapse:collapse;width:100%}.component__TradeRanking tr:hover{background-color:#f5fafd}.component__TradeRanking tr:last-child td{border-bottom:0}.component__TradeRanking tr td:first-child{padding-left:13px}.component__TradeRanking th{background-color:#fafcfd;border-bottom:1px solid #ebeef5;color:#909399;font-size:13px;font-weight:400;padding:7px 0}.component__TradeRanking td{border-bottom:1px solid #ebeef5;color:#606266;font-size:14px;padding:10px 0}.component__TradeRanking .trade-user{align-items:center;display:flex;flex-flow:row nowrap;font-size:14px}.component__TradeRanking .trade-user a{display:flex}.component__TradeRanking .trade-user img{background-color:#fafafa;border-radius:50%;cursor:pointer;height:32px;margin-right:10px;vertical-align:middle;width:32px}.component__TradeRanking .trade-user .trade-info-box{flex:1}.component__TradeRanking .trade-user .trade-info-box .user-name{color:#33353c;cursor:pointer;height:20px;line-height:20px;max-width:100px;min-width:80px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.component__TradeRanking .trade-user .trade-info-box .user-name:hover{color:#2196f3}.component__TradeRanking .trade-user .trade-info-box .deler-box{display:flex;flex-flow:row nowrap}.component__TradeRanking .trade-user .trade-info-box .deler-box .dealer-name{color:#666c72;font-size:12px;margin-right:5px;text-align:left}.component__TradeRanking .trade-user .trade-info-box .deler-box .dealer-name:hover{color:#2196f3}.container__tools__currencyCode{display:flex}.container__tools__currencyCode .container__body{flex:1;margin-right:20px}.container__tools__currencyCode .container__body .container__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.container__tools__currencyCode .container__body .container__header h3{font-size:16px;padding-left:10px;position:relative}.container__tools__currencyCode .container__body .container__header h3:before{background-color:#2196f3;content:"";height:15px;left:0;position:absolute;top:4px;width:3px}.container__tools__currencyCode .container__body .container__header .container__fast{display:flex;flex:1;margin-left:20px}.container__tools__currencyCode .container__body .container__header .container__fast li{background-color:#ebeef5;border-radius:2px;cursor:pointer;margin-right:10px}.container__tools__currencyCode .container__body .container__header .container__fast li>a{color:#666;display:inline-block;padding:1px 8px}.container__tools__currencyCode .container__body .container__header .container__fast li:hover{background-color:#2196f3;color:#fff}.container__tools__currencyCode .container__body .container__header .container__fast li:hover a{color:#fff}.container__tools__currencyCode .container__body .type{align-items:center;background-color:#f7f7f7;border-left:1px solid #efefef;border-right:1px solid #efefef;border-top:1px solid #efefef;display:flex;font-size:15px;margin:10px 0}.container__tools__currencyCode .container__body .type li{border-bottom:1px solid #efefef;flex:1}.container__tools__currencyCode .container__body .type li:hover{background-color:#ebeef5}.container__tools__currencyCode .container__body .type li:hover a{color:#2196f3}.container__tools__currencyCode .container__body .type li:first-child.active{border-left:0}.container__tools__currencyCode .container__body .type li:last-child.active{border-right:0}.container__tools__currencyCode .container__body .type li.active{background-color:#fff;border-bottom:1px solid #fff;border-left:1px solid #efefef;border-right:1px solid #efefef;color:#2196f3;position:relative}.container__tools__currencyCode .container__body .type li.active:before{background-color:#2196f3;content:"";height:3px;position:absolute;top:0;width:100%}.container__tools__currencyCode .container__body .type li a{color:#33353c;display:inline-block;padding:10px 0;text-align:center;width:100%}.container__tools__currencyCode .container__aside{width:340px}.container__tools__currencyCode .market__table{border:1px solid #e1e1e1;color:#606266;display:flex;flex-wrap:wrap}.container__tools__currencyCode .market__table .market__table__header{background-color:#f3f6f9!important;font-weight:700}.container__tools__currencyCode .market__table .market__table__row{color:#33353c}.container__tools__currencyCode .market__table .market__table__header,.container__tools__currencyCode .market__table .market__table__row{border-bottom:1px solid #e1e1e1;display:flex;width:100%}.container__tools__currencyCode .market__table .market__table__header .market__table__cell:first-child,.container__tools__currencyCode .market__table .market__table__row .market__table__cell:first-child{max-width:100px}.container__tools__currencyCode .market__table .market__table__header:nth-child(odd),.container__tools__currencyCode .market__table .market__table__row:nth-child(odd){background-color:#fafafa}.container__tools__currencyCode .market__table .market__table__header:nth-child(2n),.container__tools__currencyCode .market__table .market__table__row:nth-child(2n){background-color:#fff}.container__tools__currencyCode .market__table .market__table__header .market__table__cell,.container__tools__currencyCode .market__table .market__table__row .market__table__cell{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;padding:12px 15px}.container__tools__currencyCode .market__table .market__table__header .market__table__cell:not(:last-child),.container__tools__currencyCode .market__table .market__table__row .market__table__cell:not(:last-child){border-right:1px solid #e1e1e1}.container__tools__currencyCode .market__table .market__table__header .market__table__cell .chineseName,.container__tools__currencyCode .market__table .market__table__row .market__table__cell .chineseName{color:#33353c;font-size:14px}.container__tools__currencyCode .market__table .market__table__header .market__table__cell .englishName,.container__tools__currencyCode .market__table .market__table__row .market__table__cell .englishName{color:#909399;font-size:12px}@keyframes goup{30%{transform:scale(1.2)}}@keyframes godown{30%{transform:scale(1.2)}}.container__tools__currencyCode .data_normal{color:#33353c}.container__tools__currencyCode .data_up{animation:goup .3s;color:#090}.container__tools__currencyCode .data_down{animation:godown .3s;color:red}