{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\DistrictReformView.vue?vue&type=style&index=0&id=0d90682c&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\DistrictReformView.vue","mtime":1689935132528},{"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\r\n@import '@/assets/css/big-screen.scss';\r\n\r\n.title-tip {\r\n    cursor: pointer;\r\n    margin-left: 8PX;\r\n    color: #e58307;\r\n}\r\n\r\n.title-tip-content {\r\n    width: 360PX;\r\n    font-size: 18PX;\r\n    line-height: 140%;\r\n}\r\n\r\n.color-dark {\r\n    color: #d8dddd;\r\n}\r\n\r\n.quarter-selection {\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: 100PX;\r\n    height: auto;\r\n\r\n    /deep/.el-input__inner {\r\n        background-color: transparent;\r\n        color: #fff;\r\n        border-color: #0271e5;\r\n    }\r\n}\r\n\r\n.screen-body-col {\r\n    width: 100%;\r\n}\r\n\r\n.col-center {\r\n    width: 660PX;\r\n    margin: 0 0PX;\r\n    height: 100%;\r\n\r\n    .item-top {\r\n        width: 100%;\r\n        height: 520PX;\r\n        // overflow: hidden;\r\n        position: relative;\r\n        z-index: 2;\r\n\r\n        #cq-contianer {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: 3;\r\n        }\r\n\r\n        #main9-contianer {\r\n            position: absolute;\r\n            width: 180PX;\r\n            height: 200PX;\r\n            top: 10%;\r\n            left: 14%;\r\n            z-index: 4;\r\n\r\n            .ljxq {\r\n                z-index: 990;\r\n                background: url(\"~@/assets/img/bigScreen/ljxq1.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 75PX;\r\n                height: 26PX;\r\n                display: inline-block;\r\n                position: absolute;\r\n                top: 66PX;\r\n                left: -40%;\r\n\r\n                &::before {\r\n                    position: absolute;\r\n                    content: '';\r\n                    left: 8PX;\r\n                    top: 11PX;\r\n                    width: 8PX;\r\n                    height: 8PX;\r\n                    border-radius: 50%;\r\n                    -webkit-border-radius: 50%;\r\n                    -moz-border-radius: 50%;\r\n                    -ms-border-radius: 50%;\r\n                    -o-border-radius: 50%;\r\n                }\r\n            }\r\n\r\n            .ljxq::after {\r\n                z-index: 990;\r\n                content: \"\";\r\n                display: inline-block;\r\n                width: 85PX;\r\n                height: 1PX;\r\n                background-image: linear-gradient(to right, white 0%, white 50%, transparent 50%);\r\n                background-size: 8PX 1PX;\r\n                background-repeat: repeat-x;\r\n                position: absolute;\r\n                left: 75PX;\r\n                top: 14PX;\r\n            }\r\n\r\n            .gxq {\r\n                z-index: 999;\r\n                background: url(\"~@/assets/img/bigScreen/gxq1.png\") no-repeat;\r\n                background-size: 100%;\r\n                width: 75PX;\r\n                height: 26PX;\r\n                display: inline-block;\r\n                position: absolute;\r\n                top: 100PX;\r\n                left: -40%;\r\n\r\n                &::before {\r\n                    position: absolute;\r\n                    content: '';\r\n                    left: 8PX;\r\n                    top: 11PX;\r\n                    width: 8PX;\r\n                    height: 8PX;\r\n                    border-radius: 50%;\r\n                    -webkit-border-radius: 50%;\r\n                    -moz-border-radius: 50%;\r\n                    -ms-border-radius: 50%;\r\n                    -o-border-radius: 50%;\r\n                }\r\n            }\r\n\r\n            .gxq::after {\r\n                z-index: 999;\r\n                content: \"\";\r\n                display: inline-block;\r\n                width: 40PX;\r\n                height: 1PX;\r\n                background-image: linear-gradient(to right, white 0%, white 50%, transparent 50%);\r\n                background-size: 8PX 1PX;\r\n                background-repeat: repeat-x;\r\n                position: absolute;\r\n                left: 75PX;\r\n                top: 14PX;\r\n            }\r\n\r\n            .grade-A {\r\n                &::before {\r\n                    background-color: #398C8F;\r\n                }\r\n            }\r\n\r\n            .grade-B {\r\n                &::before {\r\n                    background-color: #1970C1;\r\n                }\r\n            }\r\n\r\n            .grade-C {\r\n                &::before {\r\n                    background-color: #A3A355;\r\n                }\r\n            }\r\n\r\n            .grade-D {\r\n                &::before {\r\n                    background-color: #B0825C;\r\n                }\r\n            }\r\n\r\n            .grade-E {\r\n                &::before {\r\n                    background-color: #9B4E55;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .item-bottom {\r\n        width: 100%;\r\n        margin-top: 18PX;\r\n        height: calc(100% - 540PX);\r\n        position: relative;\r\n        z-index: 2;\r\n        background: url('~@/assets/img/bigScreen/img_quxian_k4@2x.png') no-repeat center / 100% 100%;\r\n\r\n        .title {\r\n            position: absolute;\r\n            top: 4.8%;\r\n            left: 4%;\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\r\n.col-side {\r\n    width: 630PX;\r\n    height: 100%;\r\n\r\n    .item-top {\r\n        width: 100%;\r\n        // height: calc(32% + 40PX);\r\n        // height: 40%;\r\n        height: 45%;\r\n        // margin-top: -40PX;\r\n        position: relative;\r\n        background: url('~@/assets/img/bigScreen/img_quxian_k1@2x.png') no-repeat center / 100% 100%;\r\n\r\n        .title {\r\n            top: 6.8%;\r\n            left: 7%;\r\n        }\r\n    }\r\n\r\n    .item-bottom {\r\n        width: 100%;\r\n        height: calc(55% + 10PX);\r\n        margin-top: -10PX;\r\n        position: relative;\r\n        background: url('~@/assets/img/bigScreen/img_quxian_k2@2x.png') no-repeat center / 100% 100%;\r\n\r\n        .title {\r\n            top: 3.2%;\r\n            left: 7%;\r\n        }\r\n    }\r\n}\r\n\r\n.icon-border {\r\n    position: absolute;\r\n    right: 2%;\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.left-bottom {\r\n    .icon-border {\r\n        right: 3.3%;\r\n        top: 4%;\r\n    }\r\n\r\n}\r\n\r\n.right-bottom,\r\n.left-bottom {\r\n    .more {\r\n        right: 3.6%;\r\n        top: 1.8%;\r\n    }\r\n}\r\n\r\n.right-top {\r\n    background: url('~@/assets/img/bigScreen/img_quxian_k3@2x.png') no-repeat center / 100% 100% !important;\r\n\r\n}\r\n\r\n.more {\r\n    cursor: pointer;\r\n    position: absolute;\r\n    right: 3.9%;\r\n    top: 4.8%;\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% 100%;\r\n}\r\n\r\n.title {\r\n    position: absolute;\r\n    top: 4.8%;\r\n    left: 4%;\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.tab-btns {\r\n    position: absolute;\r\n    right: 2.6%;\r\n    top: 4.8%;\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 / 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-top {\r\n    position: absolute;\r\n    left: 6%;\r\n    top: 19.5%;\r\n    width: 88%;\r\n    height: 70%;\r\n}\r\n\r\n.scroll-board-top.zh {\r\n    top: 10.5%;\r\n    height: 76%;\r\n}\r\n\r\n.scroll-board-bottom {\r\n    position: absolute;\r\n    left: 6%;\r\n    top: 10.5%;\r\n    width: 88%;\r\n    height: 46%;\r\n}\r\n\r\n.scroll-heat {\r\n    position: absolute;\r\n    left: 0%;\r\n    top: 0%;\r\n    width: 100%;\r\n    height: 88%;\r\n}\r\n\r\n.more-btn.zh {\r\n    bottom: 4.5%;\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(90deg, rgba(2, 115, 233, 0) 0%, #0273E9 50%, rgba(2, 115, 233, 0) 100%);\r\n    opacity: 0.2;\r\n}\r\n\r\n.center-map-btn {\r\n    width: 100%;\r\n    padding: 0 20PX;\r\n    margin-top: 6PX;\r\n    height: 70PX;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    overflow: hidden;\r\n\r\n    .btn-composite {\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 112PX;\r\n        height: 64PX;\r\n        line-height: 20PX;\r\n        text-align: center;\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n        font-weight: bold;\r\n        color: #16CCFD;\r\n        background: url('~@/assets/img/bigScreen/btn_zh_d@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .btn-composite.active {\r\n        color: #FFAF4D;\r\n        background: url('~@/assets/img/bigScreen/btn_zh_s@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .btn-index-group {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n    }\r\n\r\n    .btn-index-item {\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        width: 112PX;\r\n        height: 64PX;\r\n        line-height: 16PX;\r\n        text-align: center;\r\n        font-size: 14PX;\r\n        font-family: SimHei;\r\n        font-weight: 500;\r\n        color: #FFFFFF;\r\n        background: url('~@/assets/img/bigScreen/btn_title_d@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .btn-index-item.active {\r\n        background: url('~@/assets/img/bigScreen/btn_title_s@2x.png') no-repeat center / 100% 100% !important;\r\n    }\r\n}\r\n\r\n.trends-board-container {\r\n    position: absolute;\r\n    right: 3.2%;\r\n    bottom: 1.5%;\r\n    width: 200PX;\r\n    height: 120PX;\r\n    background: url('~@/assets/img/bigScreen/img_map_dt@2x.png') no-repeat center / 100% 100%;\r\n\r\n    .board-title {\r\n        font-size: 14PX;\r\n        font-family: SimHei;\r\n        font-weight: 800;\r\n        color: #FFFFFF;\r\n        text-shadow: 0PX 0PX 16PX #266BF2;\r\n        font-style: normal;\r\n        text-align: center;\r\n        margin-top: -10PX;\r\n        width: 100%;\r\n    }\r\n\r\n    .trends-board-content {\r\n        width: 100%;\r\n        margin-top: 2%;\r\n        height: 86%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .board-content-item-btn {\r\n        cursor: pointer;\r\n        position: relative;\r\n        margin-left: 20PX;\r\n        width: 146PX;\r\n        height: 32PX;\r\n        line-height: 32PX;\r\n        font-size: 12PX;\r\n        font-family: SimHei;\r\n        font-weight: 400;\r\n        color: #FFFFFF;\r\n        text-align: center;\r\n        background: url('~@/assets/img/bigScreen/btn_map_bg@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .board-content-item-btn:before {\r\n        content: '';\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_jiantou@2x.png') no-repeat center / 100% 100%;\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: 146PX;\r\n        height: 34PX;\r\n        line-height: 34PX;\r\n        font-size: 12PX;\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 {\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 {\r\n        display: inline-block;\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n.trends-board-container.top {\r\n    top: 20%;\r\n\r\n    .trends-board-content {\r\n        height: calc(88% - 28PX);\r\n        margin-top: 0%;\r\n    }\r\n\r\n    .more-btn {\r\n        height: 28PX;\r\n        line-height: 28PX;\r\n        bottom: 0;\r\n    }\r\n}\r\n\r\n.trends-board-container.bottom {\r\n    height: 160PX !important;\r\n}\r\n\r\n.map-sign {\r\n    position: absolute;\r\n    right: 13%;\r\n    bottom: 2%;\r\n    width: 30PX;\r\n    z-index: 998;\r\n\r\n    .map-sign-icon-color {\r\n        text-align: center;\r\n        font-family: SimHei;\r\n        font-size: 16PX;\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        height: 22PX;\r\n        line-height: 22PX;\r\n        margin-top: 6PX;\r\n        background-color: #398C8F;\r\n        border-radius: 10PX;\r\n    }\r\n\r\n    .map-sign-icon-color.color2 {\r\n        background-color: #1970C1;\r\n    }\r\n\r\n    .map-sign-icon-color.color3 {\r\n        background-color: #A3A355;\r\n    }\r\n\r\n    .map-sign-icon-color.color4 {\r\n        background-color: #B0825C;\r\n    }\r\n\r\n    .map-sign-icon-color.color5 {\r\n        background-color: #9B4E55;\r\n    }\r\n\r\n    .map-sign-icon {\r\n        text-align: center;\r\n        font-family: SimHei;\r\n        font-weight: 400;\r\n        color: #FFFFFF;\r\n        width: 100%;\r\n        height: 28PX;\r\n        line-height: 28PX;\r\n        margin-top: 10PX;\r\n    }\r\n\r\n    .map-sign-icon.you {\r\n        background: url('~@/assets/img/bigScreen/btn57.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .map-sign-icon.liang {\r\n        background: url('~@/assets/img/bigScreen/btn58.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .map-sign-icon.yi {\r\n        background: url('~@/assets/img/bigScreen/btn59.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .map-sign-icon.cha {\r\n        background: url('~@/assets/img/bigScreen/btn60.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .map-tooltips-color {\r\n        display: none;\r\n        position: absolute;\r\n        left: 50PX;\r\n        bottom: 0;\r\n        width: 35vw;\r\n        height: auto;\r\n        background: #062f6b;\r\n        border: 1PX solid rgba(2, 115, 233, 1);\r\n        z-index: 999;\r\n        border-radius: 6PX;\r\n        padding: 10PX;\r\n        letter-spacing: 2PX;\r\n        line-height: 140%;\r\n        text-align: justify;\r\n\r\n        .map-tooltips-title {\r\n            text-align: center;\r\n            font-size: 16PX;\r\n            margin-bottom: 6PX;\r\n        }\r\n    }\r\n}\r\n\r\n.map-sign:hover {\r\n    .map-tooltips-color {\r\n        display: block;\r\n    }\r\n}\r\n\r\n.swiper-container {\r\n    position: absolute;\r\n    right: 0%;\r\n    bottom: 0%;\r\n    width: 70PX;\r\n    height: 190PX;\r\n    z-index: 999;\r\n    overflow: hidden;\r\n\r\n    .swiper-slide-active {\r\n        font-size: 16PX;\r\n        font-weight: bold;\r\n        color: #fff !important;\r\n    }\r\n\r\n    .swiper-slide-prev,\r\n    .swiper-slide-next {\r\n        color: #6d8bb6 !important;\r\n    }\r\n\r\n    /deep/ .swiper-wrapper {\r\n        flex-direction: column;\r\n        // height: 28PX!important;\r\n    }\r\n\r\n    .swiper-slide {\r\n        text-align: center;\r\n        color: #4c6281;\r\n        width: 100%;\r\n        height: 28PX !important;\r\n        margin-bottom: 10PX;\r\n        font-size: 14PX;\r\n    }\r\n}\r\n\r\n#reform-brand {\r\n    position: absolute;\r\n    left: 6%;\r\n    top: 60%;\r\n    width: 88%;\r\n    height: 34%;\r\n}\r\n\r\n.heat-list-container {\r\n    position: absolute;\r\n    left: 4%;\r\n    top: 10%;\r\n    width: 92%;\r\n    height: 85%;\r\n\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\r\n#heat-bar-chart {\r\n    width: 100%;\r\n    height: 45%;\r\n    margin-top: 2%;\r\n}\r\n\r\n#heat-table {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 43%;\r\n}\r\n\r\n.heat-more.more-btn {\r\n    bottom: 0%;\r\n}\r\n\r\n.heat-list-bottom {\r\n    width: 100%;\r\n    height: 50%;\r\n\r\n    .sub-title::before {\r\n        width: 60PX;\r\n        left: 22%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        width: 60PX;\r\n        right: 22%;\r\n    }\r\n}\r\n\r\n.heat-list-content {\r\n    margin-top: 2%;\r\n    height: 92%;\r\n}\r\n\r\n.push-on-full:nth-of-type(3) .push-on-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.push-on-item-inner {\r\n    width: 110PX;\r\n    height: 88PX;\r\n    margin: 10PX 0;\r\n    flex-direction: column;\r\n}\r\n\r\n.push-on-item-inner.branch {\r\n    cursor: pointer;\r\n}\r\n\r\n.push-on-text {\r\n    font-size: 16PX;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #FFFFFF;\r\n\r\n    em {\r\n        font-style: normal;\r\n        font-size: 18PX;\r\n        font-weight: bold;\r\n        margin-right: 4PX;\r\n    }\r\n}\r\n\r\n.push-on-item-g {\r\n    background: url('~@/assets/img/bigScreen/1@2x.png') no-repeat center / 100% 100%;\r\n\r\n    .push-on-item-inner {\r\n        background: url('~@/assets/img/bigScreen/green-block@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .push-on-text em {\r\n        color: #96FFCA;\r\n    }\r\n}\r\n\r\n.push-on-item-y {\r\n    background: url('~@/assets/img/bigScreen/2@2x.png') no-repeat center / 100% 100%;\r\n\r\n    .push-on-item-inner {\r\n        background: url('~@/assets/img/bigScreen/yellow-block@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .push-on-text em {\r\n        color: #FFCE86;\r\n    }\r\n}\r\n\r\n.push-on-item-b {\r\n    background: url('~@/assets/img/bigScreen/3@2x.png') no-repeat center / 100% 100%;\r\n\r\n    .push-on-item-inner {\r\n        background: url('~@/assets/img/bigScreen/blue-block@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .push-on-text em {\r\n        color: #fff;\r\n    }\r\n}\r\n\r\n.push-on-item-g .push-on-item:after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 54PX;\r\n    height: 8PX;\r\n    left: 83.5%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: url('~@/assets/img/bigScreen/img_iindu_jt1@2x.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.push-on-item-b .push-on-item:after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 54PX;\r\n    height: 88PX;\r\n    right: 83%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: url('~@/assets/img/bigScreen/img_iindu_jt2@2x.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.push-on-item {\r\n    width: 100%;\r\n    height: 80%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: relative;\r\n}\r\n\r\n.push-on-full {\r\n    flex: 1;\r\n    height: 100%;\r\n}\r\n\r\n.heat-ray {\r\n    width: 45%;\r\n    height: 100%;\r\n    padding-top: 20PX;\r\n\r\n    .sub-title::before {\r\n        left: 10%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 10%;\r\n    }\r\n}\r\n\r\n.heat-bar {\r\n    width: 55%;\r\n    height: 100%;\r\n    padding-top: 20PX;\r\n\r\n    .sub-title::before {\r\n        left: 8%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 8%;\r\n    }\r\n}\r\n\r\n#heat-ray-chart {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.reform-top-item {\r\n    flex: 1.3;\r\n    height: 100%;\r\n    position: relative;\r\n}\r\n\r\n.top-item-1 {\r\n    flex: 1.2;\r\n}\r\n\r\n.top-item-1 {\r\n    .sub-title::before {\r\n        left: 8%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 8%;\r\n    }\r\n}\r\n\r\n.top-item-2 {\r\n    flex: 1.3;\r\n\r\n    .sub-title::before {\r\n        left: 15%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 15%;\r\n    }\r\n}\r\n\r\n.top-item-3 {\r\n    .sub-title::before {\r\n        left: 2%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 2%;\r\n    }\r\n}\r\n\r\n.reform-top-item-sub {\r\n    width: 100%;\r\n    height: 50%;\r\n}\r\n\r\n.reform-top-item-sub:nth-of-type(2) {\r\n    margin-top: 3%;\r\n}\r\n\r\n.reform-top-item-content {\r\n    width: 100%;\r\n    height: 80%;\r\n}\r\n\r\n.reform-block-full {\r\n    cursor: pointer;\r\n    width: 80PX;\r\n    height: 57PX;\r\n    text-align: center;\r\n    border: 1PX solid #0273E9;\r\n    background: rgba(#0273E9, 0.3);\r\n    font-size: 14PX;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #D7F1FF;\r\n\r\n    em {\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n        font-weight: bold;\r\n        color: #FFFFFF;\r\n        font-style: normal;\r\n        margin-right: 4PX;\r\n    }\r\n}\r\n\r\n.reform-block-branch {\r\n    height: 57PX;\r\n    position: relative;\r\n}\r\n\r\n.reform-block-branch::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: 34PX;\r\n    height: 34PX;\r\n    right: 100%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    background: url('~@/assets/img/bigScreen/img_iindu_jt@2x.png') no-repeat center / 100% 100%;\r\n}\r\n\r\n.reform-block-branch-item {\r\n    // cursor: pointer;\r\n    padding: 1PX 8PX;\r\n    font-size: 13PX;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #D7F1FF;\r\n    border: 1PX dashed #0273E9;\r\n    background: rgba(#0273E9, 0.3);\r\n\r\n    em {\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n        font-weight: bold;\r\n        color: #FFFFFF;\r\n        font-style: normal;\r\n        margin: 0 4PX;\r\n    }\r\n}\r\n\r\n#reform-ray-chart {\r\n    height: 90%;\r\n    width: 100%;\r\n}\r\n\r\n#deploymentTime {\r\n    margin-top: 2%;\r\n    height: 98%;\r\n    width: 96%;\r\n    margin-left: 2%;\r\n}\r\n\r\n#deploymentTimeEmpty {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n\r\n#hope-container {\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n\r\n.heat-list-top {\r\n    .sub-title::before {\r\n        left: 30%;\r\n    }\r\n\r\n    .sub-title::after {\r\n        right: 30%;\r\n    }\r\n}\r\n\r\n.map-dialog {\r\n    position: absolute;\r\n    z-index: 9;\r\n    width: 186PX;\r\n    height: 140PX;\r\n    font-size: 16PX;\r\n    font-family: SimHei;\r\n    font-weight: 400;\r\n    color: #D7F1FF;\r\n    padding: 22PX;\r\n    box-sizing: border-box;\r\n    background: url('~@/assets/img/bigScreen/map-log-bg@2x.png') no-repeat center / 100% 100%;\r\n    // background-color: rgba(#0273E9, 0.3);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: space-between;\r\n\r\n    div em {\r\n        font-style: normal;\r\n        color: #62B4FF;\r\n        font-weight: bold;\r\n        margin: 0 2PX;\r\n    }\r\n}\r\n\r\n.close-btn {\r\n    position: absolute;\r\n    right: 10PX;\r\n    top: 10PX;\r\n    width: 14PX;\r\n    height: 14PX;\r\n    cursor: pointer;\r\n}\r\n\r\n.heat-section.tab-btns {\r\n    right: 3% !important;\r\n    top: 1.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.heat-list-container {\r\n    .reform-top {\r\n        width: 100%;\r\n        height: calc(100% - 190PX);\r\n        margin-top: 20PX;\r\n    }\r\n\r\n    .reform-bottom {\r\n        width: 100%;\r\n        height: 140PX;\r\n        margin-top: 30PX;\r\n    }\r\n}\r\n\r\n.btn-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: -22PX;\r\n    z-index: 100;\r\n\r\n    span {\r\n        font-size: 18PX;\r\n        border-left: 1PX solid #76a7df;\r\n        border-right: 1PX solid #76a7df;\r\n        padding: 0 16PX;\r\n        color: #d8dddd;\r\n        cursor: pointer;\r\n    }\r\n\r\n    span:nth-child(2) {\r\n        margin: 0 8PX;\r\n    }\r\n\r\n    span:hover {\r\n        color: #fff;\r\n\r\n    }\r\n}\r\n\r\n.trends-board-content {\r\n    padding-top: 10%;\r\n    width: 90%;\r\n    margin: 0 5%;\r\n    height: 76%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-evenly;\r\n    align-items: center;\r\n    overflow: hidden;\r\n}\r\n\r\n.scroll-table-body {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\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: 12PX;\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 .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 .dt-text {\r\n    display: inline-block;\r\n    width: 100%;\r\n    font-size: 14PX;\r\n\r\n    span:nth-child(1) {\r\n        display: inline-block;\r\n        width: calc(100% - 104PX);\r\n        vertical-align: middle;\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n\r\n    }\r\n\r\n    span:nth-child(2) {\r\n        display: inline-block;\r\n        width: 100PX;\r\n        vertical-align: middle;\r\n        box-sizing: border-box;\r\n        font-family: SimHei;\r\n        font-size: 16PX;\r\n    }\r\n\r\n    .el-icon-timer {\r\n        color: #00ffff;\r\n        margin-right: 4PX;\r\n        font-size: 16PX;\r\n    }\r\n}\r\n\r\n.item-bottom-target {\r\n    width: 92%;\r\n    margin: 0 4%;\r\n    height: 94%;\r\n    // padding-top: 8%;\r\n    padding: 11% 0 0 2%;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.disable.bottom-target-item {\r\n    cursor: not-allowed\r\n}\r\n\r\n.bottom-target-item {\r\n    // width: 25%;\r\n    width: 33%;\r\n    cursor: pointer;\r\n    justify-content: flex-start;\r\n\r\n    .target-img {\r\n        text-align: center;\r\n        position: relative;\r\n    }\r\n\r\n    .target-img::before {\r\n        z-index: 1;\r\n        content: '';\r\n        position: absolute;\r\n        left: 71%;\r\n        top: 25%;\r\n        width: 100PX;\r\n        height: 20PX;\r\n        background: url('~@/assets/img/bigScreen/zd_titlebg.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    .target-img::after {\r\n        z-index: 1;\r\n        content: '';\r\n        position: absolute;\r\n        left: 92%;\r\n        top: 55%;\r\n        width: 80PX;\r\n        height: 24PX;\r\n        background: url('~@/assets/img/bigScreen/zd_namebg.png') no-repeat center / 100% 100%;\r\n    }\r\n\r\n    div img {\r\n        width: 68PX;\r\n        height: 60PX;\r\n    }\r\n\r\n    .target-num {\r\n        font-size: 20PX;\r\n        margin: 4PX 0;\r\n        font-weight: bold;\r\n        color: #ffb03b;\r\n        text-align: center;\r\n        margin-top: 10PX;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .target-name {\r\n        color: #D7F1FF;\r\n        text-align: center;\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n        font-weight: 400;\r\n        font-style: italic;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n}\r\n",null]}