{"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=1d909d0b&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\DistrictReformView.vue","mtime":1685994071325},{"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\r\n@import '@/assets/css/big-screen.scss';\r\n.color-dark{\r\n    color: #d8dddd;\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    /deep/.el-input__inner{\r\n        background-color: transparent;\r\n        color:#fff;\r\n        border-color: #0271e5;\r\n    }\r\n}\r\n.screen-body-col{\r\n    width: 100%;\r\n}\r\n.col-center{\r\n    width: 588px;\r\n    margin: 0 0px;\r\n    height: 100%;\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        #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        #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            .ljxq {\r\n                z-index: 990;\r\n                background: url(\"~@/assets/img/bigScreen/ljxq.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\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/gxq.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\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    }\r\n    .item-bottom{\r\n        width: 100%;\r\n        height: calc(100% - 522px);\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        .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.col-side{\r\n    width: calc((100% - 538px)/2);\r\n    height: 100%;\r\n    .item-top{\r\n        width: 100%;\r\n        // height: calc(32% + 40px);\r\n        height: 38%;\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        .title{\r\n            top: 6.8%;\r\n            left: 7%;\r\n        }\r\n    }\r\n    .item-bottom{\r\n        width: 100%;\r\n        height: calc(62% + 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        .title{\r\n            top: 3.2%;\r\n            left: 7%;\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.left-bottom{\r\n    .icon-border{\r\n        right: 3.3%;\r\n        top: 4%;\r\n    }\r\n    \r\n}\r\n.right-bottom,.left-bottom{\r\n    .more{\r\n        right: 3.6%;\r\n        top: 1.8%;\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.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.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.tab-btns{\r\n    position: absolute;\r\n    right: 2.6%;\r\n    top: 4.8%;\r\n    display: flex;\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    .active{\r\n        background: url('~@/assets/img/bigScreen/tab_btn_g.png') no-repeat center / 100% 100% !important;\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.scroll-board-top.zh{\r\n    top: 10.5%;\r\n    height: 76%;\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.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.more-btn.zh{\r\n    bottom:4.5%;\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.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.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    .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    .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    .btn-index-group{\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\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    .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.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    .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    .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    .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    .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    .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    .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    .board-content-item-text span{\r\n        display: inline-block;\r\n        width: 100%;\r\n    }\r\n}\r\n.trends-board-container.top{\r\n    top:20%;\r\n    .trends-board-content{\r\n        height: calc(88% - 28px);\r\n        margin-top: 0%;\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.trends-board-container.bottom{\r\n    height: 160px!important;\r\n}\r\n.map-sign{\r\n    position: absolute;\r\n    left: 0%;\r\n    bottom: 2%;\r\n    width: 30px;\r\n    z-index: 998;\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    .map-sign-icon-color.color2{\r\n        background-color: #1970C1;\r\n    }\r\n    .map-sign-icon-color.color3{\r\n        background-color: #A3A355;\r\n    }\r\n    .map-sign-icon-color.color4{\r\n        background-color: #B0825C;\r\n    }\r\n    .map-sign-icon-color.color5{\r\n        background-color: #9B4E55;\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    .map-sign-icon.you{\r\n        background: url('~@/assets/img/bigScreen/btn57.png') no-repeat center / 100% 100%;\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    .map-sign-icon.yi{\r\n        background: url('~@/assets/img/bigScreen/btn59.png') no-repeat center / 100% 100%;\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    .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        .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.map-sign:hover{\r\n    .map-tooltips-color{\r\n        display: block;\r\n    }\r\n}\r\n.swiper-container{\r\n    position: absolute;\r\n    right: 0%;\r\n    bottom: 0%;\r\n    width: 66px;\r\n    height: 200px;\r\n    z-index: 999;\r\n    overflow: hidden;\r\n    .swiper-slide-active{\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        color: #fff!important;\r\n    }\r\n    .swiper-slide-prev,.swiper-slide-next{\r\n        color: #6d8bb6!important;\r\n    }\r\n    .swiper-slide{\r\n        text-align: center;\r\n        color: #4c6281;\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.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.heat-list-top{\r\n    width: 100%;\r\n    height: 100%;\r\n    margin-top: 2%;\r\n}\r\n#heat-bar-chart{\r\n    width: 100%;\r\n    height:45%;\r\n    margin-top: 2%;\r\n}\r\n#heat-table{\r\n    position:relative;\r\n    width: 100%;\r\n    height:43%;\r\n}\r\n.heat-more.more-btn{\r\n    bottom:0%;\r\n}\r\n.heat-list-bottom{\r\n    width: 100%;\r\n    height: 50%;\r\n    .sub-title::before{\r\n        width: 60px;\r\n        left: 22%;\r\n    }\r\n    .sub-title::after{\r\n        width: 60px;\r\n        right: 22%;\r\n    }\r\n}\r\n.heat-list-content{\r\n    margin-top: 2%;\r\n    height: 92%;\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.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.push-on-item-inner.branch{\r\n    cursor: pointer;\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    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.push-on-item-g{\r\n    background: url('~@/assets/img/bigScreen/1@2x.png') no-repeat center / 100% 100%;\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    .push-on-text em{\r\n        color: #96FFCA;\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    .push-on-item-inner{\r\n        background: url('~@/assets/img/bigScreen/yellow-block@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n    .push-on-text em{\r\n        color: #FFCE86;\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    .push-on-item-inner{\r\n        background: url('~@/assets/img/bigScreen/blue-block@2x.png') no-repeat center / 100% 100%;\r\n    }\r\n    .push-on-text em{\r\n        color: #fff;\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.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.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.push-on-full{\r\n    flex: 1;\r\n    height: 100%;\r\n}\r\n.heat-ray{\r\n    width: 45%;\r\n    height: 100%;\r\n    padding-top: 20px;\r\n    .sub-title::before{\r\n        left: 10%;\r\n    }\r\n    .sub-title::after{\r\n        right: 10%;\r\n    }\r\n}\r\n.heat-bar{\r\n    width: 55%;\r\n    height: 100%;\r\n    padding-top: 20px;\r\n    .sub-title::before{\r\n        left: 8%;\r\n    }\r\n    .sub-title::after{\r\n        right: 8%;\r\n    }\r\n}\r\n#heat-ray-chart{\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n.reform-top-item{\r\n    flex: 1.3;\r\n    height: 100%;\r\n    position: relative;\r\n}\r\n.top-item-1{\r\n    flex: 1.2;\r\n}\r\n.top-item-1{\r\n    .sub-title::before{\r\n        left: 8%;\r\n    }\r\n    .sub-title::after{\r\n        right: 8%;\r\n    }\r\n}\r\n.top-item-2{\r\n    flex: 1.3;\r\n    .sub-title::before{\r\n        left: 15%;\r\n    }\r\n    .sub-title::after{\r\n        right: 15%;\r\n    }\r\n}\r\n.top-item-3{\r\n    .sub-title::before{\r\n        left: 2%;\r\n    }\r\n    .sub-title::after{\r\n        right: 2%;\r\n    }\r\n}\r\n.reform-top-item-sub{\r\n    width: 100%;\r\n    height: 50%;\r\n}\r\n.reform-top-item-sub:nth-of-type(2){\r\n    margin-top: 3%;\r\n}\r\n.reform-top-item-content{\r\n    width: 100%;\r\n    height: 80%;\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    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.reform-block-branch{\r\n    height: 57px;\r\n    position: relative;\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.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    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#reform-ray-chart{\r\n    height: 90%;\r\n    width: 100%;\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#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#hope-container{\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.heat-list-top{\r\n    .sub-title::before{\r\n        left: 30%;\r\n    }\r\n    .sub-title::after{\r\n        right: 30%;\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    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.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    .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.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    .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:0;\r\n    z-index: 100;\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    span:nth-child(2){\r\n        margin:0 8px;\r\n    }\r\n    span:hover{\r\n        color: #fff;\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.scroll-table-body {\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\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.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.board-content-item-text .dt-text{\r\n    display: inline-block;\r\n    width: 100%;\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    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    }\r\n    .el-icon-timer{\r\n        color: #00ffff;\r\n        margin-right: 4px;\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    flex-wrap: wrap;\r\n}\r\n.bottom-target-item{\r\n    width: 25%;\r\n    \r\n    .target-img{\r\n        text-align: center;\r\n        position: relative;\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    .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    div img{\r\n        width: 72px;\r\n        height: 64px;\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    .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]}