.about-layouts{position:relative;padding-left:380px}.about-layouts,.about-layouts .utils{height:100%;-webkit-transition:.3s;transition:.3s}.about-layouts .utils{width:340px;background:#12184f;-webkit-box-shadow:0 1px 4px 0 #000634;box-shadow:0 1px 4px 0 #000634;border-radius:5px;position:absolute;left:0;top:0}.about-layouts .utils .relative-body{width:100%;height:100%;position:relative}.about-layouts .utils .relative-body .shrink{width:34px;line-height:32px;text-align:center;background:#12184f;position:absolute;top:0;right:-32px;cursor:pointer;border-top-right-radius:32px;border-bottom-right-radius:32px;color:#129afc;-webkit-transition:.2s;transition:.2s}.about-layouts .utils .relative-body .shrink:hover{font-size:16px}.about-layouts .utils .relative-body .scroll-box{padding:20px;height:100%;overflow-y:scroll}.about-layouts .hide-utils-bottom .relative-body{padding-bottom:0}.about-layouts .hide-utils-bottom .relative-body .submit-box{display:none}.about-layouts .utils.close-utils{-webkit-transform:translateX(-320px);transform:translateX(-320px)}.about-layouts .about-window{width:100%;height:100%}.about-layouts .about-window .card{width:100%;height:100%;overflow:hidden;background:#12184f;-webkit-box-shadow:0 1px 4px 0 #000634;box-shadow:0 1px 4px 0 #000634;border-radius:5px;padding-top:68px;position:relative}.about-layouts .about-window .card .card-header{width:100%;line-height:68px;font-size:24px;color:#1292f1;text-align:center;-webkit-box-shadow:0 1px 4px 0 #000634;box-shadow:0 1px 4px 0 #000634;position:absolute;top:0;left:0}.about-layouts .about-window .card .card-header .charts-buttons{position:absolute;top:0;right:0}.about-layouts .about-window .card .card-header .charts-buttons .svg-icon{font-size:25px;margin-right:30px;cursor:pointer}.about-layouts .about-window .card .card-body{width:100%;height:100%;overflow-y:scroll}.about-layouts .about-window .card .card-body .padding-body{padding:20px;width:100%;height:100%}.about-layouts .about-window .hide-header{padding-top:0}.about-layouts.all-view-box{padding-left:20px}.clear-padding-header .el-card__header{padding:0}.data-view-info-diagram-displacement{height:100%}.data-view-info-diagram-displacement .flex-box{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;overflow-y:scroll}.data-view-info-diagram-displacement .flex-box .flex-left{margin-right:10px}.data-view-info-diagram-displacement .time-list-item{font-size:22px;color:red;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.data-view-info-diagram-displacement .time-list-item .el-date-editor{margin-right:10px}.data-view-info-diagram-displacement .flex-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse}.data-view-info-diagram-displacement .chart-box{width:700px;height:740px}