.trade-container .box{padding-bottom:60px;position:relative;overflow:auto}.trade-container .box .banner{width:100%;height:220px;position:absolute}.trade-container .box .container{box-sizing:border-box;margin-top:20px;max-width:1200px;width:calc(100% - 32px)}.trade-container .box .container .main{background-color:#f7f7f7;border:1px solid #e5eaf2;border-radius:8px;padding:12px 18px}.trade-container .box .container .main .empty .empty_img{width:100px;height:97px}.trade-container .box .container .main .empty .empty_text{line-height:30px;color:#666;font-size:14px;text-align:center;padding-top:10px}.trade-container .container .main .data.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.trade-container .container .main .data.grid .card{display:flex;flex-direction:column;height:100%;border-radius:8px;width:100%;background:#fff;border:1px solid #eef0f3;padding:15px}.trade-container .container .main .data.grid .card .header{display:flex;align-items:flex-start;min-height:48px}.trade-container .container .main .data.grid .card .header .title{font-size:20px;line-height:24px;font-weight:600;color:#333;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.trade-container .container .main .data.grid .card .header .tag{margin-left:10px;font-size:14px;line-height:25px;color:#1a56db;background:#dbeafe;height:25px;border-radius:12.5px;padding:0 10px}.trade-container .container .main .data.grid .card .no{font-size:14px;line-height:14px;color:#666;margin-top:10px}.trade-container .container .main .data.grid .card .line_chart{height:120px;flex:0 0 120px;margin-top:10px;margin-bottom:10px;display:flex}.trade-container .container .main .data.grid .card .price_wrp{align-items:end;display:grid;font-size:14px;gap:10px;grid-template-columns:minmax(0,1fr) auto;line-height:14px;min-height:58px;padding:4px 0 10px}.trade-container .container .main .data.grid .card .price_wrp.up .price .value,.trade-container .container .main .data.grid .card .price_wrp.up .trend,.trade-container .container .main .data.grid .card .price_wrp.up .value{color:red}.trade-container .container .main .data.grid .card .price_wrp .price .value{color:#019365;font-size:24px;font-variant-numeric:tabular-nums;font-weight:600;line-height:24px;margin-top:8px}.trade-container .container .main .data.grid .card .price_wrp .trend{color:#019365;min-width:-moz-max-content;min-width:max-content;text-align:right}.trade-container .container .main .data.grid .card .price_wrp .trend .percent{align-items:center;display:flex;font-size:0}.trade-container .container .main .data.grid .card .price_wrp .trend .percent .icon{height:24px;width:24px}.trade-container .container .main .data.grid .card .price_wrp .trend .percent .value{font-size:18px;font-weight:700;line-height:18px}.trade-container .container .main .data.grid .card .price_wrp .trend .money{margin-top:8px}.trade-container .container .main .data.grid .card .trade-metrics{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);margin-bottom:14px}.trade-container .container .main .data.grid .card .trade-metrics .metric{min-width:0;padding:4px 0}.trade-container .container .main .data.grid .card .trade-metrics .metric .value{color:#333;font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:22px;margin-top:8px;overflow-wrap:anywhere}.trade-container .container .main .data.grid .card .trade-metrics .amount-metric{padding-left:12px}.trade-container .container .main .data.grid .card .btn{width:100%;height:33px;background:#116baa;border-radius:5px;font-size:14px;line-height:33px;color:#fff;text-align:center;margin-top:auto;cursor:pointer}.trade-container .container .main .data.grid .card .label{color:#666;font-size:14px;line-height:14px}.trade-container .container .main .data.list{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e3eaf1;border-radius:8px;overflow-x:auto}.trade-container .container .main .data.list table{border-collapse:separate;border-spacing:0;min-width:900px;table-layout:fixed;width:100%}.trade-container .container .main .data.list table .product-col{width:46%}.trade-container .container .main .data.list table .price-col{width:11%}.trade-container .container .main .data.list table .change-col{width:8%}.trade-container .container .main .data.list table .rate-col{width:12%}.trade-container .container .main .data.list table .volume-col{width:11%}.trade-container .container .main .data.list table .amount-col{width:12%}.trade-container .container .main .data.list table th{background:#eff6fb;border-bottom:1px solid #dce7f0;color:#344054;font-size:14px;font-weight:600;height:44px;padding:0 18px;text-align:left}.trade-container .container .main .data.list table tbody tr{cursor:pointer}.trade-container .container .main .data.list table tbody tr td{background:#fff;border-bottom:1px solid #edf1f5;color:#344054;height:88px;padding:12px 18px;transition:background-color .16s ease}.trade-container .container .main .data.list table tbody tr:last-child td{border-bottom:0}.trade-container .container .main .data.list table tbody tr:hover td{background:#f5faff}.trade-container .container .main .data.list table tbody tr:hover td:first-child{box-shadow:inset 3px 0 #0b74c5}.trade-container .container .main .data.list table td:first-child,.trade-container .container .main .data.list table th:first-child{left:0;position:sticky}.trade-container .container .main .data.list table th:first-child{z-index:3}.trade-container .container .main .data.list table td:first-child{z-index:1}.trade-container .container .main .data.list table .numeric{font-variant-numeric:tabular-nums;text-align:right}.trade-container .container .main .data.list table .metric-center{text-align:center}.trade-container .container .main .data.list table .product-cell{align-items:center;color:inherit;display:flex;gap:14px;min-width:0;text-decoration:none}.trade-container .container .main .data.list table .product-cell:focus-visible{border-radius:4px;outline:2px solid #116baa;outline-offset:2px}.trade-container .container .main .data.list table .product-cover{background:#f7f9fc;border:1px solid #e1e8ef;border-radius:8px;height:64px;-o-object-fit:cover;object-fit:cover;width:64px}.trade-container .container .main .data.list table .product-cover-trigger{display:block;flex:0 0 64px;height:64px;width:64px}.trade-container .container .main .data.list table .product-cover--default{-o-object-fit:contain;object-fit:contain}.trade-container .container .main .data.list table .product-cover--previewable{cursor:zoom-in}.trade-container .container .main .data.list table .product-copy{min-width:0}.trade-container .container .main .data.list table .product-title{-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#1d2939;display:-webkit-box;font-size:15px;font-weight:600;line-height:22px;overflow:hidden}.trade-container .container .main .data.list table .product-code{color:#667085;font-size:12px;line-height:18px;margin-top:5px}.trade-container .container .main .data.list table .current-price{color:#1d2939;font-size:17px;font-weight:600}.trade-container .container .main .data.list table .change-value{align-items:center;display:inline-flex;font-weight:600;gap:3px;justify-content:flex-end}.trade-container .container .main .data.list table .trend-up .change-value{color:#d92d20}.trade-container .container .main .data.list table .trend-down .change-value{color:#039855}.trade-container .container .main .data.list table .trend-flat .change-value{color:#667085}.trade-container .container .main .data.list table .trend-symbol{font-size:13px}.trade-container .container .main .data.list table .numeric-value{color:#344054;font-weight:600}.trade-container .icon-false{margin-right:2px}.trade-container .container .toggle_wrp{background:#fff;height:42px;border-radius:5px;padding:0 20px;-moz-column-gap:40px;column-gap:40px}.trade-container .toggle{background:transparent;border:0;cursor:pointer;font-family:inherit;padding:0}.trade-container .toggle:focus-visible{outline:2px solid #116baa;outline-offset:2px}.trade-container .toggle .icon{width:19px;height:19px}.trade-container .toggle .text{line-height:18px;font-size:18px;color:#787f88;margin-left:15px;position:relative;margin-top:-3px}.trade-container .toggle.active .icon{background-repeat:no-repeat;background-position:0 0;background-size:100% 100%}.trade-container .toggle.active .text{color:#116baa}.trade-container .toggle:first-child .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVENTZFNzQ5QjYzNTExRjBCODkwQzc4QUE0RkI0QUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVENTZFNzRBQjYzNTExRjBCODkwQzc4QUE0RkI0QUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQ1NkU3NDdCNjM1MTFGMEI4OTBDNzhBQTRGQjRBREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ1NkU3NDhCNjM1MTFGMEI4OTBDNzhBQTRGQjRBREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4nzHIhAAAAM0lEQVR42mKcOHHifwbCgBGICapjYqAiGDVs1DAcgAWaIBmITLgEDRvNAaOGDSnDAAIMAKdHBd0iggHNAAAAAElFTkSuQmCC)}.trade-container .toggle:first-child.active .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRGNEE3OUI2QjYzNTExRjBCODgwREY0RTcyM0I0MUEyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRGNEE3OUI3QjYzNTExRjBCODgwREY0RTcyM0I0MUEyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEY0QTc5QjRCNjM1MTFGMEI4ODBERjRFNzIzQjQxQTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEY0QTc5QjVCNjM1MTFGMEI4ODBERjRFNzIzQjQxQTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4KNO0PAAAAPUlEQVR42mKUCrv9n4EwYARiguqYGKgIRg0bNQwHYIEmSAYiEy4GeLpSBcUwinKAdPid0dgcNYyuhgEEGAAw4gh1kEx55wAAAABJRU5ErkJggg==)}.trade-container .toggle:last-child .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkMxMjczNUI5QjYzNTExRjA5NUUzRjUwNTE0QkY1N0UxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkMxMjczNUJBQjYzNTExRjA5NUUzRjUwNTE0QkY1N0UxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzEyNzM1QjdCNjM1MTFGMDk1RTNGNTA1MTRCRjU3RTEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzEyNzM1QjhCNjM1MTFGMDk1RTNGNTA1MTRCRjU3RTEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz73V6UWAAAANUlEQVR42mKcOHHifwZUwAjE6GJEASYGKoLBaxgLNIwYsIQbWYaNRsBoBIxGwGgEEA8AAgwAiVIJ5+KnrbwAAAAASUVORK5CYII=)}.trade-container .toggle:last-child.active .icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFERjAxRkY1QjYzNTExRjBCNjMwQjdDMjMzRTgyOTA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFERjAxRkY2QjYzNTExRjBCNjMwQjdDMjMzRTgyOTA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QURGMDFGRjNCNjM1MTFGMEI2MzBCN0MyMzNFODI5MDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QURGMDFGRjRCNjM1MTFGMEI2MzBCN0MyMzNFODI5MDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ByaF1AAAAOklEQVR42mKUCrv9nwEJPF2pwigdfgdFjFjAxEBFMHgNY/z//z/VDGNBD+zRCBiNgNEIGI0AvAAgwAAXLiJR0xtEkAAAAABJRU5ErkJggg==)}.trade-container .container .filter{margin:22px 0;display:flex;height:80px;-moz-column-gap:20px;column-gap:20px}.trade-container .container .filter .filter_box{display:flex;height:100%;background:#f3f4f6;border-radius:5px;align-items:center;padding:0 5px;-moz-column-gap:5px;column-gap:5px}.trade-container .container .filter .filter_box .item{height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:5px;padding:0 15px;text-align:center}.trade-container .container .filter .filter_box .item.blur{background:#ceddf6;color:#3d86f6}.trade-container .container .filter .filter_box .item.green{background:#c5e8df;color:#4cd3c3}.trade-container .container .filter .filter_box .item.gray{background:#e1e4e8;color:#a4aab5}.trade-container .container .filter .filter_box .item.orange{background:#fef3c7;color:#dc851c}.trade-container .el-select,.trade-container .el-select .el-input,.trade-container .el-select .el-input input{height:100%}.trade-container .page-state{align-items:center;color:#667085;display:flex;flex-direction:column;justify-content:center;min-height:240px}.trade-container .page-state.error{color:#b42318}.trade-container .page-state button{cursor:pointer;margin-top:12px}.trade-container .clear-product{cursor:pointer;display:block;margin:12px auto 0}@media(max-width:1199px){.trade-container .container .main .data.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:991px){.trade-container .container .main .data.list{overflow-x:auto}}@media(max-width:767px){.trade-container .container .main{padding:10px}.trade-container .container .main .data.list table{min-width:813px}.trade-container .container .main .data.list table .product-col{width:210px}.trade-container .container .main .data.list table .price-col{width:108px}.trade-container .container .main .data.list table .change-col{width:90px}.trade-container .container .main .data.list table .rate-col{width:99px}.trade-container .container .main .data.list table .volume-col{width:126px}.trade-container .container .main .data.list table .amount-col{width:180px}.trade-container .container .main .data.grid{grid-template-columns:1fr}.trade-container .container .toggle_wrp{-moz-column-gap:14px;column-gap:14px;padding:0 10px}.trade-container .toggle .text{font-size:14px;margin-left:6px}.trade-container .pagination .el-pagination__jump,.trade-container .pagination .el-pagination__sizes,.trade-container .pagination .el-pagination__total{display:none}}@media(max-width:359px){.trade-container .container .main .data.grid .card .price_wrp{grid-template-columns:minmax(0,1fr)}.trade-container .container .main .data.grid .card .price_wrp .trend{justify-self:end}.trade-container .container .main .data.grid .card .trade-metrics{grid-template-columns:minmax(0,1fr)}.trade-container .container .main .data.grid .card .trade-metrics .amount-metric{padding-left:0}}@media(max-width:1199px){body.bond-list-responsive #header-temp>.head-s>.container,body.bond-list-responsive #header-temp>.head-t>.container,body.bond-list-responsive #header-temp>.head-tabs>.container{width:100%;max-width:1200px;box-sizing:border-box}}@media(max-width:1199px){body.bond-list-responsive .footer .container{width:calc(100% - 32px);max-width:1200px;box-sizing:border-box}body.bond-list-responsive #header-temp .sign-type,body.bond-list-responsive #header-temp .user-card-info{min-width:0}body.bond-list-responsive #header-temp .user-card-info{width:80px;max-width:80px;overflow:hidden}}