.home[data-v-03576f25]{width:100%;min-height:100vh;background-color:#fbfcfc;display:inline-flex}.header[data-v-03576f25]{width:100%;background-color:#fff}.header[data-v-03576f25],.sidebar[data-v-03576f25]{position:fixed;top:0;left:0;z-index:9}.body[data-v-03576f25]{padding:1rem;padding-top:80px;padding-left:208px;box-sizing:border-box;min-width:1200px;width:100%;background-color:#fbfcfc;overflow:hidden}.newhome[data-v-7790bce1]{width:100%;min-height:100vh;background-color:#fbfcfc;display:inline-flex}.header[data-v-7790bce1]{position:fixed;top:0;left:0;z-index:9;width:100%;background-color:#fff}.sidebar[data-v-7790bce1]{position:fixed;top:0;left:0;z-index:9;padding-top:80px}.body[data-v-7790bce1]{padding:1rem;padding-top:80px;box-sizing:border-box;min-width:1200px;width:100%;background-color:#fbfcfc;overflow:scroll}#line-info,.line-info{height:100%;width:100%;position:relative}.legend-list{width:100%;overflow-x:auto}.legend-list .legend-item{position:relative;padding-left:20px}.legend-list .legend-item span{display:block;width:60px;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-list .legend-item .before{width:10px;height:10px;border-radius:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.item-title[data-v-68325c29]{color:#333;font-size:14px;min-width:6rem;display:inline-block}.el-col[data-v-68325c29]{margin-top:1.6rem}.line-charts[data-v-68325c29]{width:100%;height:560px}.info-block[data-v-e96629ce]{padding:2rem 4rem;box-sizing:border-box}.info-block .info-name[data-v-e96629ce]{width:7rem;line-height:2rem}.info-block .blue-box[data-v-e96629ce]{width:2rem;height:2rem;line-height:2rem;text-align:center}.info-block .blue-box input[data-v-e96629ce]{width:100%;height:100%;background-color:transparent;box-sizing:border-box;border:none;text-align:center;outline:none}.type-list-model[data-v-bed7e84a]{min-height:100px}.info-block[data-v-bed7e84a]{padding:2rem 4rem;box-sizing:border-box}.info-block .info-name[data-v-bed7e84a]{width:7rem;line-height:2rem}.info-block .big-select[data-v-bed7e84a]{width:5rem}.info-block .big-select[data-v-bed7e84a] .el-input__inner{width:100%!important}.select-modal[data-v-bed7e84a] .el-dialog{width:60rem!important}.setting-caption[data-v-bed7e84a]{color:red;font-size:.875rem;padding-top:.5rem}.setting-switch[data-v-bed7e84a]{margin-left:1rem}.feature-list[data-v-4508b0dd]{display:flex;flex-wrap:wrap}.feature-item[data-v-4508b0dd]{min-width:350px;max-width:402px;margin:1rem;flex-shrink:0}.feature-item .feature-setting[data-v-4508b0dd]{width:21px;height:21px;cursor:pointer}.feature-item .opera-btn[data-v-4508b0dd]{width:66px;cursor:pointer;height:66px}.feature-item .opera-btn.down[data-v-4508b0dd]{transform:rotate(180deg)}.video-status[data-v-4508b0dd]{padding:.25rem .5rem .25rem 1rem;box-sizing:border-box;font-size:.75rem;font-weight:700;position:relative;margin-left:.5rem}.video-status[data-v-4508b0dd]:before{content:"";position:absolute;top:50%;left:.5rem;transform:translateY(-50%);width:4px;height:4px;border-radius:100%}.video-status.run[data-v-4508b0dd]{color:#00bf4d;background-color:rgba(0,191,77,.08)}.video-status.run[data-v-4508b0dd]:before{background-color:#00bf4d}.video-status.no-run[data-v-4508b0dd]{color:#ff3434;background-color:rgba(255,52,52,.08)}.video-status.no-run[data-v-4508b0dd]:before{background-color:#ff3434}.video-status.bh[data-v-4508b0dd]{color:#ac9999;background-color:#f4f78f}.device-info[data-v-ff0c49b8]{flex-shrink:0;max-width:500px}.device-info .device-img[data-v-ff0c49b8]{width:282px;height:282px;margin:0 auto}.device-info .device-name[data-v-ff0c49b8]{width:6rem;flex-shrink:0}.device-info .device-interval[data-v-ff0c49b8]{width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center}.device-detail[data-v-ff0c49b8]{flex-shrink:0;min-width:600px}.device-detail .line-charts[data-v-ff0c49b8]{width:100%;height:500px}.i-head[data-v-ff0c49b8]{display:flex;align-items:center;font-size:15px;justify-content:space-between}.i-list[data-v-ff0c49b8]{display:flex;margin-top:10px}.i-item[data-v-ff0c49b8]{width:33%;flex-direction:column;justify-content:space-between;font-size:12px;padding:5px 0}.i-item[data-v-ff0c49b8],.i-num[data-v-ff0c49b8]{display:flex;align-items:center}.login-box[data-v-1bfba47e]{background-image:url(../../static/img/login_bg.2fbf575b.png);background-size:100% 100%;width:100%;height:100vh;min-height:768px}.login-logo[data-v-1bfba47e]{position:absolute;top:15%;left:10%;display:flex;flex-direction:column}.login-logo .logo[data-v-1bfba47e]{width:223px;height:240px}.login-logo .logo-text[data-v-1bfba47e]{height:81px;width:277px;margin-top:3rem}.logo-form[data-v-1bfba47e]{width:500px;height:89.6%;background-color:#fff;position:absolute;right:2.9%;top:5.2%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 3%;box-sizing:border-box}.logo-form .login-title[data-v-1bfba47e]{font-size:36px;font-weight:700;letter-spacing:4px;font-family:PingFang SC;color:#333;padding-bottom:.5rem;border-bottom:5px solid #3663fe;margin-bottom:4rem}.logo-form .blue-btn[data-v-1bfba47e]{width:100%;text-align:center;height:60px;line-height:60px;font-size:24px}.logo-form .login-line[data-v-1bfba47e]{border-bottom:1px solid rgba(0,0,0,.06);width:100%;margin-bottom:2rem;padding:1rem 0;color:#333}.logo-form .login-line .login-input[data-v-1bfba47e]{border:none;outline:none;height:26px;width:100%;font-size:1.5rem}.logo-form .login-line .login-icon[data-v-1bfba47e]{width:26px;height:26px;margin-right:.5rem}.logo-form .login-line.active input[data-v-1bfba47e]{color:#3663fe!important}.home-left{min-width:600px}.home-right{width:500px;min-width:350px;display:flex;flex-direction:column}.home-map{width:100%}.home-video{flex:1;height:150px;cursor:pointer}.home-video:first-child{margin-right:10px}.home-video:last-child{margin-left:10px}.i-head{display:flex;align-items:center;font-size:15px;justify-content:space-between}.i-list{display:flex;margin-top:10px}.i-item{width:33%;flex-direction:column;justify-content:space-between;font-size:12px;padding:5px 0}.i-item,.i-num{display:flex;align-items:center}.home[data-v-83092260]{width:100%;min-height:100vh;background-color:#fbfcfc;display:inline-flex}.header[data-v-83092260]{width:100%;background-color:#fff}.header[data-v-83092260],.sidebar[data-v-83092260]{position:fixed;top:0;left:0;z-index:9}.nbody[data-v-83092260]{padding:5px;box-sizing:border-box;min-width:800px;width:100%;background-color:#fbfcfc;overflow:hidden}.tj-card{flex:1;color:#fff;background-size:contain;padding:20px 30px}.gather{padding-left:30px;color:#ccf2ff}.gather:hover{box-shadow:0 0 30px 0 rgba(33,161,255,.3)}.kbPop{margin:auto;width:312px;height:300px;padding:16px;background-size:100% 100%;background-color:#151934}.el-dialog{border-radius:2px}.gather{padding-left:20px;line-height:30px;font-size:15px}.gather:hover{cursor:pointer;background-color:rgba(33,161,255,.1);box-shadow:0 0 10px 0 rgba(33,161,255,.3)}::-webkit-scrollbar{z-index:11;width:2px}::-webkit-scrollbar:horizontal{height:6px}::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:#00f}.el-input::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#fff}::-webkit-scrollbar-track-piece{background:#fff;width:6px}.kb-header{display:flex;width:100%;height:70px;background-size:100% 100%;flex-direction:column;flex-wrap:nowrap;align-content:space-around;align-items:center;justify-content:space-around;margin-bottom:10px}.boxall{border:1px solid #19ba8b;background:hsla(0,0%,100%,.04);margin-bottom:2%}.boxfoot:after,.boxfoot:before{width:10px;height:10px;border-bottom:2px solid #02a6b5}.boxall:after,.boxall:before{width:10px;height:10px;border-top:2px solid #02a6b5}.boxall:before,.boxfoot:before{border-left:2px solid #02a6b5}.boxall:after,.boxfoot:after{border-right:2px solid #02a6b5}.tj-card{color:#000;background-size:cover;margin:12px 20px;line-height:35px;text-align:left;width:235px;border:1px solid #00f;border-radius:10px;min-height:78px}.sensorPop{margin:auto;width:600px;height:400px;padding:16px;background-size:100% 100%;background-color:#151934}.el-dialog__title{color:#c0d9d9;line-height:24px;font-size:20px}.el-dialog__header{padding:0;color:#c0d9d9;line-height:21px}.el-dialog--center .el-dialog__body{color:#c0d9d9;padding:25px 0}.el-dialog{position:relative;margin:0 auto 50px;border-radius:25px;box-shadow:0 1px 3px rgba(0,0,0,.3);box-sizing:border-box;width:100%;height:100%}.back{top:10px;right:30px;position:absolute;padding:2px;border:1px solid #ff8c00;border-radius:4px}.login-box[data-v-7be2b815]{background-image:url(../../static/img/login_bg.2fbf575b.png);background-size:100% 100%;width:100%;height:100vh;min-height:768px}.login-logo[data-v-7be2b815]{position:absolute;top:15%;left:10%;display:flex;flex-direction:column}.login-logo .logo[data-v-7be2b815]{width:223px;height:240px}.login-logo .logo-text[data-v-7be2b815]{height:81px;width:277px;margin-top:3rem}.logo-form[data-v-7be2b815]{width:500px;height:89.6%;background-color:#fff;position:absolute;right:2.9%;top:5.2%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 3%;box-sizing:border-box}.logo-form .login-title[data-v-7be2b815]{font-size:36px;font-weight:700;letter-spacing:4px;font-family:PingFang SC;color:#333;padding-bottom:.5rem;border-bottom:5px solid #3663fe;margin-bottom:4rem}.logo-form .blue-btn[data-v-7be2b815]{width:100%;text-align:center;height:60px;line-height:60px;font-size:24px}.logo-form .login-line[data-v-7be2b815]{border-bottom:1px solid rgba(0,0,0,.06);width:100%;margin-bottom:2rem;padding:1rem 0;color:#333}.logo-form .login-line .login-input[data-v-7be2b815]{border:none;outline:none;height:26px;width:100%;font-size:1.5rem}.logo-form .login-line .login-icon[data-v-7be2b815]{width:26px;height:26px;margin-right:.5rem}.logo-form .login-line.active input[data-v-7be2b815]{color:#3663fe!important}.home[data-v-23176215]{width:100%;min-height:100vh;background-color:#fbfcfc;display:inline-flex}.header[data-v-23176215]{width:100%;background-color:#fff}.header[data-v-23176215],.sidebar[data-v-23176215]{position:fixed;top:0;left:0;z-index:9}.nbody[data-v-23176215]{padding:5px;box-sizing:border-box;min-width:800px;width:100%;background-color:#fbfcfc;overflow:hidden}.screen-box[data-v-9501f034]{background-color:#151934;width:100%;height:100vh;min-width:1360px;min-height:768px;position:relative;display:flex;overflow:hidden}.screen-box .screen-left[data-v-9501f034]{height:100%;width:20%;min-width:330px;flex-shrink:0;padding:40px;box-sizing:border-box;background-color:#1c2340;display:inline-block;position:relative;display:flex;flex-direction:column}.screen-box .screen-middle[data-v-9501f034]{width:0;flex:1;height:100%}.screen-box .screen-right[data-v-9501f034]{width:25%;padding:40px;box-sizing:border-box;display:flex;flex-direction:column}.screen-box .screen-map[data-v-9501f034]{width:100%;flex:1;border-radius:6px;overflow:hidden}.screen-box .screen-video[data-v-9501f034]{width:100%;height:200px;border-radius:6px;overflow:hidden}.screen-box .screen-video img[data-v-9501f034]{width:100%;height:100%}.back-btn[data-v-9501f034]{position:absolute;top:-25px;right:-25px;background-color:#213067;width:4rem;height:4rem;border-radius:100%;display:flex;justify-content:flex-start;align-items:flex-end;padding:1rem;box-sizing:border-box;cursor:pointer}.back-btn img[data-v-9501f034]{width:18px;height:18px}.empty-box__modal{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-box__title{margin-top:1rem;color:#3663fe;opacity:.75;font-size:.875rem;line-height:1.5rem}.select-item[data-v-63aad123]{width:150px;height:92px}.mt-1[data-v-63aad123]{margin-top:1rem}.line-charts-box[data-v-63aad123]{height:700px}.select-box[data-v-63aad123]{width:150px;height:92px;border:2px solid #3663fe;opacity:1;border-radius:10px;position:relative;margin-top:1rem}.select-box .select-box__icon[data-v-63aad123]{position:absolute;right:-25px;top:-5px;font-size:1.25rem;background-color:#fff;color:#3663fe;border-radius:100%;transition:all .15s ease;opacity:0}.select-box:hover .select-box__icon[data-v-63aad123]{right:-5px;top:-5px;opacity:1}.line-charts[data-v-63aad123]{height:600px;width:100%}.box-item[data-v-63aad123]{width:145px;height:92px;margin-right:1rem;margin-bottom:1.5rem;padding:10px 12px;box-sizing:border-box}.box-item[data-v-63aad123]:nth-child(5n+5){margin-right:0}.box-list[data-v-63aad123]{min-height:10rem;max-height:23rem;overflow-y:auto}.hide-btn[data-v-63aad123]{visibility:hidden}.outCard{margin:10px;border-radius:4px;border-style:solid;border-color:#1890ff}.cardTitle{background-color:#1890ff}.inCard{justify-content:center}.sensorTitle,.sensorTitle span{color:#fff}.outCard{margin:20px;border:3px solid #fff}.el-card[data-v-23d7059c]{width:120px;height:100px;float:left;margin-top:4%;margin-left:6%;background-color:#ecf5ff}.my-card .el-card__body[data-v-23d7059c]{padding:1px;text-align:center}.my-word[data-v-23d7059c]{display:block;font-size:13px}.el-image[data-v-23d7059c]{text-align:center;width:50px;height:50px;margin:10px}.ddd{color:#ff7f28;color:#ffee43;color:#00e7c5;color:#3dd5ff;color:#84d530;color:#9198f2;color:#fe8373;color:#ff2bff;color:#01fff9;color:#27e3b3}.bg-img{background:#071a3e url(/bg230111.jpg) repeat-y}.chart-bg{height:400px;margin:10px auto;width:90%;border:.5px solid #2e476f;background-color:#031846;box-shadow:-.2px .2px .5px #fff;border-radius:2px}.sensorTitle{width:98%;border:.1px solid #273e5e;margin:0 auto;text-align:center;color:#c5daed;padding:5px;box-shadow:0 0 0 -1px #fff,inset 0 0 3px #fff}.sensorTitle p{font-weight:700;margin:0;padding:5px;font-size:20px}.sensorTitle span{color:#b2b9cb;font-size:12px}.subTitle{width:98%;margin:0 auto;color:#c5daed;padding:10px 0;border:none;text-align:left;display:flex;flex-direction:row}.tj-foot:before,.tj-head:before{border-left:2px solid #fff;left:-1px}.tj-head:after,.tj-head:before{position:absolute;width:10px;height:10px;content:"";border-top:2px solid #fff;top:-1px}.tj-foot:after,.tj-head:after{border-right:2px solid #fff;right:-1px}.tj-foot:after,.tj-foot:before{position:absolute;width:10px;height:10px;content:"";border-bottom:2px solid #fff;bottom:-1px}.el-date-table td.in-range div,.el-date-table td.in-range div:hover{background-color:red}.whereSpan{padding:20px;color:#fff}.circle10{border-radius:10px;border-color:#5e82fe;border-style:solid}.outCard{padding:0;margin:15px;border:2px solid #fff;-o-border-image:linear-gradient(#21b3ef,#0057c2) 1 20;border-image:linear-gradient(#21b3ef,#0057c2) 1 20;background-color:#06235f;box-sizing:border-box}.boxall{padding:0 10px 10px 10px;background:rgba(3,24,69,.8);position:relative}.boxall,.boxfoot{border-radius:2px}.boxfoot:after,.boxfoot:before{position:absolute;width:15px;height:15px;content:"";border-bottom:2px solid #5e90c5;bottom:-1px}.boxall:after,.boxall:before{position:absolute;width:15px;height:15px;content:"";border-top:2px solid #5e90c5;top:-1px}.boxall:before,.boxfoot:before{border-left:2px solid #5e90c5;left:-1px}.boxall:after,.boxfoot:after{border-right:2px solid #5e90c5;right:-1px}.cardTitle{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:nowrap;text-align:center;padding:5px;background-color:#06235f;color:#fff;border-bottom:2px solid #03579f}.param-space{height:100%;border-left:1px solid #03579f;margin:1px 10px}.outCard:before{content:"";position:absolute;border:2px solid #fff;z-index:-1}.el-checkbox{text-align:right;padding-left:20px}.inCard{margin:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;padding:2px}.paramCard{border-radius:4px;background-color:#bc8f8f;border-style:solid;padding:0 5px;font-size:12px;line-height:24px;margin-right:4px}.paramTxt{display:flex;flex-direction:row;justify-content:space-evenly}.paramTxt span{color:#fff;line-height:18px;font-size:12px;padding:0 4px}.bluebtn{background-color:#213067;padding:10px;margin-left:20px;height:24px;border-radius:5px;color:#fff}.whereRow{line-height:90px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start}.el-tag.el-tag--info{background-color:#f4f4f5;border-color:#e9e9eb;color:#3159e5;font-size:16px}.colors{color:red;color:#871f78;color:#8e236b;color:#d9d9f3;color:#0f0;color:#6b238e;color:#32cd99;color:#5959ab;color:#00f;color:#2f4f4f;color:#3232cd;color:#6f4242;color:#f0f;color:#97694f;color:#6b8e23;color:#bc1717;color:#0ff;color:#7093db;color:#eaeaae;color:#238e68;color:#ff0;color:#855e42;color:#9370db;color:#6b4226;color:#000;color:#545454;color:#426f42;color:#8e6b23;color:#70db93;color:#856363;color:#7f00ff;color:#e6e8fa;color:#5c3317;color:#d19275;color:#7fff00;color:#3299cc;color:#9f5f9f;color:#8e2323;color:#70dbdb;color:#007fff;color:#b5a642;color:#238e23;color:#db7093;color:#ff1cae;color:#d9d919;color:#cd7f32;color:#a68064;color:#00ff7f;color:#dbdb70;color:#2f2f4f;color:#236b8e;color:#8c7853;color:silver;color:#23238e;color:#38b0de;color:#a67d3d;color:#527f76;color:#4d4dff;color:#db9370;color:#5f9f9f;color:#93db70;color:#ff6ec7;color:#d8bfd8;color:#d98719;color:#215e21;color:#00009c;color:#adeaea;color:#b87333;color:#4e2f2f;color:#ebc79e;color:#9f9f5f;color:#cfb53b;color:#cdcdcd;color:#42426f;color:#c0d9d9;color:#ff7f00;color:#4f2f4f;color:#5c4033;color:#a8a8a8;color:#ff2400;color:#cc3299;color:#2f4f2f;color:#8f8fbd;color:#db70db;color:#d8d8bf;color:#4a766e;color:#e9c2a6;color:#8fbc8f;color:#99cc32;color:#4f4f2f;color:#32cd32;color:#bc8f8f;color:#9932cd;color:#e47833;color:#eaadea;color:#fff}.info-block[data-v-71b3601d]{padding:2rem 4rem;box-sizing:border-box}.info-block .info-name[data-v-71b3601d]{width:7rem;line-height:2rem}.info-block .info-img[data-v-71b3601d]{margin-left:4rem}.info-block .info-upload[data-v-71b3601d]{height:280px;width:450px}.select-address__map[data-v-71b3601d]{width:100%;height:30rem}.info-block[data-v-312b4c73]{padding:2rem 4rem;box-sizing:border-box}.info-block .info-name[data-v-312b4c73]{width:7rem;line-height:2rem}.info-block .avatar-upload[data-v-312b4c73]{width:128px;height:128px;border-radius:10px}.info-block .avatar-upload.user-avatar[data-v-312b4c73]{-o-object-fit:cover;object-fit:cover}.upload-avatar[data-v-312b4c73] .el-upload{width:100%}.check-box__box[data-v-312b4c73]{position:relative;padding-top:4px;box-sizing:border-box}.check-box__modal[data-v-312b4c73]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9}.setting-line[data-v-78f1d341]{width:30rem}.setting-line .setting-upload[data-v-78f1d341]{width:14rem;height:140px;display:block;cursor:pointer;box-shadow:0 1px 6px #e1eaf8;border-radius:6px}.setting-line .video-close__icon[data-v-78f1d341]{position:absolute;top:-.5rem;right:-.5rem;font-size:1.5rem;background-color:#fff;border-radius:100%;color:#3663fe;display:none;cursor:pointer}.setting-line .is-info:hover .video-close__icon[data-v-78f1d341]{display:block!important}.record-box[data-v-98d4e14c]{min-height:500px;padding:2rem 4rem;box-sizing:border-box}.record-box .record-title[data-v-98d4e14c]{color:#3663fe;font-weight:700;font-size:20px}.record-box .record-line[data-v-98d4e14c]{font-size:.875rem;color:#333;padding:1.5rem 0;border-bottom:1px dashed hsla(0,0%,60%,.31)}.video-list__box{min-height:500px;position:relative}#real[data-v-eb8de856]{width:100%;min-height:750px;background-size:cover;border-radius:10px;overflow:hidden;background-color:rgba(0,0,0,.25);color:#fff;position:relative}#real .error[data-v-eb8de856]{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);text-align:center}.real-bottom img[data-v-eb8de856]{width:68px;height:68px;margin-left:1rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.real-bottom img[data-v-eb8de856]:active{opacity:.75}#real[data-v-36ceeab2],.real[data-v-36ceeab2]{flex:1;display:block;width:100%;min-height:640px;background-size:cover;border-radius:10px;overflow:hidden}.real[data-v-36ceeab2]{position:relative;background-color:rgba(0,0,0,.25);color:#fff;height:100%;cursor:pointer}.real .error[data-v-36ceeab2]{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);text-align:center}.real .progress-bar[data-v-36ceeab2]{position:absolute;bottom:0;left:0;width:100%;height:4rem;background-color:rgba(0,0,0,.5);display:flex;align-items:center;padding:0 1rem;box-sizing:border-box;transform:translateY(4rem);opacity:0;transition:all .25s ease}.real .progress-bar .bar-icon[data-v-36ceeab2]{width:2.5rem;height:2.5rem;cursor:pointer}.real .progress-bar .bar-line[data-v-36ceeab2]{margin:0 1rem;flex:1;height:.25rem;background-color:#fff;border-radius:.25rem}.real .progress-bar .bar-line[data-v-36ceeab2]:hover{height:.5rem}.real .progress-bar .bar-line .bar-active[data-v-36ceeab2]{height:100%;border-radius:.25rem;background-color:#3663fe}.real .progress-bar .bar-time[data-v-36ceeab2]{display:flex;align-items:center}.real:hover .progress-bar[data-v-36ceeab2]{opacity:1;transform:translateY(0)}.video-more[data-v-36ceeab2]{margin-left:1.5rem}.video-list[data-v-36ceeab2]{width:245px;flex-shrink:0;height:600px;overflow-y:scroll;padding:30px;box-sizing:border-box;box-shadow:0 0 20px #e1eaf8}.video-list .video-record[data-v-36ceeab2]{height:70px;padding-top:10px;box-sizing:border-box;margin-bottom:1rem}.video-list .video-record .record-info[data-v-36ceeab2]{display:flex;align-items:center;justify-content:center}.video-list .video-record .record-play[data-v-36ceeab2]{width:25px;height:25px;margin-right:.5rem}.video-list .video-record[data-v-36ceeab2]:last-child{margin-bottom:0}.video-list .video-record .record-date[data-v-36ceeab2]{display:flex;justify-content:center;margin-top:5px}.detail-title{width:7rem;flex-shrink:0;margin-right:2rem}