{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsView.vue?vue&type=style&index=0&id=4d5a4a08&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsView.vue","mtime":1691331163946},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\reform-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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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 '@/assets/css/big-screen.scss';\r\n\r\n.screen-body {\r\n display: block;\r\n}\r\n\r\n.screen-body-col {\r\n width: 100%;\r\n\r\n .single-top-container {\r\n top: 13.5%;\r\n height: 65%;\r\n }\r\n\r\n .card-footing-img {\r\n position: absolute;\r\n right: 10%;\r\n bottom: 7%;\r\n\r\n img {\r\n width: 78PX;\r\n }\r\n }\r\n}\r\n\r\n.col-top {\r\n height: 56%;\r\n display: flex;\r\n align-items: flex-end;\r\n}\r\n\r\n.col-bottom {\r\n height: 44%;\r\n display: flex;\r\n}\r\n\r\n.item-bottom {\r\n flex: 1;\r\n width: 33%;\r\n height: 100%;\r\n position: relative;\r\n background: url('~@/assets/img/bigScreen/img_shi_k3@2x.png') no-repeat center / 100% 100%;\r\n\r\n .title {\r\n position: absolute;\r\n top: 4.8%;\r\n left: 5.5%;\r\n font-size: 18PX;\r\n font-weight: bold;\r\n font-family: Source Han Sans CN;\r\n font-style: italic;\r\n color: #fff;\r\n }\r\n}\r\n\r\n.item-bottom:nth-of-type(1) {\r\n margin-right: -8PX;\r\n}\r\n\r\n.item-bottom:nth-of-type(2) {\r\n margin: 0 -8PX;\r\n}\r\n\r\n.item-bottom:nth-of-type(3) {\r\n margin-left: -8PX;\r\n}\r\n\r\n.item-top {\r\n flex: 1;\r\n width: 33.33%;\r\n height: 100%;\r\n}\r\n\r\n.top-side {\r\n height: 100%;\r\n background: url('~@/assets/img/bigScreen/img_shi_k1@2x.png') no-repeat center / 100% 100%;\r\n position: relative;\r\n\r\n .title {\r\n position: absolute;\r\n top: 4.2%;\r\n left: 7%;\r\n font-size: 18PX;\r\n font-weight: bold;\r\n font-family: Source Han Sans CN;\r\n font-style: italic;\r\n color: #fff;\r\n }\r\n\r\n .more {\r\n right: 3.5%;\r\n }\r\n}\r\n\r\n.item-top:nth-of-type(2) {\r\n flex: 2;\r\n height: 100%;\r\n margin: 0 10PX;\r\n}\r\n\r\n.item-top:nth-of-type(3) {\r\n .content {\r\n width: 92.7%;\r\n position: absolute;\r\n top: 10.4%;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n padding: 31PX 17PX 0 17PX;\r\n height: 86%;\r\n\r\n .list {\r\n width: 100%;\r\n height: 86%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-around;\r\n\r\n .list-item {\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n\r\n .item-left {\r\n flex: 1;\r\n margin-right: 40PX;\r\n\r\n .item-left-top {\r\n width: 100%;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: bold;\r\n color: #ffffff;\r\n margin-bottom: 15PX;\r\n }\r\n\r\n .item-left-bottom {\r\n width: 100%;\r\n height: 35PX;\r\n display: flex;\r\n border: 2PX solid;\r\n column-gap: 6PX;\r\n padding: 5PX 6PX;\r\n\r\n div {\r\n flex: 1;\r\n height: 100%;\r\n }\r\n }\r\n }\r\n\r\n .item-right {\r\n width: 65PX;\r\n height: 65PX;\r\n }\r\n }\r\n }\r\n\r\n .card-footing-img {\r\n position: absolute;\r\n right: 7%;\r\n bottom: 5%;\r\n\r\n img {\r\n width: 78PX;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.more {\r\n cursor: pointer;\r\n position: absolute;\r\n right: 2.8%;\r\n top: 3%;\r\n text-align: center;\r\n width: 70PX;\r\n height: 30PX;\r\n line-height: 30PX;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n color: #b9ebff;\r\n background: url('~@/assets/img/bigScreen/more.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.icon-border {\r\n position: absolute;\r\n right: 2.8%;\r\n top: 6%;\r\n width: 78PX;\r\n height: 14PX;\r\n background: url('~@/assets/img/bigScreen/img_wk_zs2@2x.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.item-top {\r\n .item-center-top {\r\n height: calc(100% + 9PX);\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .item-center-bottom {\r\n height: 56PX;\r\n line-height: 56PX;\r\n width: calc(100% + 20PX);\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n margin: -10PX -10PX 0 -10PX;\r\n }\r\n\r\n .report-btn {\r\n cursor: pointer;\r\n flex: 1;\r\n width: 33.33%;\r\n height: 100%;\r\n font-size: 14PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n text-align: center;\r\n background: url('~@/assets/img/bigScreen/btn_1@2x.png') no-repeat center / 100% 100%;\r\n }\r\n\r\n .center-card {\r\n position: relative;\r\n flex: 1;\r\n height: 100%;\r\n background: url('~@/assets/img/bigScreen/img_shi_k2@2x.png') no-repeat center / 100% 100%;\r\n\r\n .card-content {\r\n position: absolute;\r\n width: 92.9%;\r\n height: 84%;\r\n left: 50%;\r\n top: 12.7%;\r\n transform: translateX(-50%);\r\n padding: 10PX 8PX;\r\n box-sizing: border-box;\r\n\r\n .card-content-top {\r\n display: flex;\r\n justify-content: space-between;\r\n column-gap: 15PX;\r\n width: 100%;\r\n height: 37%;\r\n\r\n .item-box {\r\n background-image: url('~@/assets/img/bigScreen/btn_shi_k2_1@2x.png');\r\n background-repeat: no-repeat;\r\n background-position: -6.5PX -8PX;\r\n background-size: 109% 112%;\r\n flex: 3;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n height: 100%;\r\n\r\n .item-box-top {\r\n display: flex;\r\n align-items: center;\r\n text-align: center;\r\n font-size: 17PX;\r\n font-family: SimHei;\r\n font-weight: 500;\r\n color: #b1e3ff;\r\n height: 65%;\r\n }\r\n\r\n .item-box-bottom {\r\n font-family: SimHei;\r\n\r\n span {\r\n font-size: 24PX;\r\n font-family: SimHei;\r\n font-weight: bold;\r\n margin-right: 6PX;\r\n }\r\n\r\n font-size: 20PX;\r\n }\r\n }\r\n }\r\n\r\n .sub-title {\r\n $position: 6%;\r\n margin: 20PX 0 10PX 0;\r\n font-size: 18PX;\r\n\r\n &::before,\r\n &::after {\r\n width: 15%;\r\n }\r\n\r\n &::before {\r\n left: $position;\r\n }\r\n\r\n &::after {\r\n right: $position;\r\n }\r\n }\r\n\r\n .pieChart {\r\n width: 100%;\r\n height: 50%;\r\n }\r\n\r\n .bottom-btn {\r\n min-width: 130PX;\r\n height: 32PX;\r\n cursor: pointer;\r\n text-align: center;\r\n line-height: 32PX;\r\n position: absolute;\r\n right: 4%;\r\n bottom: 4%;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n color: #ffffff;\r\n background-image: url('~@/assets/img/bigScreen/btn_shi_k2_2@2x.png');\r\n background-repeat: no-repeat;\r\n background-size: 100% 100%;\r\n background-position: 0 0;\r\n padding: 0 4PX;\r\n }\r\n }\r\n }\r\n\r\n .center-card:nth-of-type(1) {\r\n margin: -5PX -10PX -5PX -20PX;\r\n }\r\n\r\n .center-card:nth-of-type(2) {\r\n margin: -5PX -20PX -5PX -10PX;\r\n }\r\n\r\n .center-card .title {\r\n position: absolute;\r\n width: 100%;\r\n left: 50%;\r\n top: 5%;\r\n transform: translateX(-50%);\r\n text-align: center;\r\n font-size: 18PX;\r\n font-family: Source Han Sans CN;\r\n font-weight: bold;\r\n font-style: italic;\r\n }\r\n\r\n .center-card:after,\r\n .center-card:before {\r\n content: '';\r\n position: absolute;\r\n width: 60PX;\r\n height: 10PX;\r\n top: 6%;\r\n }\r\n\r\n .center-card:before {\r\n left: 4%;\r\n background: url('~@/assets/img/bigScreen/triangle-l.png') no-repeat center / 100% 100%;\r\n }\r\n\r\n .center-card:after {\r\n right: 4%;\r\n background: url('~@/assets/img/bigScreen/triangle-r.png') no-repeat center / 100% 100%;\r\n }\r\n}\r\n\r\n.tab-btns {\r\n position: absolute;\r\n right: 2.5%;\r\n top: 2.5%;\r\n display: flex;\r\n\r\n .tab-btn {\r\n margin: 0 4PX;\r\n cursor: pointer;\r\n text-align: center;\r\n width: 64PX;\r\n height: 30PX;\r\n line-height: 30PX;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: 500;\r\n color: #ffffff;\r\n text-shadow: 0PX 0PX 27PX #0b1f3e;\r\n background: url('~@/assets/img/bigScreen/tab_btn_b.png') no-repeat center / 100% 100%;\r\n }\r\n\r\n .active {\r\n background: url('~@/assets/img/bigScreen/tab_btn_g.png') no-repeat center / 100% 100% !important;\r\n }\r\n}\r\n\r\n.scroll-board-bottom {\r\n position: absolute;\r\n left: 4%;\r\n top: 14.5%;\r\n width: 92%;\r\n height: 78%;\r\n}\r\n\r\n.scroll-board-top {\r\n position: absolute;\r\n left: 6%;\r\n top: 12%;\r\n width: 88%;\r\n height: 72%;\r\n}\r\n\r\n.more-btn-group {\r\n width: 88%;\r\n height: 36PX;\r\n position: absolute;\r\n bottom: 6%;\r\n left: 6%;\r\n display: flex;\r\n\r\n .more-btn-inner {\r\n width: 50%;\r\n height: 36PX;\r\n text-align: center;\r\n line-height: 36PX;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n color: #62b4ff;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n\r\n .more-btn-inner::after {\r\n content: '';\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n position: absolute;\r\n background: linear-gradient(90deg,\r\n rgba(2, 115, 233, 0) 0%,\r\n #0273e9 50%,\r\n rgba(2, 115, 233, 0) 100%);\r\n opacity: 0.2;\r\n }\r\n}\r\n\r\n.more-btn {\r\n width: 88%;\r\n height: 36PX;\r\n position: absolute;\r\n bottom: 6%;\r\n left: 6%;\r\n text-align: center;\r\n line-height: 36PX;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n // color: #62b4ff;\r\n color: #B9EBFF;\r\n cursor: pointer;\r\n}\r\n\r\n.more-btn::after {\r\n content: '';\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n position: absolute;\r\n background: linear-gradient(90deg,\r\n rgba(2, 115, 233, 0) 0%,\r\n #0273e9 50%,\r\n rgba(2, 115, 233, 0) 100%);\r\n opacity: 0.2;\r\n}\r\n\r\n.reform-pilot-content {\r\n height: 80PX;\r\n width: 90%;\r\n margin: 6PX auto;\r\n}\r\n\r\n.result-section {\r\n .item-inner-left {\r\n .item-inner-bottom {\r\n width: 80PX !important;\r\n }\r\n }\r\n\r\n .item-inner-right {\r\n .item-inner-bottom {\r\n width: 80PX !important;\r\n }\r\n }\r\n\r\n .reform-pilot-item {\r\n box-shadow: 0 0 10PX 2PX rgba(#0273e9, 0.5) inset;\r\n }\r\n}\r\n\r\n.result-section-title {\r\n margin: 9.5% auto 0 auto;\r\n width: 90%;\r\n height: 30PX;\r\n height: 0PX;\r\n\r\n .result-section-title-item {\r\n flex: 1;\r\n text-align: center;\r\n height: 30PX;\r\n line-height: 30PX;\r\n position: relative;\r\n font-size: 14PX;\r\n font-family: SimHei;\r\n font-weight: 800;\r\n color: #e3fff1;\r\n }\r\n\r\n .result-section-title-item:after {\r\n content: '';\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: linear-gradient(0deg, #0273e9 0%, rgba(2, 115, 233, 0) 100%);\r\n opacity: 0.3;\r\n }\r\n\r\n .result-section-title-item:nth-of-type(2) {\r\n margin: 0 10PX;\r\n color: #fff7c2;\r\n }\r\n\r\n .result-section-title-item:nth-of-type(3) {\r\n color: #f5e3ff;\r\n }\r\n}\r\n\r\n.list-box {\r\n display: flex;\r\n width: 100%;\r\n // height: calc(100% - 170PX);\r\n height: calc(100% - 62PX);\r\n padding: 0 31.5PX;\r\n column-gap: 9.5PX;\r\n\r\n .box {\r\n // width: calc(100% / 3);\r\n width: 100%;\r\n\r\n .zd-scroll-table {\r\n height: calc(100% - 55PX);\r\n }\r\n\r\n .scroll-list {\r\n width: 100%;\r\n height: calc(100% - 40PX);\r\n overflow: hidden;\r\n\r\n .scroll-list-li {\r\n width: 100%;\r\n height: auto;\r\n padding: 6PX 8PX;\r\n margin-bottom: 4PX;\r\n white-space: wrap;\r\n\r\n &:nth-child(odd) {\r\n background: rgba(2, 115, 233, 0.25);\r\n }\r\n\r\n &:nth-child(even) {\r\n background: rgba(2, 115, 233, 0.1);\r\n }\r\n }\r\n }\r\n\r\n .more-button {\r\n height: 30PX;\r\n line-height: 30PX;\r\n text-align: center;\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n // color: #62b4ff;\r\n color: #B9EBFF;\r\n position: relative;\r\n cursor: pointer;\r\n\r\n &::before {\r\n content: '';\r\n width: 100%;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n position: absolute;\r\n background: linear-gradient(90deg,\r\n rgba(2, 115, 233, 0) 0%,\r\n #0273e9 50%,\r\n rgba(2, 115, 233, 0) 100%);\r\n opacity: 0.2;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.iteration-list {\r\n width: 94.5%;\r\n height: calc(40%);\r\n left: 50%;\r\n top: 57%;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n padding: 0 10PX;\r\n\r\n .scroll-list {\r\n width: 100%;\r\n height: 70%;\r\n overflow: hidden;\r\n\r\n .scroll-list-li {\r\n height: auto;\r\n padding: 6PX 46PX 6PX 35PX;\r\n margin-bottom: 4PX;\r\n position: relative;\r\n\r\n &::after {\r\n position: absolute;\r\n content: '';\r\n left: 20PX;\r\n transform: translateY(-50%);\r\n top: 50%;\r\n width: 6PX;\r\n height: 6PX;\r\n background: #ff9800;\r\n border-radius: 50%;\r\n }\r\n\r\n &::before {\r\n position: absolute;\r\n content: '';\r\n right: 20PX;\r\n background: url('~@/assets/img/bigScreen/icon_zs_list@2x.png') no-repeat;\r\n background-size: 100% 100%;\r\n transform: translateY(-50%);\r\n top: 50%;\r\n width: 20PX;\r\n height: 15PX;\r\n }\r\n\r\n &:nth-child(odd) {\r\n background: rgba(0, 255, 255, 0.05);\r\n }\r\n\r\n &:nth-child(even) {\r\n background: rgba(0, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.hr {\r\n width: 100%;\r\n height: 2PX;\r\n background-color: rgba(23, 144, 255, 0.1);\r\n margin: 4PX 0 8PX 0;\r\n position: relative;\r\n display: inline-block;\r\n\r\n &::after {\r\n position: absolute;\r\n content: '';\r\n left: 0;\r\n width: 15PX;\r\n height: 2PX;\r\n background-color: rgba(23, 144, 255, 1);\r\n }\r\n\r\n &::before {\r\n position: absolute;\r\n content: '';\r\n right: 0;\r\n width: 15PX;\r\n height: 2PX;\r\n background-color: rgba(23, 144, 255, 1);\r\n }\r\n}\r\n\r\n.brand-list {\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n top: 14%;\r\n width: 94.5%;\r\n padding: 0 10PX;\r\n height: 80%;\r\n}\r\n\r\n.batch-list {\r\n position: relative;\r\n position: absolute;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n top: 10%;\r\n width: 99%;\r\n padding: 0 10PX;\r\n height: 95%;\r\n display: flex;\r\n justify-content: space-between;\r\n\r\n .batch-item {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .batch-item-title {\r\n width: 100%;\r\n height: 40PX;\r\n line-height: 40PX;\r\n text-align: center;\r\n font-size: 16PX;\r\n background: linear-gradient(0deg, rgba(2, 115, 233, 0.3), rgba(2, 115, 233, 0));\r\n }\r\n\r\n .batch-list-table {\r\n height: calc(100% - 86PX);\r\n width: 100%;\r\n margin-top: 10PX;\r\n }\r\n\r\n .batch-item .sub-title {\r\n margin-top: 10PX;\r\n $position: 10%;\r\n\r\n &::before {\r\n left: $position;\r\n }\r\n\r\n &::after {\r\n right: $position;\r\n }\r\n }\r\n\r\n .more {\r\n position: relative;\r\n width: 100%;\r\n height: 40PX;\r\n line-height: 40PX;\r\n text-align: center;\r\n right: 0;\r\n // color: #62b4ff;\r\n color: #B9EBFF;\r\n }\r\n\r\n .scroll-batch {\r\n height: 100%;\r\n }\r\n}\r\n\r\n.big-screen-data-empty {\r\n font-size: 16PX;\r\n}\r\n\r\n// --------------5.4\r\n.heat-list-container {\r\n position: absolute;\r\n left: 6%;\r\n top: 12%;\r\n width: 88%;\r\n height: 82%;\r\n}\r\n\r\n.heat-list-top {\r\n width: 100%;\r\n height: 100%;\r\n margin-top: 2%;\r\n\r\n .sub-title::before {\r\n width: 40PX;\r\n left: 24%;\r\n }\r\n\r\n .sub-title::after {\r\n width: 40PX;\r\n right: 24%;\r\n }\r\n}\r\n\r\n#heat-bar-chart {\r\n width: 100%;\r\n height: 40%;\r\n margin-top: 2%;\r\n}\r\n\r\n#heat-table {\r\n position: relative;\r\n width: 100%;\r\n height: calc(100% - 55PX);\r\n overflow-y: hidden;\r\n\r\n .scroll-heat {\r\n height: 100%;\r\n }\r\n}\r\n\r\n.heat-more.more-btn {\r\n bottom: 0%;\r\n}\r\n\r\n.heat-list-content {\r\n margin-top: 2%;\r\n height: 92%;\r\n}\r\n\r\n.heat-section.tab-btns {\r\n right: 3% !important;\r\n top: 2.5% !important;\r\n\r\n .tab-btn-more {\r\n width: 120PX;\r\n background: url('~@/assets/img/bigScreen/tab_btn_l.png') no-repeat center / 100% 100%;\r\n }\r\n}\r\n\r\n.title-tip {\r\n cursor: pointer;\r\n margin-left: 8PX;\r\n color: #e58307;\r\n font-size: 16PX;\r\n}\r\n\r\n.title-tip-content {\r\n width: 300PX;\r\n\r\n .title {\r\n text-align: center;\r\n }\r\n\r\n p {\r\n text-align: justify;\r\n }\r\n}\r\n\r\n.item-bottom.item3 {\r\n margin-left: 8PX;\r\n margin-right: 16PX;\r\n background: none;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n .item-bottom-wraper {\r\n width: 48.6%;\r\n height: 92%;\r\n position: relative;\r\n background: url('~@/assets/img/bigScreen/border-bg-sm.png') no-repeat center / 100% 100%;\r\n\r\n .title {\r\n top: 1.4%;\r\n }\r\n }\r\n}\r\n\r\n// --------------5.4\r\n.scroll-news {\r\n .scroll-table-body {\r\n height: 100% !important;\r\n }\r\n\r\n .scroll-table-column {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n }\r\n\r\n .board-content-item-text {\r\n cursor: pointer;\r\n position: relative;\r\n margin-left: 20PX;\r\n width: 96%;\r\n height: 34PX;\r\n line-height: 34PX;\r\n font-size: 14PX;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n color: #D7F1FF;\r\n text-align: left;\r\n }\r\n\r\n .board-content-item-text i.icon {\r\n position: absolute;\r\n width: 12PX;\r\n height: 12PX;\r\n left: -20PX;\r\n top: 11PX;\r\n background: url('~@/assets/img/bigScreen/icon_dian@2x.png') no-repeat center / 100% 100%;\r\n }\r\n\r\n .board-content-item-text span.dt-text {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n\r\n span {\r\n font-size: 16PX;\r\n font-family: SimHei;\r\n }\r\n\r\n .ellipsis {\r\n width: calc(100% - 120PX);\r\n }\r\n\r\n .time {\r\n width: 110PX;\r\n }\r\n\r\n .el-icon-timer {\r\n font-size: 16PX;\r\n margin-right: 4PX;\r\n color: #00ffff;\r\n }\r\n }\r\n}\r\n",null]}