{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\StandardModel.vue?vue&type=style&index=0&id=42b0034c&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\WindFarmOverview\\StandardModel.vue","mtime":1668478638678},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-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\r\n@import '@/assets/css/element-variables.scss';\r\n* {\r\n    color: $--color-text;\r\n}\r\n.box {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n}\r\n.right {\r\n    width: 280px;\r\n    height: 100%;\r\n    background-color: #fff;\r\n    border: 1px solid $--light-border;\r\n    border-top: 0;\r\n    border-radius: 5px;\r\n    background-color: $--background-color-secondary;\r\n    margin-left: 10px;\r\n}\r\n.title-angle {\r\n    border-top-right-radius: 5px;\r\n    border-top-left-radius: 5px;\r\n}\r\n.title {\r\n    width: 100%;\r\n    height: 30px;\r\n    text-align: center;\r\n    line-height: 30px;\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: bold;\r\n    background: linear-gradient(\r\n        to right,\r\n        $--light-border,\r\n        $--background-color-secondary-light\r\n    );\r\n    // background-color: $--light-border;\r\n    margin: 0px;\r\n}\r\n.windstati {\r\n    width: 100%;\r\n    height: 150px;\r\n}\r\n.list {\r\n    width: 100%;\r\n    height: 60px;\r\n    font-weight: bold;\r\n    padding-top: 10px;\r\n    display: flex;\r\n}\r\n.round {\r\n    width: 60px;\r\n    height: 60px;\r\n    border-radius: 50%;\r\n    color: #fff;\r\n    float: left;\r\n    text-align: center;\r\n    margin-left: 20px;\r\n    p {\r\n        margin: 0;\r\n    }\r\n    .bai {\r\n        margin-top: 13px;\r\n    }\r\n}\r\n.lie {\r\n    flex: 0 0 50%;\r\n}\r\n.lie-p {\r\n    margin: 0;\r\n    line-height: 60px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    span {\r\n        padding-right: 5px;\r\n        font-size: 16px;\r\n    }\r\n}\r\n.spantext {\r\n    font-weight: bold;\r\n    color: $--color-text;\r\n}\r\n.list_green {\r\n    background-color: #00de5e;\r\n}\r\n.text1 {\r\n    color: #00b050;\r\n}\r\n.list_yellow {\r\n    background-color: #ffc000;\r\n}\r\n.text2 {\r\n    color: #ffc000;\r\n}\r\n.list3 {\r\n    background-color: #7f7f7f;\r\n}\r\n.text3 {\r\n    color: #7f7f7f;\r\n}\r\n.list4 {\r\n    background-color: #ff6363;\r\n}\r\n.text4 {\r\n    color: #ff003b;\r\n}\r\n.bottom_box {\r\n    width: 100%;\r\n    height: calc(100% - 210px);\r\n}\r\n.bottom_text {\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    .bottom_text_item {\r\n        flex: 1;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-between;\r\n        padding: 0 20px;\r\n    }\r\n}\r\n.icon_style {\r\n    font-size: 24px;\r\n    color: $--light-active-border;\r\n    padding-right: 10px;\r\n}\r\n.xinxi {\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.left {\r\n    width: calc(100% - 280px);\r\n    height: 100%;\r\n}\r\n.left_scroll {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    justify-content: start;\r\n}\r\n\r\n.card {\r\n    height: 132px;\r\n    margin-top: 10px;\r\n    position: relative;\r\n    //   margin-right: 10px;\r\n    :hover {\r\n        cursor: pointer;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 831px) {\r\n    .left_scroll > div {\r\n        flex: 0 0 calc(100% - 2px);\r\n    }\r\n    .left_scroll > div:nth-of-type(1) {\r\n        margin-top: 0;\r\n    }\r\n\r\n    //   .left_scroll > div:nth-child(1) {\r\n    //     margin-right: 0;\r\n    //   }\r\n}\r\n@media screen and (min-width: 832px) {\r\n    .left_scroll > div {\r\n        flex: 0 0 calc(50% - 8px);\r\n    }\r\n    .left_scroll > div:nth-of-type(1),\r\n    .left_scroll > div:nth-of-type(2) {\r\n        margin-top: 0;\r\n    }\r\n    .left_scroll > div:nth-child(n) {\r\n        margin-right: 10px;\r\n    }\r\n    .left_scroll > div:nth-child(2n) {\r\n        margin-right: 0;\r\n    }\r\n}\r\n@media screen and (min-width: 1230px) {\r\n    .left_scroll > div {\r\n        flex: 0 0 calc(33.33% - 9px);\r\n    }\r\n    .left_scroll > div:nth-of-type(1),\r\n    .left_scroll > div:nth-of-type(2),\r\n    .left_scroll > div:nth-of-type(3) {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .left_scroll > div:nth-child(n) {\r\n        margin-right: 10px;\r\n    }\r\n    .left_scroll > div:nth-child(3n) {\r\n        margin-right: 0;\r\n    }\r\n}\r\n@media screen and (min-width: 1500px) {\r\n    .left_scroll > div {\r\n        flex: 0 0 calc(25% - 10px);\r\n    }\r\n    .left_scroll > div:nth-of-type(1),\r\n    .left_scroll > div:nth-of-type(2),\r\n    .left_scroll > div:nth-of-type(3),\r\n    .left_scroll > div:nth-of-type(4) {\r\n        margin-top: 0;\r\n    }\r\n    .left_scroll > div:nth-child(n) {\r\n        margin-right: 10px;\r\n    }\r\n    .left_scroll > div:nth-child(4n) {\r\n        margin-right: 0;\r\n    }\r\n}\r\n.card_left,\r\n.card_right {\r\n    height: 110px;\r\n}\r\n.card_left {\r\n    width: 100px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.card_right {\r\n    width: 170px;\r\n}\r\n.card_right > p {\r\n    margin: 8px 0 0 0;\r\n}\r\n.font_style {\r\n    font-size: 14px;\r\n    color: $--light-active-border;\r\n    font-weight: bold;\r\n    margin: 0;\r\n}\r\n.font_style.font_style_8 {\r\n    color: $--color-text;\r\n}\r\n.font_style.font_style_1 {\r\n    color: $--color-text;\r\n}\r\n.font_style.font_style_2 {\r\n    color: $--color-danger;\r\n}\r\n.font_style.font_style_4 {\r\n    color: $--color-text;\r\n}\r\n.font_style.font_style_16 {\r\n    color: $--color-primary-light;\r\n}\r\n.font_style.font_style_64 {\r\n    color: $--color-warning;\r\n}\r\n.font_style.font_style_32 {\r\n    color: $--color-success;\r\n}\r\n/deep/ .el-card__body {\r\n    padding: 10px;\r\n}\r\n.p_munber {\r\n    font-weight: bold;\r\n    padding: 0 5px;\r\n}\r\n.p_munber,\r\n.p_unit {\r\n    color: $--light-active-border;\r\n}\r\n.p_unit {\r\n    color: $--light-border;\r\n}\r\n.editScroll {\r\n    height: 100% !important;\r\n    overflow-x: hidden;\r\n    /deep/ .el-scrollbar__wrap {\r\n        overflow-x: hidden;\r\n    }\r\n}\r\n.text-color-white {\r\n    width: 100%;\r\n    color: $--color-text;\r\n    display: flex;\r\n    margin: 10px 0;\r\n}\r\n.content-info{\r\n    width: calc(100% - 66px);\r\n    display: flex;\r\n    justify-content: space-between;\r\n    margin-left: 10px;\r\n}\r\n.fanName{\r\n    font-size: 14px;\r\n    color: #25b4be;\r\n    margin-top: 10px;\r\n    margin-bottom: 0;\r\n}\r\n.icon-flag-ship{\r\n    position: absolute;\r\n    left: 0;\r\n    top: -4px;\r\n    width: 40px;\r\n    i{\r\n        font-size: 40px;\r\n        color: #ff6363;\r\n    }\r\n    span{\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #fff;\r\n        position: absolute;\r\n        left: 12px;\r\n        top: 10px;\r\n    }\r\n}\r\n",null]}