.pending-and-hold .filter-header{padding:0 60px}.pending-and-hold .filter-header .current-time{text-align:right;line-height:34px;font-size:12px;color:#999}.pending-and-hold .filter-header .el-input__icon{line-height:34px}.pending-and-hold .filter-header .el-input__inner{height:34px;border-radius:17px;line-height:34px}.pending-and-hold .chart-title{font-size:24px;color:#333;text-align:center;position:relative;z-index:10;top:35px;visibility:hidden}.pending-and-hold .chart-title h3{padding-bottom:6px;display:inline-block;cursor:pointer;white-space:nowrap}.pending-and-hold .chart-wrapper .el-col{position:relative;padding:0 45px}.pending-and-hold .chart-wrapper .echarts{width:100%!important;height:660px!important;z-index:1}.pending-and-hold .chart-wrapper .echarts:after,.pending-and-hold .chart-wrapper .echarts:before{content:"";position:absolute;display:block;border-bottom:1px solid #e9e9e9;left:15px;right:66px;top:65px;z-index:10}.pending-and-hold .chart-wrapper .echarts:after{top:unset;bottom:29px}.pending-and-hold .chart-wrapper .chart-tooltip{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:relative;background-color:rgba(0,0,0,.8)!important;border-radius:4px!important;padding:10px!important}.pending-and-hold .chart-wrapper .chart-tooltip:after{content:"";display:block;position:absolute;border-top:10px solid rgba(0,0,0,.8);border-left:10px solid transparent;border-right:10px solid transparent;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pending-and-hold .chart-wrapper .chart-tooltip.arrow-in-top:after{bottom:unset;top:-10px;border-top:unset;border-bottom:10px solid rgba(0,0,0,.8)}.pending-and-hold .chart-legend{padding-left:15px}.pending-and-hold .chart-legend span{display:inline-block;position:relative;line-height:12px;padding-left:15px;margin-right:20px;color:#333}.pending-and-hold .chart-legend span:before{content:"";width:12px;height:12px;display:inline-block;border-radius:100%;top:1px;left:0;z-index:0;position:absolute}.pending-and-hold .chart-legend span.color-green:before{background-color:#1fbb95}.pending-and-hold .chart-legend span.color-blue:before{background-color:#0d92ff}.pending-and-hold .chart-legend span.color-red:before{background-color:#eb4654}.pending-and-hold .chart-legend span.color-orange:before{background-color:#ffa800}.pending-and-hold .time-slider{margin-top:40px}.pending-and-hold .time-slider .title{text-align:center;font-size:12px;color:#999}.pending-and-hold .time-slider .label{text-align:right;margin-top:-4px!important;color:#333;font-size:14px}.pending-and-hold .time-slider .label span{display:inline-block;-webkit-transform:translateX(50%);transform:translateX(50%)}.pending-and-hold .time-slider .el-slider,.pending-and-hold .time-slider .label{width:600px;margin:0 auto}.pending-and-hold .time-slider .el-slider__runway{border:1px solid #e9e9e9;background-color:#fff}.pending-and-hold .time-slider .el-slider__bar{background-color:#e6e6e6}.pending-and-hold .time-slider .el-slider__button{border-color:#fff;background-color:#ff6200;-webkit-box-shadow:0 0 8px #b5ada8;box-shadow:0 0 8px #b5ada8}.pending-and-hold .time-slider .el-slider__button.dragging{border-color:#ff6200;padding:10px}.pending-and-hold .desc-footer{font-size:12px;padding:30px 60px}.pending-and-hold .desc-footer .title{font-size:12px;color:#999}.hold-pending{width:100%;height:1050px}@media (max-width:750px){.pending-and-hold .hold-pending{width:100%;height:1170px}.pending-and-hold .filter-header{padding:0 16px}.pending-and-hold .filter-header .el-col:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;text-align:right}.pending-and-hold .filter-header .current-time{text-align:left}.pending-and-hold .chart-title{visibility:visible;background-color:#fff;padding-bottom:15px;top:24px;font-size:20px;color:#999}.pending-and-hold .chart-title .active h3{color:#333;border-bottom:2px solid #ff6200}.pending-and-hold .chart-title .el-col:first-child{text-align:right;padding-right:20px}.pending-and-hold .chart-title .el-col:last-child{text-align:left;padding-left:20px}.pending-and-hold .chart-wrapper .el-col{padding:0 5px}.pending-and-hold .chart-wrapper .el-col:not(.show){display:none}.pending-and-hold .chart-wrapper .echarts{height:500px!important}.pending-and-hold .time-slider{padding:0 16px}.pending-and-hold .time-slider .el-slider,.pending-and-hold .time-slider .label{width:auto}.pending-and-hold .desc-footer{padding:30px 16px}.pending-and-hold .desc-footer p+p{margin-top:10px}}.pending-and-hold{width:100%}/deep/ .page .page-container.init-load{background:none}