.trade-container .box{padding-bottom:60px;position:relative;overflow:auto}.trade-container .box .banner{width:100%;height:220px;position:absolute}.trade-container .box .container{margin-top:20px}.trade-container .box .container .main{background-color:#f7f7f7;padding:12px 18px;border-radius:5px;border-top:7px solid #116baa;border-bottom:7px solid #116baa}.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,1fr);gap:25px}.trade-container .container .main .data.grid .card{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:center}.trade-container .container .main .data.grid .card .header .title{font-size:20px;line-height:20px;font-weight:600;color:#333}.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:110px;margin-top:10px;margin-bottom:10px;display:flex}.trade-container .container .main .data.grid .card .price_wrp{font-size:14px;line-height:14px}.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{font-size:24px;line-height:24px;font-weight:600;color:#019365;margin-top:10px}.trade-container .container .main .data.grid .card .price_wrp .trend{color:#019365;text-align:right}.trade-container .container .main .data.grid .card .price_wrp .trend .percent{display:flex;align-items:center;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-weight:700;font-size:18px;line-height:18px}.trade-container .container .main .data.grid .card .price_wrp .trend .money{margin-top:10px}.trade-container .container .main .data.grid .card .row{margin-top:17px}.trade-container .container .main .data.grid .card .row .value{margin-top:10px;font-weight:700;font-size:18px;line-height:18px;color:#333}.trade-container .container .main .data.grid .card .lock_wrp{margin-top:25px}.trade-container .container .main .data.grid .card .lock_wrp .lock_tip{display:flex;align-items:center}.trade-container .container .main .data.grid .card .lock_wrp .lock_tip .icon{width:16px;height:16px;margin-right:5px;font-size:0}.trade-container .container .main .data.grid .card .lock_wrp .lock_tip .text{font-size:14px;line-height:14px;color:#666}.trade-container .container .main .data.grid .card .lock_wrp .tag{font-size:14px;line-height:27px;color:#5995f7;background:#f0f5fe;height:27px;border-radius:5px;padding:0 10px}.trade-container .container .main .data.grid .card .btn{width:100%;height:33px;background:#1a56db;border-radius:5px;font-size:14px;line-height:33px;color:#fff;text-align:center;margin-top:20px;cursor:pointer}.trade-container .container .main .data.grid .card .label{color:#666;font-size:14px;line-height:14px}.trade-container .container .main .data.list table{border-spacing:0;width:100%;background:#fff;border:1px solid #eef0f3}.trade-container .container .main .data.list table thead tr{background:#0b67a8;width:100%;color:#fff}.trade-container .container .main .data.list table thead tr th{height:57px;line-height:57px;border:none;text-align:left;padding:0 20px}.trade-container .container .main .data.list table tbody tr{border-bottom:1px dotted #000}.trade-container .container .main .data.list table tbody tr td{padding:20px 20px;border-bottom:1px dotted #000}.trade-container .container .main .data.list table tbody tr.up .money,.trade-container .container .main .data.list table tbody tr.up .price{color:red}.trade-container .container .main .data.list table tbody tr.up .percent{font-size:0;color:red}.trade-container .container .main .data.list table .header_wrp .header{display:flex;align-items:center}.trade-container .container .main .data.list table .header_wrp .header .title{font-size:20px;line-height:20px;font-weight:600;color:#333}.trade-container .container .main .data.list table .header_wrp .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.list table .header_wrp .no{font-size:14px;line-height:14px;color:#666;margin-top:10px}.trade-container .container .main .data.list table .line_chart{height:70px;display:flex}.trade-container .container .main .data.list table .money,.trade-container .container .main .data.list table .price{color:#019365}.trade-container .container .main .data.list table .percent{display:flex;align-items:center;font-size:0;color:#019365}.trade-container .container .main .data.list table .percent .icon{height:24px;width:24px}.trade-container .container .main .data.list table .percent .value{font-weight:700;font-size:12px;line-height:12px}.trade-container .icon-false{margin-right:2px}.trade-container .container .toggle_wrp{background:#f9fafb;height:54px;border-radius:5px;padding:0 20px;-moz-column-gap:40px;column-gap:40px}.trade-container .toggle{cursor:pointer}.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%}