.content-wrap{padding-top:64px}.markets-wrap{flex:1 0 auto;display:flex;flex-direction:column;margin:auto;max-width:1200px;width:100%;min-height:1400px}@media (max-width:768px){.markets-wrap{padding:0 16px;min-height:0}}.markets-wrap .market-title{display:flex;flex-direction:column;font-size:42px;font-weight:600;justify-content:flex-end;line-height:normal;margin-bottom:40px;margin-top:60px}.markets-wrap .market-tab{margin-bottom:40px}.table-market .contract-col-wrap{display:flex;gap:8px;align-items:center}.table-market .contract-col-wrap .icon-star{width:20px;height:20px}.table-market .contract-col-wrap .contract-item{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;margin-bottom:4px;font-weight:500}.table-market .contract-col-wrap .contract-market{color:#797f81;font-size:12px}.table-market tbody>tr{cursor:pointer}.no-favorites-container{border:1px solid var(--border-normal);padding:58px 0;border-radius:8px;margin-top:38px}.no-favorites-container .optional-wrap{margin:0 auto}.no-favorites-container .optional-wrap .title{font-size:24px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:28px;text-align:center;color:rgb(var(--color-neutral))}.no-favorites-container .optional-wrap .action-box{width:50%;margin:0 auto;align-items:center;display:flex;justify-content:center;padding-top:28px}.icon-star{color:#d9d9d9}.icon-star.active{color:#FFCA28}.rank-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:16px;gap:16px}.rank-grid .rank-card{padding:18px;border-radius:12px;border:1px solid var(--border-normal);font-size:14px;font-weight:400}.rank-grid .rank-card .head{display:flex;justify-content:space-between;align-items:center}.rank-grid .rank-card .head .title{font-size:22px;font-weight:500}.rank-grid .rank-card .head .icon-right{display:flex;align-items:center;justify-content:center;cursor:pointer;width:35px;height:35px;border-radius:50%;text-align:center;line-height:35px;border:1px solid var(--border-normal)}.rank-grid .rank-card .head .icon-right svg{width:16px;height:16px}.rank-grid .rank-card .rank-table{margin-top:38px}.rank-grid .rank-card .rank-table .table-head{display:flex}.rank-grid .rank-card .rank-table .table-col1{width:28px}.rank-grid .rank-card .rank-table .table-col2{flex:2 1;display:flex;justify-content:space-between;align-items:center;font-weight:700}.rank-grid .rank-card .rank-table .table-col3{flex:1 1;text-align:right;font-weight:700}.rank-grid .rank-card .rank-table .table-body{min-height:276px}.rank-grid .rank-card .rank-table .table-body .table-body-item{display:flex;margin-top:34px;align-items:center;cursor:pointer;font-weight:500}.rank-grid .rank-card .rank-table .table-body .table-body-item .rank-num{color:#fa8c16}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info{display:flex;align-items:center}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info .symbol-name{display:flex;flex-direction:column;gap:2px}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info .symbol-name .option{color:#bfbfbf;font-size:12px;font-weight:400}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info .symbol-icon{width:28px;height:28px;margin:0 9px 0 0}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info .base-asset{font-size:14px}.rank-grid .rank-card .rank-table .table-body .table-body-item .symbol-info .quote-asset{color:#bfbfbf;font-size:14px;font-weight:400}@media only screen and (max-width:1279px){.rank-grid{grid-template-columns:1fr}.rank-grid .rank-card .rank-table .table-body{min-height:0}}