{"remainingRequest":"D:\\jenkins\\workspace\\reform-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsView.vue?vue&type=style&index=0&id=1038a527&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\reform-fvue\\src\\views\\BigScreen\\MajorProjectsView.vue","mtime":1715333010001},{"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\r\n@import '@/assets/css/big-screen.scss';\r\n\r\n/deep/.el-rate__icon {\r\n    font-size: 17PX !important;\r\n    margin-right: 1PX;\r\n}\r\n\r\n/deep/.el-rate__icon::before {\r\n    font-size: 17PX !important;\r\n}\r\n\r\n/deep/.el-rate__decimal {\r\n    font-size: 17PX !important;\r\n}\r\n\r\n/deep/.el-carousel__arrow--left {\r\n    left: -8PX;\r\n}\r\n\r\n\r\n/deep/.el-carousel__arrow--right {\r\n    right: 0;\r\n}\r\n\r\n\r\n/deep/.screen-body {\r\n    height: calc(100% - 97PX);\r\n\r\n    .content-body {\r\n        display: flex;\r\n        padding: 0 10PX;\r\n        gap: 16PX;\r\n        box-sizing: border-box;\r\n\r\n        .content-left {\r\n            position: relative;\r\n            width: 210PX;\r\n            height: 100%;\r\n            background: url('~@/assets/img/bigScreen/p-l-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n            .list-box {\r\n                display: flex;\r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                align-items: center;\r\n                gap: 8PX;\r\n                width: 100%;\r\n                height: calc(100% - 42PX);\r\n                margin-top: 42PX;\r\n\r\n                img {\r\n                    width: 61PX;\r\n                    height: 60PX;\r\n                }\r\n\r\n                .list-item {\r\n                    cursor: pointer;\r\n                    width: 90PX;\r\n                    height: 101PX;\r\n                    text-align: center;\r\n\r\n                    .item-name {\r\n                        margin-top: 5px;\r\n                        font-size: 15PX;\r\n                    }\r\n\r\n                    &:hover {\r\n                        .item-name {\r\n                            color: #3399FF;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        .content-right {\r\n            width: calc(100% - 210PX);\r\n            height: 100%;\r\n            box-sizing: border-box;\r\n\r\n            .right-top {\r\n                display: flex;\r\n                justify-content: space-between;\r\n                flex-wrap: nowrap;\r\n                gap: 16PX;\r\n                height: 58%;\r\n                width: 100%;\r\n\r\n                .triplicate-one {\r\n                    position: relative;\r\n                    width: 533PX;\r\n                    padding: 0 5PX;\r\n                    background: url('~@/assets/img/bigScreen/jkssyp-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n                    .header-item {\r\n                        &:nth-child(2n) {\r\n                            text-align: right;\r\n                        }\r\n                    }\r\n\r\n                    .scroll-body {\r\n\r\n                        .scroll-content {\r\n                            >div {\r\n                                &:nth-child(2n) {\r\n                                    color: #00FFFF;\r\n                                    font-weight: bold;\r\n                                }\r\n\r\n                                &:nth-child(2n+3) {\r\n                                    color: #009DFF;\r\n                                    font-weight: bold;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .bottom-action {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        height: 36PX;\r\n\r\n                        .action-btn {\r\n                            cursor: pointer;\r\n                            position: relative;\r\n                            width: 48%;\r\n                            height: 100%;\r\n                            font-size: 16PX;\r\n                            line-height: 36PX;\r\n                            font-weight: bold;\r\n                            text-align: center;\r\n\r\n                            &::after {\r\n                                content: '';\r\n                                width: 100%;\r\n                                height: 100%;\r\n                                left: 0;\r\n                                top: 0;\r\n                                position: absolute;\r\n                                background: linear-gradient(90deg,\r\n                                        rgba(2, 115, 233, 0) 0%,\r\n                                        #0273e9 50%,\r\n                                        rgba(2, 115, 233, 0) 100%);\r\n                                opacity: 0.2;\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .triplicate-two,\r\n                .triplicate-three {\r\n                    position: relative;\r\n                    width: 320PX;\r\n                    padding: 0 5PX;\r\n                    background: url('~@/assets/img/bigScreen/lgyp-bg@2x.png') no-repeat center / 100% 100%;\r\n                }\r\n\r\n                .group-air {\r\n                    position: relative;\r\n                    // width: 430PX;\r\n                    flex: 1;\r\n                    padding: 0 5PX;\r\n                    background: url('~@/assets/img/bigScreen/zxxzls-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n                    .group-content {\r\n                        display: flex;\r\n                        margin-top: 45PX;\r\n                        width: 100%;\r\n                        padding: 0 5PX;\r\n                        height: calc(100% - 110PX);\r\n\r\n                        .group-content-left {\r\n                            display: flex;\r\n                            width: 55%;\r\n                            height: 100%;\r\n                        }\r\n\r\n                        .group-content-right {\r\n                            width: 45%;\r\n                            height: 100%;\r\n\r\n                            .el-carousel {\r\n                                height: 100%;\r\n\r\n                                .el-carousel__container {\r\n                                    height: 100%;\r\n                                }\r\n                            }\r\n\r\n                            .group-item {\r\n                                width: 100%;\r\n                                height: 100%;\r\n                                border-left: none;\r\n                                text-align: center;\r\n\r\n                                &:first-child {\r\n                                    border-bottom: 1px solid #0E3A66;\r\n                                }\r\n\r\n                                .icon-score {\r\n                                    justify-content: flex-start;\r\n\r\n                                    .score {\r\n                                        display: flex;\r\n                                        justify-content: center;\r\n                                        align-items: center;\r\n                                        width: 35%;\r\n                                        height: 100%;\r\n                                        border-right: 1px solid #0E3A66;\r\n\r\n                                        >div {\r\n                                            font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;\r\n                                            font-weight: 600;\r\n                                            font-size: 16PX;\r\n                                            color: #FFA244;\r\n                                        }\r\n\r\n                                    }\r\n\r\n                                    .icon {\r\n                                        flex: 1;\r\n                                        text-align: center;\r\n                                    }\r\n                                }\r\n                            }\r\n\r\n                            .el-carousel__indicators--horizontal {\r\n                                display: none;\r\n                            }\r\n                        }\r\n\r\n                        .el-rate {\r\n                            flex-wrap: wrap !important;\r\n                        }\r\n\r\n                        .group-item {\r\n                            width: 50%;\r\n                            height: 100%;\r\n                            border: 1px solid #0E3A66;\r\n\r\n                            >div {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                justify-content: center;\r\n                                height: calc(100% / 7);\r\n                                font-size: 16PX;\r\n                                border-bottom: 1px solid #0E3A66;\r\n\r\n                                &:last-child {\r\n                                    border: none;\r\n                                }\r\n                            }\r\n\r\n                            &:nth-child(2n) {\r\n                                border-left: none;\r\n                            }\r\n                        }\r\n\r\n\r\n                    }\r\n\r\n                    .remark {\r\n                        display: flex;\r\n                        justify-content: space-between;\r\n                        align-items: center;\r\n                        width: 100%;\r\n                        height: 50PX;\r\n                        padding: 0 5PX;\r\n\r\n                        .remark-title {\r\n                            display: flex;\r\n                            justify-content: center;\r\n                            align-items: center;\r\n                            width: 25%;\r\n                            height: 50PX;\r\n                            padding: 18px 0;\r\n                            font-size: 16PX;\r\n                            text-align: center;\r\n                            border: 1px solid #0E3A66;\r\n                            border-top: none;\r\n                        }\r\n\r\n                        .remark-text {\r\n                            display: flex;\r\n                            align-items: center;\r\n                            width: 75%;\r\n                            height: 50PX;\r\n                            padding: 0 5px;\r\n                            overflow: hidden;\r\n                            border: 1px solid #0E3A66;\r\n                            border-left: none;\r\n                            border-top: none;\r\n\r\n                            .seamless-warp2 {\r\n                                overflow: hidden;\r\n                                height: 25PX;\r\n                                line-height: 25PX;\r\n                                width: 350PX;\r\n\r\n                                ul.item {\r\n                                    width: 580PX;\r\n\r\n                                    li {\r\n                                        float: left;\r\n                                        font-size: 16PX;\r\n                                        margin-right: 10px;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n                .header {\r\n                    display: flex;\r\n                    height: 38PX;\r\n                    margin-top: 42PX;\r\n                    padding: 0 10px;\r\n                    background: linear-gradient(180deg, rgba(3, 62, 139, 0) 0%, #033E8B 100%);\r\n\r\n                    .header-item {\r\n                        font-weight: 600;\r\n                        padding: 15px 0;\r\n                        font-size: 16PX;\r\n                    }\r\n                }\r\n\r\n                .scroll-body {\r\n                    height: 100%;\r\n                    overflow: hidden;\r\n\r\n                    .scroll-content {\r\n                        display: flex;\r\n                        padding: 0 10px;\r\n\r\n                        >div {\r\n                            cursor: pointer;\r\n                            padding: 10px 3px;\r\n                        }\r\n\r\n                        &:nth-child(2n+1) {\r\n                            background: #043072;\r\n                        }\r\n                    }\r\n\r\n                }\r\n            }\r\n\r\n            .right-bottom {\r\n                display: flex;\r\n                gap: 16PX;\r\n                margin-top: 16PX;\r\n                height: calc(42% - 16PX);\r\n                width: 100%;\r\n\r\n                .right-bottom-left {\r\n                    position: relative;\r\n                    width: calc(100% - 320PX);\r\n                    padding: 0 10PX;\r\n                    background: url('~@/assets/img/bigScreen/r-b-bg1@2x.png') no-repeat center / 100% 100%;\r\n\r\n                    .table-nav {\r\n                        display: flex;\r\n                        height: 36PX;\r\n                        line-height: 36PX;\r\n                        margin-top: 42PX;\r\n                        align-items: center;\r\n                        justify-content: center;\r\n                        gap: 48PX;\r\n\r\n                        .nav-item {\r\n                            cursor: pointer;\r\n                            position: relative;\r\n                            box-sizing: border-box;\r\n                            width: fit-content;\r\n                            font-size: 18PX;\r\n\r\n                            &::after {\r\n                                content: '';\r\n                                position: absolute;\r\n                                bottom: 0;\r\n                                left: 0;\r\n                                width: 100%;\r\n                                background: #3399FF;\r\n                                height: 3px;\r\n                                border-radius: 1PX;\r\n                                transform: scale(0);\r\n                                transform-origin: center center;\r\n                                transition: all .5s;\r\n                            }\r\n\r\n                            &:hover {\r\n                                color: #3399FF;\r\n                            }\r\n                        }\r\n\r\n                        .active-item {\r\n                            color: #3399FF;\r\n\r\n                            &::after {\r\n                                width: 100%;\r\n                                transform: scale(1);\r\n                                transform-origin: center center;\r\n                                transition: all .3s;\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .table-header {\r\n                        width: 100%;\r\n                        margin-top: 5px;\r\n                        border: 1px solid #0E3A66;\r\n\r\n                        .table-first-header {\r\n                            display: flex;\r\n\r\n                            .first-header {\r\n                                width: 50%;\r\n                                box-sizing: border-box;\r\n                                font-size: 18PX;\r\n                                color: #3399FF;\r\n                                border-bottom: 1px solid #0E3A66;\r\n                                padding: 10px;\r\n\r\n                                &:last-child {\r\n                                    border-left: 3px solid #165696;\r\n                                }\r\n\r\n                                span {\r\n                                    font-size: 16PX;\r\n                                }\r\n                            }\r\n\r\n                            .first-one-header {\r\n                                width: 100% !important;\r\n                                border-left: none !important;\r\n                            }\r\n                        }\r\n\r\n                        .table-second-header {\r\n                            display: flex;\r\n                            justify-content: space-between;\r\n                            align-items: center;\r\n                            margin-top: -1px;\r\n\r\n                            .second-header {\r\n                                display: flex;\r\n                                align-items: center;\r\n                                justify-content: center;\r\n                                text-align: center;\r\n                                height: 50PX;\r\n                                white-space: pre-line;\r\n                                vertical-align: middle;\r\n\r\n                                border-left: 1px solid #0E3A66;\r\n\r\n                                span {\r\n                                    font-size: 16PX;\r\n                                }\r\n\r\n                                &:nth-child(5n+4) {\r\n                                    border-left: 3px solid #124c86;\r\n                                }\r\n\r\n                                &:nth-child(6) {\r\n                                    border-left: 3px solid #165696;\r\n                                }\r\n                            }\r\n\r\n                            .gq-header {\r\n                                &:nth-child(5n+4) {\r\n                                    border-left: 1px solid #0E3A66 !important;\r\n                                }\r\n\r\n                                &:nth-child(6n+4) {\r\n                                    border-left: 3px solid #124c86 !important;\r\n                                }\r\n\r\n                                &:nth-child(6) {\r\n                                    border-radius: 0;\r\n                                    border-left: 1px solid #0E3A66 !important;\r\n                                }\r\n\r\n                                &:nth-child(7) {\r\n                                    border-radius: 0;\r\n                                    border-left: 3px solid #165696 !important;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n\r\n                    .seamless-warp {\r\n                        margin-top: -1px;\r\n                        height: 100%;\r\n                        overflow: hidden;\r\n\r\n                        .item {\r\n                            li {\r\n                                display: flex;\r\n                                justify-content: space-between;\r\n                                margin-top: -1px;\r\n\r\n                                >div {\r\n                                    display: flex;\r\n                                    align-items: center;\r\n                                    justify-content: center;\r\n                                    padding: 10px 0;\r\n                                    text-align: center;\r\n                                    font-size: 16PX;\r\n                                    border-bottom: 1px solid #0E3A66;\r\n                                    border-left: 1px solid #0E3A66;\r\n                                    word-wrap: break-word;\r\n\r\n                                    &:last-child {\r\n                                        border-right: 1px solid #0E3A66;\r\n                                    }\r\n\r\n                                    &:nth-child(5n+4) {\r\n                                        border-left: 3px solid #124c86;\r\n                                    }\r\n\r\n                                    &:nth-child(6) {\r\n                                        border-left: 3px solid #165696;\r\n                                    }\r\n                                }\r\n\r\n                                .gq-div {\r\n                                    &:nth-child(5n+4) {\r\n                                        border-left: 1px solid #0E3A66;\r\n                                    }\r\n\r\n                                    &:nth-child(6n+4) {\r\n                                        border-left: 3px solid #124c86;\r\n                                    }\r\n\r\n                                    &:nth-child(6) {\r\n                                        border-left: 1px solid #0E3A66;\r\n                                    }\r\n\r\n                                    &:nth-child(7) {\r\n                                        border-left: 3px solid #165696;\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n\r\n                    }\r\n                }\r\n\r\n                .right-bottom-right {\r\n                    position: relative;\r\n                    width: 320PX;\r\n                    padding: 5PX;\r\n                    background: url('~@/assets/img/bigScreen/r-b-r-bg@2x.png') no-repeat center / 100% 100%;\r\n\r\n                    .group-list {\r\n                        margin-top: 42PX;\r\n\r\n                        .list-item {\r\n                            cursor: pointer;\r\n                            display: flex;\r\n                            align-items: center;\r\n                            width: 100%;\r\n                            height: 55PX;\r\n                            padding: 0 10PX;\r\n\r\n                            &:nth-child(2n+1) {\r\n                                background: #043072;\r\n                            }\r\n\r\n                            img {\r\n                                width: 20PX;\r\n                            }\r\n\r\n                            .item-name {\r\n                                font-size: 18PX;\r\n                                padding-left: 10px;\r\n                            }\r\n\r\n                            &:hover {\r\n                                .item-name {\r\n                                    color: #3399FF;\r\n                                }\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n\r\n\r\n            }\r\n\r\n        }\r\n\r\n        .title {\r\n            position: absolute;\r\n            left: 18PX;\r\n            top: 1.2%;\r\n            font-family: Microsoft YaHei, Microsoft YaHei;\r\n            font-weight: 700;\r\n            font-size: 18PX;\r\n            color: #FFFFFF;\r\n            line-height: 24px;\r\n            text-align: left;\r\n            font-style: normal;\r\n            text-transform: none;\r\n        }\r\n\r\n        .more-btn {\r\n            cursor: pointer;\r\n            position: absolute;\r\n            right: 10PX;\r\n            top: 7PX;\r\n            width: 48PX;\r\n            height: 25PX;\r\n            line-height: 25PX;\r\n            padding-left: 10PX;\r\n            font-size: 14PX;\r\n            background: linear-gradient(270deg, rgba(4, 71, 147, 0) 0%, #044794 100%);\r\n\r\n            &::after {\r\n                content: '';\r\n                position: absolute;\r\n                right: -2PX;\r\n                top: 50%;\r\n                width: 12PX;\r\n                height: 12PX;\r\n                transform: translateY(-50%);\r\n                background: url('~@/assets/img/bigScreen/icon-next@2x.png') no-repeat center / 100% 100%;\r\n            }\r\n        }\r\n\r\n        .no-data {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            height: 100%;\r\n            font-size: 18PX;\r\n            color: #b7b7b7;\r\n            text-align: center;\r\n        }\r\n\r\n        .loading-div {\r\n            position: relative;\r\n            height: calc(100% - 200PX);\r\n        }\r\n\r\n        .top-loading-one {\r\n            height: calc(100% - 120PX) !important;\r\n        }\r\n\r\n        .top-loading-two {\r\n            height: calc(100% - 90PX) !important;\r\n        }\r\n    }\r\n}\r\n",null]}