{"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=859b8e24&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsView.vue","mtime":1683402090021},{"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\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 /\r\n 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 /\r\n 100% 100%;\r\n position: relative;\r\n\r\n .title {\r\n position: absolute;\r\n top: 4.8%;\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: 14px;\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%\r\n 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 /\r\n 100% 100%;\r\n}\r\n\r\n.item-top {\r\n .item-center-top {\r\n height: calc(100% - 56px);\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 /\r\n 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\r\n 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 -6px;\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: 15px;\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 span {\r\n font-size: 20px;\r\n font-family: SimHei;\r\n font-weight: 800;\r\n margin-right: 4px;\r\n }\r\n\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n\r\n .sub-title {\r\n $position: 8%;\r\n margin: 20px 0 10px 0;\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: 12px;\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.8%;\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 /\r\n 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 /\r\n 100% 100%;\r\n }\r\n}\r\n\r\n.tab-btns {\r\n position: absolute;\r\n right: 2.5%;\r\n top: 3%;\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: 12px;\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 /\r\n 100% 100%;\r\n }\r\n\r\n .active {\r\n background: url('~@/assets/img/bigScreen/tab_btn_g.png') no-repeat center /\r\n 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: 11%;\r\n width: 88%;\r\n height: 72%;\r\n}\r\n\r\n.more-btn {\r\n width: 88%;\r\n height: 36px;\r\n position: absolute;\r\n bottom: 8%;\r\n left: 6%;\r\n text-align: center;\r\n line-height: 36px;\r\n font-size: 14px;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n color: #62b4ff;\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(\r\n 90deg,\r\n rgba(2, 115, 233, 0) 0%,\r\n #0273e9 50%,\r\n rgba(2, 115, 233, 0) 100%\r\n );\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-right {\r\n .item-inner-bottom {\r\n width: 60px !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\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% - 200px);\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\r\n .scroll-list {\r\n width: 100%;\r\n height: calc(100% - 65px);\r\n overflow: hidden;\r\n margin-bottom: 8px;\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: 14px;\r\n font-family: SimHei;\r\n font-weight: 400;\r\n color: #62b4ff;\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(\r\n 90deg,\r\n rgba(2, 115, 233, 0) 0%,\r\n #0273e9 50%,\r\n rgba(2, 115, 233, 0) 100%\r\n );\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: 18%;\r\n width: 94.5%;\r\n padding: 0 10px;\r\n height: 72%;\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.heat-list-top {\r\n width: 100%;\r\n height: 100%;\r\n margin-top: 2%;\r\n .sub-title::before {\r\n width: 40px;\r\n left: 24%;\r\n }\r\n .sub-title::after {\r\n width: 40px;\r\n right: 24%;\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#heat-table {\r\n position: relative;\r\n width: 100%;\r\n height: calc(56% - 55px);\r\n overflow-y: hidden;\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.heat-section.tab-btns {\r\n right: 3% !important;\r\n top: 2.5% !important;\r\n .tab-btn-more {\r\n width: 120px;\r\n background: url('~@/assets/img/bigScreen/tab_btn_l.png') no-repeat center /\r\n 100% 100%;\r\n }\r\n}\r\n// --------------5.4\r\n",null]}