{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue?vue&type=style&index=0&id=74728b4c&scoped=true&lang=scss&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsSubView.vue","mtime":1715590907210},{"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\r\n@import '@/assets/css/big-screen.scss';\r\n/deep/ .scroll-table .scroll-table-column {\r\n    justify-content: flex-start;\r\n}\r\n\r\n.center-title {\r\n    width: 100%;\r\n    height: 20PX;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n\r\n    .title {\r\n        font-size: 18PX;\r\n        padding: 0 15PX;\r\n        font-family: PingFang SC;\r\n        font-weight: bold;\r\n    }\r\n\r\n    &::before {\r\n        content: '';\r\n        display: block;\r\n        height: 15PX;\r\n        width: 60PX;\r\n        background: url('~@/assets/img/bigScreen/top-main-left@2x.png') no-repeat center / 100% 100% !important;\r\n    }\r\n\r\n    &::after {\r\n        content: '';\r\n        display: block;\r\n        height: 15PX;\r\n        width: 60PX;\r\n        background: url('~@/assets/img/bigScreen/top-main-right@2x.png') no-repeat center / 100% 100% !important;\r\n    }\r\n}\r\n\r\n.center-content {\r\n    width: 100%;\r\n    height: 100%;\r\n    padding-top: 20PX;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    position: relative;\r\n\r\n    .content-left,\r\n    .content-right {\r\n        width: 48%;\r\n        height: 100%;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        align-content: space-between;\r\n    }\r\n\r\n    .content-left {\r\n        background: url('~@/assets/img/bigScreen/content-left.png') no-repeat;\r\n        background-size: 112% 100%;\r\n        background-position: center;\r\n    }\r\n\r\n    .left-top {\r\n        height: 26.8%;\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 25PX;\r\n    }\r\n\r\n    .index-name {\r\n        font-size: 20PX;\r\n\r\n        >div {\r\n            text-align: right;\r\n            font-size: 20PX;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #B1E3FF;\r\n            line-height: 32px;\r\n            // padding-bottom: 10PX;\r\n        }\r\n    }\r\n\r\n    .index-value {\r\n        display: flex;\r\n        justify-content: flex-start;\r\n        align-items: center;\r\n        gap: 5PX;\r\n\r\n        p {\r\n\r\n            height: 65PX;\r\n            width: 55PX;\r\n            font-size: 20PX;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: bold;\r\n            color: #ffffff;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            /* prettier-ignore */\r\n            margin-left: 2PX;\r\n            background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png') no-repeat center / 100% 100%;\r\n        }\r\n    }\r\n\r\n    .left-center {\r\n        height: 30%;\r\n        display: flex;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        align-content: center;\r\n        width: 50%;\r\n    }\r\n\r\n    .content-right {\r\n        background: url('~@/assets/img/bigScreen/content-right.png') no-repeat;\r\n        background-size: 112% 100%;\r\n        background-position: center;\r\n\r\n        .left-top {\r\n            flex-direction: row-reverse;\r\n\r\n            .index-name {\r\n                >div {\r\n                    text-align: left;\r\n                }\r\n            }\r\n        }\r\n\r\n        .left-center {\r\n            margin-left: 50%;\r\n\r\n            .index-name {\r\n                >div {\r\n                    text-align: left;\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .center-icon {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        width: 400PX;\r\n        height: 400PX;\r\n        transform: translate(-50%, -50%);\r\n        background: url('~@/assets/img/bigScreen/majorProject-center-top-left@2x.png') left no-repeat,\r\n            url('~@/assets/img/bigScreen/majorProject-center-top-right@2x.png') right no-repeat;\r\n        background-size: 50% 98%, 50% 100%;\r\n\r\n        .inner-round {\r\n            position: absolute;\r\n            top: 7.5%;\r\n            left: 7.5%;\r\n            width: 85%;\r\n            padding-bottom: 85%;\r\n            background: url('~@/assets/img/bigScreen/majorProject-center-top-round@2x.png') no-repeat center / 100% 100% !important;\r\n            animation: rotate_center 10s linear infinite;\r\n\r\n            @keyframes rotate_center {\r\n                from {\r\n                    transform: rotate(0deg);\r\n                }\r\n\r\n                to {\r\n                    transform: rotate(360deg);\r\n                }\r\n            }\r\n        }\r\n\r\n        .inner-line {\r\n            position: absolute;\r\n            top: 12%;\r\n            left: 12%;\r\n            width: 76%;\r\n            padding-bottom: 76%;\r\n            background: url('~@/assets/img/bigScreen/majorProject-center-top-line@2x.png') no-repeat center / 100% 100% !important;\r\n            animation: rotate_center 10s linear infinite;\r\n            animation-direction: reverse;\r\n\r\n            @keyframes rotate_center {\r\n                from {\r\n                    transform: rotate(0deg);\r\n                }\r\n\r\n                to {\r\n                    transform: rotate(360deg);\r\n                }\r\n            }\r\n        }\r\n\r\n        .inner {\r\n            position: absolute;\r\n            top: 15%;\r\n            left: 15%;\r\n            width: 70%;\r\n            padding-bottom: 70%;\r\n            background: url('~@/assets/img/bigScreen/majorProject-center-top-inner@2x.png') no-repeat center / 97% 97% !important;\r\n\r\n            span {\r\n                font-size: 20PX;\r\n                font-family: Microsoft YaHei;\r\n                font-weight: 400;\r\n                color: #ffffff;\r\n                line-height: 24PX;\r\n                text-shadow: 0PX 0PX 3PX rgba(0, 0, 0, 0.49);\r\n                position: absolute;\r\n                top: 40%;\r\n                /* 禁止将PX格式化PX */\r\n                /* prettier-ignore */\r\n                width: 40PX;\r\n\r\n                &:nth-child(1) {\r\n                    left: 25%;\r\n                }\r\n\r\n                &:nth-child(2) {\r\n                    left: 60%;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n\r\n.flex-row-center {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.flex-column-center {\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.flex-change-to-column {\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n}\r\n\r\n// 每一个模块内部显示内容区域固定\r\n.border-main {\r\n    display: flex;\r\n    position: absolute;\r\n    top: 15%;\r\n    left: 3%;\r\n    height: 85%;\r\n    width: 94%;\r\n\r\n    .border-main-content {\r\n        flex: 10;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .border-main-more-btn {\r\n        flex: 1;\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        display: flex;\r\n        justify-content: space-between;\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            width: 100%;\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: 165PX;\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}\r\n\r\n.border-main-bottom {\r\n    top: 10%;\r\n    height: 90%;\r\n\r\n    .border-main-content {\r\n        flex: 9;\r\n        display: flex;\r\n        flex-direction: column;\r\n\r\n        // row-gap: 10PX;\r\n        .border-main-content-item {\r\n            width: 100%;\r\n\r\n            &:nth-child(1) {\r\n                flex: 5;\r\n            }\r\n\r\n            &:nth-child(2) {\r\n                flex: 1;\r\n\r\n                span {\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    font-size: 16PX;\r\n                    font-family: SimHei;\r\n                    font-weight: 400;\r\n                    color: #ffffff;\r\n                    display: flex;\r\n                    justify-content: center;\r\n                    align-items: center;\r\n                    text-shadow: 0PX 0PX 16PX #266bf2;\r\n\r\n                    &::before {\r\n                        content: '';\r\n                        display: inline-block;\r\n                        width: 10%;\r\n                        height: 10%;\r\n                        margin-right: 10%;\r\n                        background: url('~@/assets/img/bigScreen/line-drop-right@2x.png') no-repeat center / 100% 100%;\r\n                    }\r\n\r\n                    &::after {\r\n                        content: '';\r\n                        display: inline-block;\r\n                        width: 10%;\r\n                        height: 10%;\r\n                        margin-left: 10%;\r\n                        background: url('~@/assets/img/bigScreen/line-drop-left@2x.png') no-repeat center / 100% 100%;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &:nth-child(3) {\r\n                flex: 3;\r\n                overflow: hidden;\r\n            }\r\n        }\r\n    }\r\n\r\n    .border-main-more-btn {\r\n        flex: 1;\r\n    }\r\n}\r\n\r\n.more-btn {\r\n    cursor: pointer;\r\n    background: url('~@/assets/img/bigScreen/majorProjects-more-border@2x.png') no-repeat center / 100% 100%;\r\n\r\n    span {\r\n        font-size: 16PX;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: 400;\r\n        // color: #62b4ff;\r\n        color: #FFF;\r\n    }\r\n}\r\n\r\n.body-title {\r\n    position: absolute;\r\n    top: 1%;\r\n    left: 7%;\r\n    font-size: 18PX;\r\n    font-family: Microsoft YaHei;\r\n    font-weight: bold;\r\n    font-style: italic;\r\n    color: #ffffff;\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: PingFang SC;\r\n    font-weight: 400;\r\n    color: #d7f1ff;\r\n    text-align: left;\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.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.scroll-table-column,\r\n.board-content-item-text {\r\n    width: 100%;\r\n}\r\n\r\n.scroll-table-body {\r\n    width: 100%;\r\n\r\n    .ellipsis {\r\n        font-size: 16PX;\r\n        font-family: SimHei;\r\n        font-weight: 400;\r\n        color: #d7f1ff;\r\n    }\r\n}\r\n\r\n.tab-btns {\r\n    position: absolute;\r\n    right: 1%;\r\n    top: 1%;\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: 75PX;\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// 根容器\r\n.content-body {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    // padding: 15PX 40PX;\r\n    // column-gap: 10PX;\r\n}\r\n\r\n.content-body-side {\r\n    flex: 1.3;\r\n    /* prettier-ignore */\r\n    // padding: 15PX;\r\n\r\n    // row-gap: 10PX;\r\n    .content-body-side-top {\r\n        flex: 2.5;\r\n        margin: 14PX 0;\r\n        background: url('~@/assets/img/bigScreen/majorProjects-border-2@2x.png') no-repeat center / 100% 100%;\r\n\r\n        .border-main {\r\n            display: flex;\r\n            position: absolute;\r\n            top: 10%;\r\n            left: 1%;\r\n            height: 90%;\r\n            width: 98%;\r\n\r\n\r\n        }\r\n    }\r\n\r\n    .content-body-side-bottom {\r\n        flex: 1.5;\r\n\r\n        background: url('~@/assets/img/bigScreen/majorProjects-border-1@2x.png') no-repeat center / 100% 100%;\r\n\r\n        .border-main {\r\n            display: flex;\r\n            position: absolute;\r\n            top: 20%;\r\n            left: 1%;\r\n            height: 80%;\r\n            width: 98%;\r\n\r\n            .border-main-more-btn {\r\n                flex: 2;\r\n            }\r\n        }\r\n\r\n        .content-body-side-border {\r\n            display: flex;\r\n            flex-direction: column;\r\n            // row-gap: 5%;\r\n            top: 12%;\r\n            height: 84%;\r\n        }\r\n\r\n        .content-body-side-bottom-item {\r\n            flex: 1;\r\n            position: relative;\r\n            background: url('~@/assets/img/bigScreen/majorProject-center-side-border.png') no-repeat center / 100% 100%;\r\n\r\n            &:nth-child(2) {\r\n                /* prettier-ignore */\r\n                margin: 15PX 0;\r\n\r\n                .side-bottom-item-inner .item-inner-center-img:nth-child(1) {\r\n                    background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top-2@2x.png') no-repeat center / 100% 100% !important;\r\n                }\r\n            }\r\n\r\n            &:nth-child(3) {\r\n                .side-bottom-item-inner .item-inner-center-img:nth-child(1) {\r\n                    background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top-3@2x.png') no-repeat center / 100% 100% !important;\r\n                }\r\n            }\r\n\r\n            .bottom-item-title {\r\n                position: absolute;\r\n                top: -12%;\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                font-size: 18PX;\r\n                font-family: Microsoft YaHei;\r\n                font-weight: 400;\r\n            }\r\n\r\n            .side-bottom-item-inner {\r\n                position: absolute;\r\n                top: 16%;\r\n                left: 5%;\r\n                width: 90%;\r\n                height: 72%;\r\n                display: flex;\r\n\r\n                // column-gap: 10PX;\r\n                p {\r\n                    margin: 0;\r\n                    padding: 0;\r\n                }\r\n\r\n                .item-inner {\r\n                    flex: 1;\r\n                    display: flex;\r\n                    flex-direction: column;\r\n                    align-items: flex-start;\r\n                    justify-content: center;\r\n\r\n                    // row-gap: 5%;\r\n                    span {\r\n                        font-size: 18PX;\r\n                        font-family: Microsoft YaHei;\r\n                        font-weight: 400;\r\n                        color: #e7efff;\r\n                        margin-left: 20%;\r\n\r\n                        &:nth-child(2) {\r\n                            display: flex;\r\n                            justify-content: flex-start;\r\n                            align-items: center;\r\n                            // column-gap: 2PX;\r\n                            width: 100%;\r\n                        }\r\n\r\n                        p {\r\n                            width: 20%;\r\n                            height: 100%;\r\n                            font-size: 20PX;\r\n                            font-family: Microsoft YaHei;\r\n                            font-weight: 400;\r\n                            color: #e7efff;\r\n                            display: flex;\r\n                            justify-content: center;\r\n                            align-items: center;\r\n                            background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png') no-repeat center / 100% 100%;\r\n                            /* prettier-ignore */\r\n                            margin-left: 2PX;\r\n                        }\r\n                    }\r\n\r\n                    span p i.up {\r\n                        height: 100%;\r\n                        width: 100%;\r\n                        background: url('~@/assets/img/bigScreen/top-main-border-up@2x.png') no-repeat center / 100% 100%;\r\n                    }\r\n\r\n                    span p i.down {\r\n                        height: 100%;\r\n                        width: 100%;\r\n                        background: url('~@/assets/img/bigScreen/top-main-border-down@2x.png') no-repeat center / 100% 100%;\r\n                    }\r\n\r\n                    &:nth-child(2) {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: center;\r\n                        align-items: center;\r\n                        position: relative;\r\n\r\n                        .item-inner-center-img {\r\n                            width: 50%;\r\n\r\n                            &:nth-child(1) {\r\n                                width: 20%;\r\n                                height: 35%;\r\n                                top: 12%;\r\n                                position: absolute;\r\n                                background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-top@2x.png') no-repeat center / 100% 100%;\r\n                            }\r\n\r\n                            &:nth-child(2) {\r\n                                height: 100%;\r\n                                background: url('~@/assets/img/bigScreen/majorProject-center-side-border-center-bottom@2x.png') no-repeat center / 100% 100%;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.content-body-cneter {\r\n    flex: 2;\r\n    /* prettier-ignore */\r\n    padding-bottom: 15PX;\r\n    /* prettier-ignore */\r\n    // padding-top: 20PX;\r\n    padding: 20PX 10PX 0;\r\n\r\n    // row-gap: 10PX;\r\n    .main-title {\r\n        position: absolute;\r\n        width: 100%;\r\n        top: -8%;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        /* prettier-ignore */\r\n        line-height: 20PX;\r\n        z-index: 999;\r\n\r\n        span {\r\n            position: absolute;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            /* prettier-ignore */\r\n            font-size: 18PX;\r\n            font-family: PingFang SC;\r\n            font-weight: bold;\r\n            text-align: center;\r\n            /* prettier-ignore */\r\n            line-height: 20PX;\r\n\r\n            &::after {\r\n                content: '';\r\n                display: inline-block;\r\n                position: absolute;\r\n                top: 40%;\r\n                left: 110%;\r\n                /* prettier-ignore */\r\n                height: 10PX;\r\n                /* prettier-ignore */\r\n                width: 60PX;\r\n                background: url('~@/assets/img/bigScreen/top-main-right@2x.png') no-repeat center / 100% 100% !important;\r\n            }\r\n\r\n            &::before {\r\n                content: '';\r\n                display: inline-block;\r\n                position: absolute;\r\n                top: 40%;\r\n                right: 110%;\r\n                /* prettier-ignore */\r\n                height: 10PX;\r\n                /* prettier-ignore */\r\n                width: 60PX;\r\n                background: url('~@/assets/img/bigScreen/top-main-left@2x.png') no-repeat center / 100% 100% !important;\r\n            }\r\n        }\r\n\r\n        .tab-btns {\r\n            position: absolute;\r\n            left: 8%;\r\n        }\r\n    }\r\n\r\n    .content-body-center-top {\r\n        flex: 1.5;\r\n        position: relative;\r\n        /* prettier-ignore */\r\n        margin-bottom: 15PX;\r\n\r\n        .border-center-top {\r\n            width: 100%;\r\n            height: 85%;\r\n            position: absolute;\r\n            top: 10%;\r\n            left: 0%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            // column-gap: 30%;\r\n        }\r\n\r\n        .left-bg {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            // row-gap: 5%;\r\n            background: url('~@/assets/img/bigScreen/majorProjects-top-left-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n            .left-bg-item {\r\n                flex: 1;\r\n                width: 80%;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-around;\r\n                // column-gap: 5%;\r\n                margin-right: 10%;\r\n\r\n                span {\r\n                    width: 42.5%;\r\n\r\n                    &:nth-child(1) {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: center;\r\n                        align-items: flex-end;\r\n\r\n                        p {\r\n                            margin: 0;\r\n                            padding: 0;\r\n                            font-size: 16PX;\r\n                            font-family: Microsoft YaHei;\r\n                            font-weight: 400;\r\n                            color: #b1e3ff;\r\n\r\n                            &:nth-child(2) {\r\n                                font-size: 16PX;\r\n                                font-family: Microsoft YaHei;\r\n                                font-weight: bold;\r\n                                color: #ffffff;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:nth-child(2) {\r\n                        display: flex;\r\n                        justify-content: flex-start;\r\n                        align-items: center;\r\n                        height: 50%;\r\n                        width: 30%;\r\n\r\n                        // column-gap: 2PX;\r\n                        p {\r\n                            height: 100%;\r\n                            width: 100%;\r\n                            font-size: 16PX;\r\n                            font-family: Microsoft YaHei;\r\n                            font-weight: bold;\r\n                            color: #ffffff;\r\n                            display: flex;\r\n                            justify-content: center;\r\n                            align-items: center;\r\n                            /* prettier-ignore */\r\n                            margin-left: 2PX;\r\n                            background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png') no-repeat center / 100% 100%;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .right-bg {\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            // row-gap: 5%;\r\n            background: url('~@/assets/img/bigScreen/majorProjects-top-right-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n            .right-bg-item {\r\n                flex: 1;\r\n                width: 85%;\r\n                display: flex;\r\n                align-items: center;\r\n                justify-content: space-around;\r\n                // column-gap: 5%;\r\n                margin-left: 15%;\r\n\r\n                span {\r\n                    width: 44.5%;\r\n\r\n                    &:nth-child(2) {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        justify-content: center;\r\n                        align-items: flex-start;\r\n\r\n                        p {\r\n                            margin: 0;\r\n                            padding: 0;\r\n                            font-size: 16PX;\r\n                            font-family: Microsoft YaHei;\r\n                            font-weight: 400;\r\n                            color: #b1e3ff;\r\n\r\n                            &:nth-child(2) {\r\n                                font-size: 16PX;\r\n                                font-family: Microsoft YaHei;\r\n                                font-weight: bold;\r\n                                color: #ffffff;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    &:nth-child(1) {\r\n                        display: flex;\r\n                        justify-content: flex-start;\r\n                        align-items: center;\r\n                        height: 50%;\r\n                        width: 30%;\r\n\r\n                        // column-gap: 2PX;\r\n                        p {\r\n                            height: 100%;\r\n                            width: 100%;\r\n                            font-size: 16PX;\r\n                            font-family: Microsoft YaHei;\r\n                            font-weight: bold;\r\n                            color: #ffffff;\r\n                            display: flex;\r\n                            justify-content: center;\r\n                            align-items: center;\r\n                            /* prettier-ignore */\r\n                            margin-left: 2PX;\r\n                            background: url('~@/assets/img/bigScreen/top-main-border-mini-small@2x.png') no-repeat center / 100% 100%;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .center-top-side {\r\n            // flex: 1.2;\r\n            width: 38%;\r\n        }\r\n\r\n        .center-top-center {\r\n            // flex: 1;\r\n            width: 33%;\r\n            padding-bottom: 33%;\r\n            position: absolute;\r\n            // top: -8%;\r\n            top: 0%;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            background: url('~@/assets/img/bigScreen/majorProject-center-top-left@2x.png') left no-repeat,\r\n                url('~@/assets/img/bigScreen/majorProject-center-top-right@2x.png') right no-repeat;\r\n            background-size: 50% 98%, 50% 100%;\r\n\r\n            .inner-round {\r\n                position: absolute;\r\n                top: 7.5%;\r\n                left: 7.5%;\r\n                width: 85%;\r\n                padding-bottom: 85%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-center-top-round@2x.png') no-repeat center / 100% 100% !important;\r\n                animation: rotate_center 10s linear infinite;\r\n\r\n                @keyframes rotate_center {\r\n                    from {\r\n                        transform: rotate(0deg);\r\n                    }\r\n\r\n                    to {\r\n                        transform: rotate(360deg);\r\n                    }\r\n                }\r\n            }\r\n\r\n            .inner-line {\r\n                position: absolute;\r\n                top: 12%;\r\n                left: 12%;\r\n                width: 76%;\r\n                padding-bottom: 76%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-center-top-line@2x.png') no-repeat center / 100% 100% !important;\r\n            }\r\n\r\n            .inner {\r\n                position: absolute;\r\n                top: 15%;\r\n                left: 15%;\r\n                width: 70%;\r\n                padding-bottom: 70%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-center-top-inner@2x.png') no-repeat center / 100% 100% !important;\r\n\r\n                span {\r\n                    font-size: 20PX;\r\n                    font-family: Microsoft YaHei;\r\n                    font-weight: 400;\r\n                    color: #ffffff;\r\n                    line-height: 24PX;\r\n                    text-shadow: 0PX 0PX 3PX rgba(0, 0, 0, 0.49);\r\n                    position: absolute;\r\n                    top: 40%;\r\n                    /* 禁止将PX格式化PX */\r\n                    /* prettier-ignore */\r\n                    width: 40PX;\r\n\r\n                    &:nth-child(1) {\r\n                        left: 25%;\r\n                    }\r\n\r\n                    &:nth-child(2) {\r\n                        left: 60%;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n\r\n    .content-body-center-bottom {\r\n        flex: 2.5;\r\n        background: url('~@/assets/img/bigScreen/majorProjects-border-2@2x.png') no-repeat center / 100% 100%;\r\n\r\n        // row-gap: 10PX;\r\n        .center-bottom-header {\r\n            flex: 1;\r\n            position: relative;\r\n            /* prettier-ignore */\r\n            margin-bottom: 15PX;\r\n\r\n            .border-center-bottom {\r\n                width: 100%;\r\n                height: 85%;\r\n                position: absolute;\r\n                top: 15%;\r\n                left: 0%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-top-oval.png') no-repeat center / 100% 100% !important;\r\n\r\n                .oval-active {\r\n                    background: url('~@/assets/img/bigScreen/majorProject-oval-active.png') no-repeat center / 100% 100% !important;\r\n                }\r\n\r\n                .oval-noActive {\r\n                    background: url('~@/assets/img/bigScreen/majorProject-oval-noActive.png') no-repeat center / 100% 100% !important;\r\n                }\r\n\r\n                .border-center-bottom-item {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 45%;\r\n                    transform: translateX(-50%);\r\n                    width: 12%;\r\n                    padding-bottom: 12%;\r\n                    border-radius: 50%;\r\n                    cursor: pointer;\r\n\r\n                    .item-name {\r\n                        font-size: 16PX;\r\n                        font-family: Microsoft YaHei;\r\n                        font-weight: bold;\r\n                        color: #ffffff;\r\n                        line-height: 20PX;\r\n                        position: absolute;\r\n                        top: 50%;\r\n                        left: 50%;\r\n                        text-align: center;\r\n                        transform: translate(-50%, -50%);\r\n                    }\r\n\r\n                    &:nth-child(1) {\r\n                        transform: scale(1.2);\r\n                    }\r\n\r\n                    &:nth-child(2) {\r\n                        top: 23%;\r\n                        left: 32%;\r\n                        transform: scale(1);\r\n                    }\r\n\r\n                    &:nth-child(3) {\r\n                        top: 53%;\r\n                        left: 23%;\r\n                        transform: scale(0.8);\r\n                    }\r\n\r\n                    &:nth-child(4) {\r\n                        top: 23%;\r\n                        left: 58%;\r\n                        transform: scale(1);\r\n                    }\r\n\r\n                    &:nth-child(5) {\r\n                        top: 53%;\r\n                        left: 67%;\r\n                        transform: scale(0.8);\r\n                    }\r\n                }\r\n\r\n                .border-center-bottom-hand {\r\n                    position: absolute;\r\n                    bottom: 8%;\r\n                    left: 50.5%;\r\n                    width: 1%;\r\n                    height: 40%;\r\n                    transform-origin: 50% 82%;\r\n                    transition: all 0.3s;\r\n                    background: url('~@/assets/img/bigScreen/majoctPeoject-hand@2x.png') no-repeat center / 100% 100% !important;\r\n                }\r\n\r\n                .border-center-bottom-point {\r\n                    position: absolute;\r\n                    bottom: 8%;\r\n                    left: 51%;\r\n                    transform: translateX(-50%);\r\n                    width: 3.5%;\r\n                    padding-bottom: 3.5%;\r\n                    background: url('~@/assets/img/bigScreen/majoctPeoject-hand-point@2x.png') no-repeat center / 100% 100% !important;\r\n                }\r\n            }\r\n\r\n            .border-center-top-left {\r\n                position: absolute;\r\n                top: 0;\r\n                left: 0;\r\n                width: 23%;\r\n                height: 76%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-top-center-left.png') no-repeat center / 100% 100% !important;\r\n\r\n                span {\r\n                    font-size: 16PX;\r\n                    font-family: Microsoft YaHei;\r\n                    font-weight: bold;\r\n                    color: #ffffff;\r\n                    line-height: 28PX;\r\n\r\n                    &:nth-child(2) {\r\n                        margin-bottom: 5%;\r\n                    }\r\n\r\n                    &:nth-child(3),\r\n                    &:nth-child(4),\r\n                    &:nth-child(5) {\r\n                        font-weight: 400;\r\n                        line-height: 22PX;\r\n                    }\r\n\r\n                    &:nth-child(5) {\r\n                        width: 100%;\r\n                        display: flex;\r\n                        justify-content: center;\r\n                        align-items: center;\r\n\r\n                        p {\r\n                            margin: 0;\r\n                            padding: 0;\r\n                            font-size: 16PX;\r\n                            font-family: Microsoft YaHei;\r\n                            color: #ffffff;\r\n                            font-weight: 400;\r\n                            line-height: 22PX;\r\n                        }\r\n                    }\r\n\r\n                    &:nth-child(5) i {\r\n                        display: inline-block;\r\n                        width: 12% !important;\r\n                        height: 100% !important;\r\n\r\n                        &.up {\r\n                            height: 100%;\r\n                            width: 100%;\r\n                            background: url('~@/assets/img/bigScreen/top-main-border-up@2x.png') no-repeat center / 100% 100%;\r\n                        }\r\n\r\n                        &.down {\r\n                            height: 100%;\r\n                            width: 100%;\r\n                            background: url('~@/assets/img/bigScreen/top-main-border-down@2x.png') no-repeat center / 100% 100%;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            .border-center-top-right {\r\n                position: absolute;\r\n                top: 0;\r\n                right: 0;\r\n                width: 21%;\r\n                height: 76%;\r\n                background: url('~@/assets/img/bigScreen/majorProject-top-center-right.png') no-repeat center / 100% 100% !important;\r\n\r\n                span {\r\n                    font-size: 16PX;\r\n                    font-family: Microsoft YaHei;\r\n                    font-weight: bold;\r\n                    color: #ffffff;\r\n                    line-height: 28PX;\r\n\r\n                    li {\r\n                        font-size: 13PX;\r\n                        font-family: PingFang SC;\r\n                        font-weight: 400;\r\n                        color: #ffffff;\r\n                        line-height: 18PX;\r\n                        cursor: pointer;\r\n                        list-style-image: url('~@/assets/img/bigScreen/point-list@2x.png');\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .center-bottom-footer {\r\n            flex: 1;\r\n            display: flex;\r\n\r\n            // column-gap: 10PX;\r\n            .center-bottom-footer-left {\r\n                flex: 1;\r\n                /* prettier-ignore */\r\n                margin-right: 15PX;\r\n                background: url('~@/assets/img/bigScreen/majorProjects-border-3@2x.png') no-repeat center / 100% 100%;\r\n            }\r\n\r\n            .center-bottom-footer-right {\r\n                flex: 1;\r\n                background: url('~@/assets/img/bigScreen/majorProjects-border-3@2x.png') no-repeat center / 100% 100%;\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n",null]}