.wrap{height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:scroll}.wrap .item{width:50%;text-align:left;margin-bottom:20px;white-space:nowrap}.wrap .item span{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap .item span:first-child{width:110px}.wrap .item span:first-child:before{content:"";display:inline-block;position:relative;top:4px;right:2px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE+UlEQVR4XuVbi1EUQRDtjkCJQIhAiECJQI1AiUCMQI1AjECIQIxAjECIQIhAiKCthzNXvb0ze/O9u62dKqusY25v+vXvTXcv08IXL1x+2igAIvKKiF4T0aH7B/zvieiaiG6J6IqIfjAzPtvI6g6AiDwlovdEdEpE+H/KOieiz8wMULqurgCICDT9nYj2C6SAFXxgZoDRbXUDQEReEtHPBif/ysywni6rCwBO8xA+ZPIPztfh934BLFjLk4iUb5j5sgcCvQCA8BBKLwj+iYjOY0FORN65Pc/Md+EOBz2CY3MAnPZ/GwHuEP2ZWWs9qFAXNKHtF2YD4sFZayvoAQC0/NEc9JiZkeKSlgMBGUC7xC9mtlaV9LypTT0AgPaQ7/26YWb4d9YSEWgb6dOve2bey3pIwuYeAEDT2nyLNCciI0tiZhYRECkNDLJEcYCcIwBwDR0kiyzMG8ccAUAc0LHgMiW4xrxhawCICNghNPkQEmDCBcAtniuB7moo88YBcBEe9FhrEWYNsrNKkxMAYI8GYF4uEBLMafOamY+8ZicAQHDU4F0xMz4rWtuwAJslVgdHlF8HQJGUE1+aHQABfoBr83IsQESa8IytpcGAANku4K7aj9/LodghT5ijC4AJ2iwwHyZYawEiYpkgeEBJxem/BbWOqut8tAEAvqjqj470uSgLsEwQRKi4ijxHC7AuACJ0XGrJcwTA1gmqiqazA6BU0ztzG2wQBMH6bMFlUUxw3gWRBhaAnK/zPtLgcrLA4mPAHAD4Y0x0UBWucQHXHWraMW6aBkXkGxGhvaVXSwBQDkOTpdjnrQU1A2Ci1DUgKhkWAM6P2qFdg9JZrUs0AWCiFX7BzAOLSAUAgrlmKZif7RpXVYE0aK0AsH6P3xgJ74SyVV19nj1r3g4EuJZecIGjmnK4f1g1AJEDjkrVrmsMQab6hBDsxF5vI+4VBDjXJVoAgFa4FQq9/FW0diB9yZgRGl1wAoWQJjMDVQBEZgEGmlkzLTKlMFjCaj4oYmnVMwO1AGB2B5rVC76pOzzRPsAacx1pWETwmQ6I1W5QC4CdBUCVVjc34Bp2WiTHTQcaFhH7e7fMfJDzwKY8IKH+Z4sXuWe1JCo4M5D70GZpUERs+ksmPamHNhY1Gr3Tf099ZksA7N3cBsBS/1+dcR0ARDTiDjlA1MaAyTbVFOtLPaQBYESPt20B6wAITYylyo59Ox8DJie5IjwhBwCbBSzgVV0hHKTWBXDRsTx9MBNY4QaYLN33dwM3WfLXoIfRerhF8aoFAF0aeygbCFG/AzGKzQHHDm+ZYMidBntKUKgCAD8YICf42N4FQIhgvqkgWOEBNFKuHr4eWEiJ8NUu4AAIjcWPihYuHiBm2BlgfXbMFJ8GboOhSlM1DW4CgAMhlO8xFX5iNeOKJ77DC42C3z++LhN6OSJyCYL2D3eiHuAAiHH+IAip5ioiGIkNTYjvVkXIgRC6GeJPCIDw6bWj8h4YF/Fh9qEIXx35m1HhgHnj/v42ouG1L0K56VF8P/aC1Q1mBHeyKqy0NwUCtvnX43R9H6kSwXRq1KW58M2CYMASaimwfeSFyw7N+gH+B6p5QCygubQHa9ATXanxz+9DtEda7PbqXDcAlEuALuPfVP63wIAPQOizlv4eQr87AAoI+DeiOnwd+V+/JgeBfWyomv/PNbGNAZB7sE3tXzwA/wBFcTxusrTk9QAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.wrap .item span:nth-child(2){width:50px;text-align:right}.wrap .item span:nth-child(3){text-indent:5px;width:60px}::-webkit-scrollbar{height:0;width:0;position:absolute}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#ccc;-webkit-box-shadow:inset 0 0 5px #fff;box-shadow:inset 0 0 5px #fff}.monitor-screen{height:100vh;background-color:#060931;color:#fff;font-size:16px}.monitor-screen .monitor-screen-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:70px;background:url(../img/top@3x.0011a1d.0011a1df.png) no-repeat;background-size:100% 100%}.monitor-screen .monitor-screen-header .header-left{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:6px 0 0 40px;text-align:left}.monitor-screen .monitor-screen-header .header-left .header-time{line-height:28px;font-size:20px;font-weight:600;color:#2bcaff;word-spacing:-6px}.monitor-screen .monitor-screen-header .header-left .header-data span{margin-right:8px}.monitor-screen .monitor-screen-header .header-center{height:100%;padding-top:10px;text-align:center;font-size:26px;font-weight:600;color:#92bcff}.monitor-screen .monitor-screen-header .header-right{height:100%;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:11px 40px 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.monitor-screen .monitor-screen-header .header-right span{cursor:pointer;width:100px;height:30px;line-height:30px;text-align:center;color:#0095ff;display:inline-block;border:1px solid #0095ff;border-radius:10px}.monitor-screen .monitor-screen-main{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 70px);-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px}.monitor-screen .monitor-screen-main .el-carousel{height:100%}.monitor-screen .monitor-screen-main .el-carousel .el-carousel__container{height:420px}.monitor-screen .monitor-screen-main .el-carousel ul{width:425px}.monitor-screen .monitor-screen-main .device-name{margin-bottom:15px}.monitor-screen .monitor-screen-main .item-title{color:#0095ff;margin-bottom:10px;height:35px;text-align:left;text-indent:22px;font-size:14px;font-weight:600;color:#ccf2ff;line-height:20px;background:url(../img/title_1@3x.3aa86f4.3aa86f4a.png) no-repeat;background-size:auto 100%}.monitor-screen .monitor-screen-main .main-left{-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor-screen .monitor-screen-main .main-left .left-top{height:33.33%;padding:20px 10px 0;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg_1@3x.b39608d.b39608d9.png) no-repeat;background-size:100% 100%;overflow:hidden}.monitor-screen .monitor-screen-main .main-left .left-top .el-carousel{height:100%}.monitor-screen .monitor-screen-main .main-left .left-top .el-carousel .el-carousel__container{height:180px}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item{width:50%;text-align:left;margin-bottom:10px}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item span{display:inline-block}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item span:first-child{width:120px}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item span:first-child:before{content:"";display:inline-block;position:relative;top:4px;right:2px;width:20px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE+UlEQVR4XuVbi1EUQRDtjkCJQIhAiECJQI1AiUCMQI1AjECIQIxAjECIQIhAiKCthzNXvb0ze/O9u62dKqusY25v+vXvTXcv08IXL1x+2igAIvKKiF4T0aH7B/zvieiaiG6J6IqIfjAzPtvI6g6AiDwlovdEdEpE+H/KOieiz8wMULqurgCICDT9nYj2C6SAFXxgZoDRbXUDQEReEtHPBif/ysywni6rCwBO8xA+ZPIPztfh934BLFjLk4iUb5j5sgcCvQCA8BBKLwj+iYjOY0FORN65Pc/Md+EOBz2CY3MAnPZ/GwHuEP2ZWWs9qFAXNKHtF2YD4sFZayvoAQC0/NEc9JiZkeKSlgMBGUC7xC9mtlaV9LypTT0AgPaQ7/26YWb4d9YSEWgb6dOve2bey3pIwuYeAEDT2nyLNCciI0tiZhYRECkNDLJEcYCcIwBwDR0kiyzMG8ccAUAc0LHgMiW4xrxhawCICNghNPkQEmDCBcAtniuB7moo88YBcBEe9FhrEWYNsrNKkxMAYI8GYF4uEBLMafOamY+8ZicAQHDU4F0xMz4rWtuwAJslVgdHlF8HQJGUE1+aHQABfoBr83IsQESa8IytpcGAANku4K7aj9/LodghT5ijC4AJ2iwwHyZYawEiYpkgeEBJxem/BbWOqut8tAEAvqjqj470uSgLsEwQRKi4ijxHC7AuACJ0XGrJcwTA1gmqiqazA6BU0ztzG2wQBMH6bMFlUUxw3gWRBhaAnK/zPtLgcrLA4mPAHAD4Y0x0UBWucQHXHWraMW6aBkXkGxGhvaVXSwBQDkOTpdjnrQU1A2Ci1DUgKhkWAM6P2qFdg9JZrUs0AWCiFX7BzAOLSAUAgrlmKZif7RpXVYE0aK0AsH6P3xgJ74SyVV19nj1r3g4EuJZecIGjmnK4f1g1AJEDjkrVrmsMQab6hBDsxF5vI+4VBDjXJVoAgFa4FQq9/FW0diB9yZgRGl1wAoWQJjMDVQBEZgEGmlkzLTKlMFjCaj4oYmnVMwO1AGB2B5rVC76pOzzRPsAacx1pWETwmQ6I1W5QC4CdBUCVVjc34Bp2WiTHTQcaFhH7e7fMfJDzwKY8IKH+Z4sXuWe1JCo4M5D70GZpUERs+ksmPamHNhY1Gr3Tf099ZksA7N3cBsBS/1+dcR0ARDTiDjlA1MaAyTbVFOtLPaQBYESPt20B6wAITYylyo59Ox8DJie5IjwhBwCbBSzgVV0hHKTWBXDRsTx9MBNY4QaYLN33dwM3WfLXoIfRerhF8aoFAF0aeygbCFG/AzGKzQHHDm+ZYMidBntKUKgCAD8YICf42N4FQIhgvqkgWOEBNFKuHr4eWEiJ8NUu4AAIjcWPihYuHiBm2BlgfXbMFJ8GboOhSlM1DW4CgAMhlO8xFX5iNeOKJ77DC42C3z++LhN6OSJyCYL2D3eiHuAAiHH+IAip5ioiGIkNTYjvVkXIgRC6GeJPCIDw6bWj8h4YF/Fh9qEIXx35m1HhgHnj/v42ouG1L0K56VF8P/aC1Q1mBHeyKqy0NwUCtvnX43R9H6kSwXRq1KW58M2CYMASaimwfeSFyw7N+gH+B6p5QCygubQHa9ATXanxz+9DtEda7PbqXDcAlEuALuPfVP63wIAPQOizlv4eQr87AAoI+DeiOnwd+V+/JgeBfWyomv/PNbGNAZB7sE3tXzwA/wBFcTxusrTk9QAAAABJRU5ErkJggg==) no-repeat;background-size:100% 100%}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item span:nth-child(2){width:40px;text-align:right}.monitor-screen .monitor-screen-main .main-left .left-top .left-top-meteorological .meteorological-item span:nth-child(3){text-indent:5px;width:60px}.monitor-screen .monitor-screen-main .main-left .left-bottom{height:calc(66.66% - 20px);padding:20px 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg_2@3x.e2a955f.e2a955f3.png) no-repeat;background-size:100% 100%;overflow:hidden}.monitor-screen .monitor-screen-main .main-mid{-webkit-box-flex:2;-ms-flex:2;flex:2;height:100%;margin:0 20px}.monitor-screen .monitor-screen-main .main-mid .hand{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor-screen .monitor-screen-main .main-mid .hand .el-select .el-input__inner{background-color:#060931;border-color:#0095ff;color:#fff}.monitor-screen .monitor-screen-main .main-mid .hand .el-button-group .el-button{border-color:transparent}.monitor-screen .monitor-screen-main .main-mid .video-list{height:calc(100% - 40px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.monitor-screen .monitor-screen-main .main-mid .video-list .el-carousel{height:100%;width:100%}.monitor-screen .monitor-screen-main .main-mid .video-list .el-carousel .el-carousel__container{height:100%;overflow:hidden;text-overflow:ellipsis}.monitor-screen .monitor-screen-main .main-mid .video-list .el-carousel ul{bottom:30px}.monitor-screen .monitor-screen-main .main-mid .video-list .video-item{-webkit-box-sizing:border-box;box-sizing:border-box}.monitor-screen .monitor-screen-main .main-mid .video-list .card-1{width:100%;height:100%}.monitor-screen .monitor-screen-main .main-mid .video-list .card-2{margin-top:15%;width:50%;height:50%}.monitor-screen .monitor-screen-main .main-mid .video-list .card-4{width:50%;height:50%}.monitor-screen .monitor-screen-main .main-mid .video-list .card-6{width:50%;height:33.33%}.monitor-screen .monitor-screen-main .main-right{-webkit-box-flex:1;-ms-flex:1;flex:1}.monitor-screen .monitor-screen-main .main-right .right-top{height:33.33%;padding:20px 10px 0;margin-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg_1@3x.b39608d.b39608d9.png) no-repeat;background-size:100% 100%;overflow:hidden}.monitor-screen .monitor-screen-main .main-right .right-top .el-carousel{height:100%}.monitor-screen .monitor-screen-main .main-right .right-top .el-carousel .el-carousel__container{height:180px;overflow:hidden;text-overflow:ellipsis}.monitor-screen .monitor-screen-main .main-right .right-top .el-carousel ul{width:425px}.monitor-screen .monitor-screen-main .main-right .right-bottom{height:calc(66.66% - 20px);padding:20px 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../img/bg_2@3x.e2a955f.e2a955f3.png) no-repeat;background-size:100% 100%;overflow:hidden}.monitor-screen .monitor-screen-main .video-content{width:100%;height:100%}.monitor-screen .monitor-screen-main .video-content video{-o-object-fit:cover;object-fit:cover}