{"remainingRequest":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\operationFees.vue?vue&type=style&index=0&id=d78c94c6&scoped=true&lang=scss&","dependencies":[{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\src\\views\\BigScreen\\operationFees.vue","mtime":1704418079134},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\sfz-lh-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '../../views/BigScreen/bigScreen.scss';\r\n.operationFees{\r\n   width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    position: relative;\r\n    background: url('../../assets/img/bigScreen/bg.png') no-repeat center / 100% 100%;\r\n    color: #fff;\r\n}\r\n.left-sidebar{\r\n    display: block;\r\n}\r\n\r\n.right-bar-bg{\r\n    position: absolute;\r\n    top: 125px;\r\n    right: 40px;\r\n    width: 360px;\r\n    height: calc(100% - 180px);\r\n    border-radius: 4px;\r\n    opacity: 1;\r\n    z-index: 99;\r\n    padding: 10px;\r\n    box-sizing: border-box;\r\n    pointer-events: none;\r\n}\r\n.right-bar-bg::before{\r\n    content: '';\r\n    position: absolute;\r\n    right: -32px;\r\n    top: -34px;\r\n    width: 100%;\r\n    height: calc(100% + 66px);\r\n    background: url('../../assets/img/bigScreen/decoration-right.png') no-repeat center / 100% 100%;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n}\r\n.center-side-wrapper{\r\n    position: absolute;\r\n    top: 125px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 1000px;\r\n    height: calc((100% - 180px)*0.6);\r\n}\r\n.right-side-wrapper{\r\n    gap: 10px;\r\n    position: absolute;\r\n    top: 125px;\r\n    right: 40px;\r\n    width: 360px;\r\n    padding: 16px;\r\n    box-sizing: border-box;\r\n    height: calc((100% - 180px)*0.6);\r\n    background-color: #656870;\r\n    backdrop-filter: blur(10px);\r\n    background: url('../../assets/img/bigScreen/fee-border-right.png') no-repeat center / 100% 100%;\r\n}\r\n.bottom-side{\r\n    width: calc(100% - 456px);\r\n    height: calc((100% - 180px)*0.4 - 16px);\r\n    position: absolute;\r\n    bottom: 60px;\r\n    right: 40px;\r\n    gap: 16px;\r\n    .bottom-left, .bottom-right{\r\n        backdrop-filter: blur(10px);\r\n        width: 50%;\r\n        height: 100%;\r\n        padding: 16px;\r\n        box-sizing: border-box;\r\n        background: url('../../assets/img/bigScreen/fee-bottom-border-l.png') no-repeat center / 100% 100%;\r\n    }\r\n    .bottom-right{\r\n        background: url('../../assets/img/bigScreen/fee-bottom-border-r.png') no-repeat center / 100% 100%;\r\n    }\r\n}\r\n.section-content-wrapper{\r\n    width: 100%;\r\n    height: calc(100% - 40px);\r\n    margin-top: 10px;\r\n}\r\n.piebg{\r\n  height: 100%;\r\n  width: 50%;\r\n \r\n}\r\n.section-wrapper{\r\n    width: 100%;\r\n    height: 32%;\r\n}\r\n.section-wrapper2{\r\n    height: 36%;\r\n}\r\n.section-content-wrapper.fee{\r\n    justify-content: space-around;\r\n}\r\n.fee-type-label{\r\n    width: 100%;\r\n    height: 30px;\r\n    margin-bottom: 10px;\r\n    background: url('../../assets/img/bigScreen/fee-type-border.png') no-repeat center / 100% 100%;\r\n    span{\r\n        color: #fff;\r\n    }\r\n    img{\r\n        width: 14px;\r\n        height: 16px;\r\n        margin-right: 6px;\r\n    }\r\n}\r\n.fee-type-content{\r\n    width: 100%;\r\n    margin-top: 8px;\r\n    .label,.count{\r\n        width: 46px;\r\n    }\r\n    .fee-type-bar-bg{\r\n        width: calc(100% - 92px);\r\n        height: 8px;\r\n        background: #656870;\r\n        border-radius: 2px ;\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n    .fee-type-bar{\r\n        width: 0;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        height: 8px;\r\n        border-radius:0;\r\n        background: linear-gradient(90deg,  rgba(73,255,182,0) 0%,#49FFB6 100%);\r\n        transition: all 1s linear;\r\n    }\r\n    .fee-type-bar.cash{\r\n        background: linear-gradient(90deg,  rgba(73,255,182,0) 0%,#FC9651 100%);\r\n    }\r\n    .fee-type-bar:after{\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 3px;\r\n        height: 8px;\r\n        width: 1px;\r\n        background-color: #656870;\r\n    }\r\n    .fee-type-bar::before{\r\n        content: \"\";\r\n        position: absolute;\r\n        top: 0;\r\n        right: 6px;\r\n        height: 8px;\r\n        width: 1px;\r\n        background-color: #656870;\r\n    }\r\n    .count{\r\n        text-align: right;\r\n        color: #49FFB6;\r\n    }\r\n    .count.cash{\r\n        color: #FC9651;\r\n    }\r\n}\r\n\r\n.right-side-section{\r\n    width: 100%;\r\n    height: 50%;\r\n}\r\n.center-side-wrapper{\r\n    position: relative;\r\n    .bg{\r\n        width: 709px;\r\n        height: 572px;\r\n        position: absolute;\r\n        top: -40px;\r\n        left: 50%;\r\n        transform: translate(-50%, -6%);\r\n        background: url('../../assets/img/bigScreen/fee-chahua.png') no-repeat center / 100% 100%;\r\n        animation: bgFloat 15s linear infinite;\r\n    }\r\n    @keyframes bgFloat {\r\n        0% {\r\n            transform: translate(-50%, -3%);\r\n        }\r\n        50% {\r\n            transform: translate(-50%, 0);\r\n        }\r\n        100% {\r\n            transform: translate(-50%, -3%);\r\n        }\r\n    }\r\n    .total-search-type{\r\n        position: absolute;\r\n        top: 10px;\r\n        right: 0;\r\n        .search-type-item{\r\n            font-size: 16px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            padding: 6px 12px;\r\n            border: 1px solid rgba(40, 128, 216, 0.6);\r\n            background: rgba(51,153,255,0.2);\r\n            cursor: pointer;\r\n        }\r\n        .search-type-item:nth-of-type(1){\r\n            border-radius: 5px 0 0 5px;\r\n        }\r\n        .search-type-item:nth-of-type(2){\r\n            border-radius: 0 5px 5px 0;\r\n            margin-left: -1px;\r\n        }\r\n        .search-type-item.active,.search-type-item:hover{\r\n            border: 1px solid #15ADFA;\r\n            color: #fff;\r\n        }\r\n    }\r\n  \r\n    .total{\r\n        width: 460px;\r\n        height: 80px;\r\n        position: absolute;\r\n        top: 10px;\r\n        left: 50%;\r\n        transform: translate(-50%);\r\n        font-size: 18px;\r\n        font-weight: 400;\r\n        color: #FFFFFF;\r\n        background: url('../../assets/img/bigScreen/total-data-bg.png') no-repeat center / 100% 100%;\r\n    }\r\n    .total-count{\r\n        font-size: 40px;\r\n        font-weight: 700;\r\n        color: #FFFFFF;\r\n        margin: 0 10px;\r\n        letter-spacing: 2px;\r\n    }\r\n    .total-num-wrapper {\r\n        width: 320px;\r\n        height: 64px;\r\n        position: absolute;\r\n        \r\n        .label{\r\n            width: 100%;\r\n            text-align: center;\r\n            font-size: 18px;\r\n            font-weight: 400;\r\n            color: #FFFFFF;\r\n        }\r\n        .num-wrapper{\r\n            width: 100%;\r\n            margin-top: 8px;\r\n            height: 48px;\r\n            overflow: hidden;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n    }\r\n    .income{\r\n       left: 6%;\r\n       top: 30%;\r\n    }\r\n    .proxy{\r\n       right: 6%;\r\n       top: 30%;\r\n    }\r\n    .car-total{\r\n       left: 0;\r\n       top: 56%;\r\n    }\r\n\r\n    .car-daily{\r\n       right: 0;\r\n       top: 56%;\r\n    }\r\n    .number-blocks-wrapper{\r\n        width: 33px;\r\n        height: 48px;\r\n        transform: translate(0, 0);\r\n        transition: transform 1s ease-in-out;\r\n    }\r\n    .number-blocks-wrapper~.number-blocks-wrapper{\r\n        margin-left: 4px;\r\n    }\r\n    .number-block{\r\n        width: 100%;\r\n        height: 48px;\r\n        line-height: 48px;\r\n        vertical-align: middle;\r\n        background: rgba(255,255,255,0.2);\r\n        border-radius: 4px;\r\n        font-size: 40px;\r\n        font-weight: bold;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n\r\n    .number-block::before{\r\n        content:'';\r\n        position:absolute;\r\n        left: 0;\r\n        top: calc(50% - 1px);\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #2c4666;\r\n    }\r\n\r\n    .number-blocks-point{\r\n        width: 10px;\r\n        height: 48px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: flex-end;\r\n        span{\r\n            color: #FFFFFF;\r\n            font-size: 32px;\r\n        }\r\n    }\r\n    .number-blocks-rate{\r\n        margin-left: 4px;\r\n        width: 46px;\r\n        height: 48px;\r\n        line-height: 48px;\r\n        vertical-align: middle;\r\n        background: rgba(255,255,255,0.2);\r\n        border-radius: 4px;\r\n        font-size: 40px;\r\n        font-weight: bold;\r\n        position: relative;\r\n        text-align: center;\r\n    }\r\n    .number-blocks-rate::before{\r\n        content:'';\r\n        position:absolute;\r\n        left: 0;\r\n        top: calc(50% - 1px);\r\n        width: 100%;\r\n        height: 2px;\r\n        background: #2c4666;\r\n    }\r\n    \r\n}\r\n.out{\r\n    position: relative;\r\n    .total-car-type{\r\n        position: absolute;\r\n        height: 70%;\r\n        top: 0;\r\n        right: 0;\r\n        .car-type-item{\r\n\r\n            font-size: 12px;\r\n            color: rgba(255, 255, 255, 0.6);\r\n            padding: 0 8px;\r\n            border: 1px solid rgba(40, 128, 216, 0.6);\r\n            background: rgba(51,153,255,0.2);\r\n            cursor: pointer;\r\n        }\r\n        .car-type-item:nth-of-type(1){\r\n            border-radius: 5px 0 0 5px;\r\n        }\r\n        .car-type-item:nth-of-type(2){\r\n            border-radius: 0 5px 5px 0;\r\n            margin-left: -1px;\r\n        }\r\n        .car-type-item.active,.car-type-item:hover{\r\n            border: 1px solid #15ADFA;\r\n            color: #fff;\r\n        }\r\n    }\r\n}\r\n\r\n.fourColumn{\r\n    height: 33px !important;\r\n  }\r\n.foutHeader{\r\n  height: 33px !important;\r\n}\r\n\r\n.scroll-table-body>div{\r\n  height: 100% !important;\r\n}\r\n",null]}