{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\itResources.vue?vue&type=style&index=0&id=40ad4d3f&scoped=true&lang=scss&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\itResources.vue","mtime":1700819125576},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '../../views/BigScreen/bigScreen.scss';\r\n.itResources{\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n position: relative;\r\n background: url('../../assets/img/bigScreen/bg.png') no-repeat center / 100% 100%;\r\n}\r\n.main-container{\r\n position: absolute;\r\n top: 150px;\r\n left: 410px;\r\n opacity: 1;\r\n width: calc(100% - 820px - 26px);\r\n height: calc(100% - 27.4% - 286px - 16px);\r\n display: flex;\r\n flex-wrap: wrap;\r\n z-index: 199;\r\n padding: 8px 13px;\r\n}\r\n\r\n.data-master{\r\n width: 100%;\r\n height: 33%;\r\n opacity: 1;\r\n display: flex;\r\n background: url('../../assets/img/bigScreen/base.png') no-repeat bottom / 100% 60%;\r\n}\r\n.data-set{\r\n width: 98.4%;\r\n height: 67%;\r\n opacity: 1;\r\n display: flex;\r\n flex-wrap: wrap;\r\n border-top:1px solid rgba(255, 255, 255, 0.2);\r\n border-left:1px solid rgba(255, 255, 255, 0.2);\r\n margin-left: 7.5px;\r\n}\r\n.data-master-container{\r\n width: 40%;\r\n height: 100%;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n margin-left: 85px;\r\n}\r\n.master-container-img{\r\n width: 130px;\r\n height: 93.56px;\r\n img{\r\n width: 100%;\r\n height: 100%;\r\n }\r\n}\r\n.master-container-title{\r\n width: 100px;\r\n height: 78px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n .count{\r\n width: 100%;\r\n height: 65%;\r\n font-size: 40px;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n text-align: center;\r\n } \r\n .name{\r\n width: 100%;\r\n height: 35%;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n opacity: 0.8;\r\n text-align: center;\r\n }\r\n}\r\n\r\n.master-container-data{\r\n width: 120px;\r\n height: 86px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n}\r\n.point{\r\n width: 16px;\r\n height: 16px;\r\n position: relative;\r\n .point-color{\r\n position: absolute;\r\n left: 0;\r\n width: 16px;\r\n height: 16px;\r\n border-radius:16px;\r\n opacity: 0.1;\r\n\r\n }\r\n .color{\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-top: -3px;\r\n margin-left: -3px;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 6px;\r\n }\r\n }\r\n.value{\r\n width: 95px;\r\n height: 18px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n margin-left: 8px;\r\n opacity: 0.8;\r\n }\r\n.blue{\r\n background-color: #00E6E6;\r\n}\r\n.yellow{\r\n background-color: #FFDA81;\r\n}\r\n.white{\r\n background-color: #CFE5E5 ;\r\n}\r\n\r\n.data-set-container{\r\n width: calc(33.3% - 190px - 1px);\r\n height: calc(50% - 86px - 1px);\r\n padding: 43px 95px;\r\n border-bottom:1px solid rgba(255, 255, 255, 0.2);\r\n border-right:1px solid rgba(255, 255, 255, 0.2);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n .data-set-img{\r\n width: 64px;\r\n height: 64px;\r\n img{\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n .data-set-content{\r\n width: 90px;\r\n height: 48px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n }\r\n}\r\n.set-name{\r\n width: 100%;\r\n height: 18px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n color: #FFFFFF;\r\n line-height: 18px;\r\n opacity: 0.8;\r\n }\r\n.set-value{\r\n width: 100%;\r\n height: 26px;\r\n font-size: 20px;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n line-height: 26px;\r\n\r\n }\r\n.bottom-sidebar{\r\n position: absolute;\r\n bottom: 60px;\r\n left: 424px;\r\n width: calc(100% - 848px);\r\n padding: 8px 16px;\r\n height:calc(29.4% - 16px);\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n background:rgba(#0d1825, 0.1);\r\n border-radius: 4px;\r\n opacity: 1;\r\n z-index: 99;\r\n backdrop-filter: blur(40px);\r\n -webkit-backdrop-filter: blur(40px); \r\n box-sizing: border-box;\r\n background: url('../../assets/img/bigScreen/decoration-bottom.png') no-repeat center / 100% 100%;\r\n}\r\n.sidebar-container{\r\n width: 100%;\r\n height: 33.3%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n.bottom-container{\r\n width: 47.5%;\r\n height: 100%;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-content:space-between ;\r\n}\r\n.bottom-section-header{\r\n width: 100%;\r\n height: 30px;\r\n font-weight: 700;\r\n color: #FFFFFF;\r\n line-height: 30px;\r\n background: url('../../assets/img/bigScreen/bottom-title.png') no-repeat center / 100% 100%;\r\n}\r\n.bottom-section-header span{\r\n margin-left: 32px;\r\n font-size: 14px;\r\n}\r\n.bottom-content{\r\n width: 100%;\r\n height: 14px;\r\n display: flex;\r\n justify-content: space-between;\r\n}\r\n.bottom-content-name{\r\nwidth: 51px;\r\nheight: 100%;\r\nfont-size: 14px;\r\nfont-weight: 400;\r\ncolor: #FFFFFF;\r\nline-height: 14px;\r\nopacity: 0.8;\r\noverflow: hidden;\r\ntext-overflow: ellipsis;\r\nwhite-space: nowrap;\r\n}\r\n.bottom-content-rate{\r\nopacity: 0.8;\r\nwidth: 376px;\r\nheight: 12px;\r\nborder-radius: 2px 2px 2px 2px;\r\nborder: 1px solid #656870;\r\ndisplay: flex;\r\nalign-items: center;\r\n\r\n}\r\n::v-deep .block{\r\nwidth: 0.5%;\r\nheight: 80%;\r\nmargin-left: 0.7%;\r\nbackground-color: #FD9854;\r\n}\r\n\r\n\r\n.bottom-content-value{\r\nopacity: 1;\r\nwidth: 50px;\r\nheight: 100%;\r\nfont-size: 14px;\r\nfont-weight: 400;\r\ncolor: #FD9854;\r\nline-height: 14px;\r\n}\r\n.icon1{\r\n animation: breath 2s linear infinite alternate;\r\n}\r\n.icon2{\r\n animation: breath 1.5s ease-in-out infinite alternate;\r\n}\r\n.icon3{\r\n animation: breath 2.4s ease-out infinite alternate;\r\n}\r\n@keyframes breath {\r\nfrom {\r\n transform:scale(1.2);\r\n}\r\nto {\r\n transform:scale(0.7);\r\n}\r\n}\r\n",null]}