shuishen
2022-12-26 6ea2efd28a5c2f5b5ca8b4dd0af056b2c6efb0ec
src/styles/media/index.scss
@@ -40,22 +40,22 @@
                                border-top: countSizeVh(14) solid transparent;
                                top: countSizeVh(28);
                                left: countSizeVw(72, 1920);
                                div {
                                    height: countSizeVh(36);
                                    line-height: countSizeVh(36);
                                    font-size: countSizeVh(16);
                                }
                                div:first-child {
                                    padding-top: countSizeVh(10);
                                }
                                div:last-child {
                                    padding-bottom: countSizeVh(10);
                                }
                            }
                        }
                    }
                }
@@ -91,7 +91,116 @@
                                    height: countSizeVh(58);
                                    line-height: countSizeVh(58);
                                    font-size: countSizeVh(16);
                                    .title-num {
                                        font-size: countSizeVh(16);
                                    }
                                    .timer {
                                        width: countSizeVw(250, 1920);
                                        height: countSizeVh(30);
                                        .el-range-editor.el-input__inner {
                                            width: 100% !important;
                                            height: countSizeVh(32);
                                        }
                                        .el-range-editor .el-range-input {
                                            font-size: countSizeVh(14);
                                            height: countSizeVh(32);
                                            line-height: countSizeVh(32);
                                        }
                                        .el-icon-date:before {
                                            font-size: countSizeVh(14);
                                        }
                                        .el-date-editor .el-range__icon {
                                            line-height: countSizeVh(32);
                                            height: countSizeVh(32);
                                            margin-left: countSizeVw(4, 1920);
                                        }
                                        .el-date-editor .el-range-separator {
                                            height: countSizeVh(32);
                                            line-height: countSizeVh(32);
                                            font-size: countSizeVh(14);
                                        }
                                        .el-select {
                                            height: countSizeVh(32);
                                        }
                                        .el-input--suffix .el-input__inner {
                                            height: countSizeVh(32);
                                            font-size: countSizeVh(14);
                                            padding-left: countSizeVw(10, 1920);
                                        }
                                        .el-select .el-input .el-select__caret {
                                            font-size: countSizeVh(14);
                                            line-height: countSizeVh(32);
                                        }
                                    }
                                    .legend {
                                        width: calc(100% - countSizeVw(36, 1920));
                                        ul {
                                            li {
                                                margin-right: countSizeVw(10, 1920);
                                                div {
                                                    width: countSizeVw(20, 1920);
                                                    border-radius: countSizeVh(4);
                                                    margin-top: countSizeVh(5);
                                                    margin-right: countSizeVw(2, 1920);
                                                }
                                            }
                                        }
                                    }
                                }
                                .table-box {
                                    .el-checkbox__inner {
                                        width: countSizeVh(20);
                                        height: countSizeVh(20);
                                    }
                                    .el-checkbox__label {
                                        font-size: countSizeVh(16) !important;
                                    }
                                    .el-table__header-wrapper {
                                        height: countSizeVh(48);
                                        .el-table__header {
                                            height: 100%;
                                        }
                                    }
                                    .el-table .el-table__cell {
                                        padding: 0;
                                    }
                                    .el-table th.el-table__cell {
                                        height: 100%;
                                    }
                                    .el-table .cell {
                                        line-height: countSizeVh(48);
                                        font-size: countSizeVh(16);
                                    }
                                    .el-table th.el-table__cell>.cell {
                                        height: 100%;
                                    }
                                    .el-table__empty-text {
                                        font-size: countSizeVh(16);
                                    }
                                }
                                .sub-title {
                                    line-height: countSizeVh(36);
@@ -100,7 +209,8 @@
                                .sub-tab {
                                    padding: countSizeVh(10);
                                    .tab {
                                    .tab,
                                    .tab3 {
                                        &>div {
                                            height: countSizeVh(22);
@@ -130,10 +240,71 @@
                            left: countSizeVw(400, 1920);
                            width: calc(100% - countSizeVw(400, 1920) * 2);
                            height: countSizeVh(320);
                            .header {
                                height: countSizeVh(56);
                                .bottom-title {
                                    left: countSizeVw(18, 1920);
                                    height: countSizeVh(56);
                                    line-height: countSizeVh(56);
                                    font-size: countSizeVh(16);
                                    letter-spacing: countSizeVw(2, 1920);
                                }
                                .timeTab {
                                    top: countSizeVh(22);
                                    right: countSizeVw(12, 1920);
                                    border-radius: countSizeVh(6);
                                    span {
                                        padding: 0 countSizeVw(10, 1920);
                                        height: countSizeVh(26);
                                        line-height: countSizeVh(26);
                                    }
                                }
                                .history-tab {
                                    top: countSizeVh(22);
                                    right: countSizeVw(96, 1920);
                                    border-radius: countSizeVh(6);
                                    span {
                                        padding: 0 countSizeVw(10, 1920);
                                        height: countSizeVh(26);
                                        line-height: countSizeVh(26);
                                    }
                                }
                            }
                            .body {
                                margin: countSizeVh(12);
                                margin-top: countSizeVh(10);
                                margin-bottom: countSizeVh(14);
                                width: calc(100% - countSizeVw(24, 1920));
                                height: calc(100% - countSizeVh(80));
                                .warp {
                                    height: calc(100% - countSizeVh(44));
                                }
                                ul {
                                    li {
                                        height: countSizeVh(44);
                                        line-height: countSizeVh(44);
                                    }
                                }
                            }
                        }
                        .region-select {
                            top: countSizeVh(20);
                            width: countSizeVw(640, 1920);
                            height: countSizeVh(36);
                            .selects-container .selects-box .text {
                                font-size: countSizeVh(15);
                            }
                        }
                        .center-container {
@@ -142,18 +313,27 @@
                            .layers-control-btn {
                                width: countSizeVw(96, 1920);
                                height: countSizeVh(40);
                                border-radius: countSizeVh(20)
                                border-radius: countSizeVh(20);
                                .el-checkbox .el-checkbox__label {
                                    font-size: countSizeVh(16);
                                }
                                .el-checkbox .el-checkbox__inner {
                                    width: countSizeVh(20);
                                    height: countSizeVh(20);
                                }
                                .el-checkbox .el-checkbox__inner::after {
                                    height: countSizeVh(12);
                                    left: countSizeVw(7, 1920);
                                }
                            }
                        }
                        .el-checkbox__inner {
                            width: countSizeVh(20);
                            height: countSizeVh(20);
                        }
                        .el-checkbox__label {
                            font-size: countSizeVh(16) !important;
                        }
                    }
                    .house-page {
@@ -171,6 +351,13 @@
                                    font-size: countSizeVh(24);
                                    border: countSizeVh(1) solid rgb(0, 92, 169);
                                    border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
                                }
                                .el-input__inner {
                                    height: countSizeVh(40);
                                    line-height: countSizeVh(40);
                                    padding: 0 countSizeVw(15, 1920);
                                    border-radius: countSizeVh(4);
                                }
                            }
@@ -218,6 +405,7 @@
                                        &>div {
                                            padding: 0 countSizeVw(10, 1920);
                                            font-size: countSizeVh(16);
                                            .l {
                                                width: countSizeVw(80, 1920);
@@ -267,7 +455,7 @@
                                                width: countSizeVw(20, 1920);
                                                height: countSizeVh(60);
                                                padding-top: countSizeVh(12);
                                                i {
                                                    font-size: countSizeVh(30);
                                                    margin-left: countSizeVw(-5, 1920);
@@ -302,35 +490,35 @@
                                        .ridgepole-info {
                                            .content {
                                                & > div {
                                                &>div {
                                                    height: countSizeVh(26);
                                                    line-height: countSizeVh(26);
                                                    border-right: countSizeVh(1) solid #50555f;
                                                    & > div:last-child {
                                                        margin-left: countSizeVw(14,1920);
                                                    &>div:last-child {
                                                        margin-left: countSizeVw(14, 1920);
                                                        font-size: countSizeVh(18);
                                                    }
                                                }
                                            }
                                        }
                                        .people-info {
                                            .content {
                                                .two {
                                                    margin-top: countSizeVh(16);
                                                }
                                                .one,
                                                .two {
                                                    & > div {
                                                        & > div:first-child {
                                                    &>div {
                                                        &>div:first-child {
                                                            height: countSizeVh(30);
                                                            line-height: countSizeVh(30);
                                                            font-size: countSizeVh(18);
                                                        }
                                                        & > div:last-child {
                                                        &>div:last-child {
                                                            height: countSizeVh(26);
                                                            line-height: countSizeVh(26);
                                                        }
@@ -338,20 +526,21 @@
                                                }
                                            }
                                        }
                                        .house-info {
                                            .content {
                                                & > div {
                                                    & > div:first-child {
                                                &>div {
                                                    &>div:first-child {
                                                        height: countSizeVh(30);
                                                        line-height: countSizeVh(30);
                                                        font-size: countSizeVh(18);
                                                    }
                                                }
                                            }
                                            border-bottom: countSizeVh(1) dashed #ccc;
                                        }
                                        .ridgepole-info,
                                        .people-info,
                                        .house-info {
@@ -359,41 +548,47 @@
                                                height: countSizeVh(40);
                                                line-height: countSizeVh(40);
                                            }
                                            .content {
                                                padding: countSizeVh(10) 0;
                                            }
                                        }
                                        .house-element-info {
                                            .condo,
                                            .legend {
                                                height: countSizeVh(36);
                                                .type {
                                                    width: countSizeVw(80,1920);
                                                    width: countSizeVw(80, 1920);
                                                }
                                                .type-select {
                                                    margin-left: countSizeVw(20,1920);
                                                    margin-left: countSizeVw(20, 1920);
                                                    :deep(.el-input--suffix .el-input__inner) {
                                                        padding-right: countSizeVw(54,1920);
                                                        padding-right: countSizeVw(54, 1920);
                                                    }
                                                    .el-input--small{
                                                    .el-input--small {
                                                        font-size: countSizeVh(18);
                                                    }
                                                    .el-select:hover .el-input__inner{
                                                    .el-select:hover .el-input__inner {
                                                        height: countSizeVh(36);
                                                    }
                                                    .el-input--small .el-input__inner {
                                                        height: countSizeVh(36);
                                                    }
                                                    .el-input__suffix{
                                                    .el-input__suffix {
                                                        height: countSizeVh(36);
                                                        margin-right: countSizeVw(6,1920);
                                                        .el-icon-arrow-up:before{
                                                        margin-right: countSizeVw(6, 1920);
                                                        .el-icon-arrow-up:before {
                                                            font-size: countSizeVh(18);
                                                            height: countSizeVh(36);
                                                            line-height: countSizeVh(36);
@@ -401,191 +596,192 @@
                                                        }
                                                    }
                                                }
                                                .type-val {
                                                    & > div {
                                                        & > span {
                                                            margin: 0 countSizeVw(10,1920);
                                                            width: countSizeVw(14,1920);
                                                    &>div {
                                                        &>span {
                                                            margin: 0 countSizeVw(10, 1920);
                                                            width: countSizeVw(14, 1920);
                                                            height: countSizeVh(8);
                                                        }
                                                        .chuzu {
                                                            border: countSizeVh(1) solid #348b3a;
                                                        }
                                                        .zizhu {
                                                            border: countSizeVh(1) solid #2c77bb;
                                                        }
                                                        .kongzhi {
                                                            border: countSizeVh(1) solid #5c6169;
                                                        }
                                                        .shangye {
                                                            border: countSizeVh(1) solid #cc9456;
                                                        }
                                                    }
                                                }
                                            }
                                            .floor-outBox {
                                                height: countSizeVh(26);
                                                margin-top: countSizeVh(9);
                                                .floorBtn {
                                                    left: countSizeVw(30,1920);
                                                    left: countSizeVw(30, 1920);
                                                    top: -countSizeVh(2);
                                                    width: countSizeVw(20,1920);
                                                    width: countSizeVw(20, 1920);
                                                    height: countSizeVh(26);
                                                    i {
                                                        font-size: countSizeVh(30);
                                                        margin-left: -countSizeVw(5,1920);
                                                        margin-left: -countSizeVw(5, 1920);
                                                    }
                                                }
                                                .rightFloorBtn {
                                                    left: countSizeVw(350,1920);
                                                    left: countSizeVw(350, 1920);
                                                }
                                                .floor-box {
                                                    width: countSizeVw(252,1920);
                                                    width: countSizeVw(252, 1920);
                                                    height: countSizeVh(26);
                                                    left: countSizeVw(67,1920);
                                                    left: countSizeVw(67, 1920);
                                                    .floor-num {
                                                        width: countSizeVw(504,1920);
                                                        width: countSizeVw(504, 1920);
                                                        left: 0;
                                                        & > div {
                                                            margin: 0 countSizeVw(4,1920);
                                                            width: countSizeVw(84,1920);
                                                        &>div {
                                                            margin: 0 countSizeVw(4, 1920);
                                                            width: countSizeVw(84, 1920);
                                                            height: countSizeVh(26);
                                                            border-radius: countSizeVh(13);
                                                        }
                                                        & > .on {
                                                        &>.on {
                                                            border: countSizeVh(1) solid orange;
                                                        }
                                                    }
                                                }
                                            }
                                            .floor-detail {
                                                margin-top: countSizeVh(14);
                                                height: countSizeVh(220);
                                                & > div {
                                                &>div {
                                                    margin: countSizeVh(8);
                                                    height: countSizeVh(36);
                                                    line-height: countSizeVh(36);
                                                    .title {
                                                        width: countSizeVw(50,1920);
                                                        width: countSizeVw(50, 1920);
                                                    }
                                                    .detail {
                                                        & > div {
                                                            margin: 0 countSizeVw(4,1920);
                                                            width: countSizeVw(68,1920);
                                                        &>div {
                                                            margin: 0 countSizeVw(4, 1920);
                                                            width: countSizeVw(68, 1920);
                                                            height: countSizeVh(36);
                                                            border: countSizeVh(1) solid #ccc;
                                                            .flow,
                                                            .focus,
                                                            .warning {
                                                                right: countSizeVw(4,1920);
                                                                width: countSizeVw(6,1920);
                                                                right: countSizeVw(4, 1920);
                                                                width: countSizeVw(6, 1920);
                                                                height: countSizeVh(6);
                                                            }
                                                            .flow {
                                                                top: calc((100% - countSizeVh(18)) / 4);
                                                            }
                                                            .focus {
                                                                top: calc(
                                                                    (100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6)
                                                                );
                                                                top: calc((100% - countSizeVh(18)) / 4 * 2 + countSizeVh(6));
                                                            }
                                                            .warning {
                                                                top: calc(
                                                                    (100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12)
                                                                );
                                                                top: calc((100% - countSizeVh(18)) / 4 * 3 + countSizeVh(12));
                                                            }
                                                        }
                                                        & > .chuzu {
                                                        &>.chuzu {
                                                            border: countSizeVh(1) solid #3a8b3a;
                                                        }
                                                        & > .zizhu {
                                                        &>.zizhu {
                                                            border: countSizeVh(1) solid #2c77bb;
                                                        }
                                                        & > .kongzhi {
                                                        &>.kongzhi {
                                                            border: countSizeVh(1) solid #5c6169;
                                                        }
                                                        & > .shangye {
                                                        &>.shangye {
                                                            border: countSizeVh(1) solid #cc9456;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                                .police-info {
                                    .tableClass {
                                        width: countSizeVw(600,1920);
                                        width: countSizeVw(600, 1920);
                                        height: countSizeVh(400);
                                    }
                                    .tableClass th,
                                    .tableClass td {
                                        width: countSizeVw(200,1920);
                                        width: countSizeVw(200, 1920);
                                    }
                                }
                            }
                        }
                        .search-content {
                            left:  countSizeVw(760, 1920);
                            left: countSizeVw(760, 1920);
                            top: countSizeVh(40);
                            width: countSizeVh(460);
                            width: countSizeVw(460, 1920);
                            height: countSizeVh(36);
                            input {
                                width: calc(100% - countSizeVw(80, 1920));
                                width: countSizeVw(380, 1920);
                                font-size: countSizeVh(18);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: countSizeVh(20) 0 0 countSizeVh(20);
                                // vertical-align: top;
                            }
                            button {
                                font-size: countSizeVh(24);
                                width:  countSizeVw(80, 1920);
                                width: countSizeVw(80, 1920);
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                                border-radius: 0 countSizeVh(20) countSizeVh(20) 0;
                            }
                            button:active {
                                border: countSizeVh(1) solid rgb(0, 92, 169);
                            }
                        }
                        .searchExtensively-val-box {
                            top:  countSizeVh(80);
                            left:  countSizeVw(760,1920);
                            width:  countSizeVw(314,1920);
                            max-height:  countSizeVh(200);
                            border-radius:  countSizeVh(10);
                            & > div {
                            top: countSizeVh(80);
                            left: countSizeVw(760, 1920);
                            width: countSizeVw(380, 1920);
                            max-height: countSizeVh(400);
                            border-radius: countSizeVh(10);
                            &>div {
                                div {
                                    padding: 0  countSizeVw(10,1920);
                                    line-height:  countSizeVh(36);
                                    padding: 0 countSizeVw(10, 1920);
                                    line-height: countSizeVh(36);
                                }
                            }
                        }
@@ -702,9 +898,9 @@
                                    .el-table__header {
                                        height: 100%;
                                    }
                                }
                                .el-table .el-table__cell {
                                    padding: 0;
                                }
@@ -804,7 +1000,8 @@
                            .draw-btn {
                                margin: countSizeVh(8) countSizeVw(8, 1920);
                                height: countSizeVh(26);
                                .el-button--mini{
                                .el-button--mini {
                                    font-size: countSizeVh(16);
                                    padding: countSizeVh(8) 0;
                                    border-radius: countSizeVh(4);
@@ -961,12 +1158,12 @@
                                    .el-table__header-wrapper {
                                        height: countSizeVh(48);
                                        .el-table__header {
                                            height: 100%;
                                        }
                                    }
                                    .el-table .el-table__cell {
                                        padding: 0;
                                    }
@@ -974,16 +1171,16 @@
                                    .el-table th.el-table__cell {
                                        height: 100%;
                                    }
                                    .el-table .cell {
                                        line-height: countSizeVh(48);
                                        font-size: countSizeVh(16);
                                    }
                                    .el-table th.el-table__cell>.cell {
                                        height: 100%;
                                    }
                                    .el-table__empty-text {
                                        font-size: countSizeVh(16);
                                    }
@@ -994,20 +1191,20 @@
                                        &>div {
                                            display: flex;
                                            align-items: center;
                                            &>button {
                                                width: countSizeVh(32);
                                                height: countSizeVh(32);
                                                &>i {
                                                    font-size: countSizeVh(16);
                                                }
                                            }
                                            &>ul {
                                                display: flex;
                                                align-items: center;
                                                li {
                                                    width: countSizeVh(32);
                                                    height: countSizeVh(32);
@@ -1017,7 +1214,7 @@
                                            }
                                        }
                                    }
                                }
                            }
@@ -1045,7 +1242,8 @@
                                        width: countSizeVw(88, 1920);
                                        font-size: countSizeVh(16);
                                    }
                                    .category-value{
                                    .category-value {
                                        .category-input {
                                            width: 80%;
                                            height: countSizeVh(32);
@@ -1053,7 +1251,7 @@
                                            border: countSizeVh(1) solid rgb(0, 92, 169);
                                            border-radius: countSizeVh(5) 0 0 countSizeVw(5, 1920);
                                        }
                                        .category-button {
                                            font-size: countSizeVh(20);
                                            // width: countSizeVw(60, 1920);
@@ -1062,54 +1260,56 @@
                                            border: countSizeVh(1) solid rgb(0, 92, 169);
                                            border-radius: 0 countSizeVw(5, 1920) countSizeVh(5) 0;
                                        }
                                        .category-button:active {
                                            border: countSizeVh(1) solid rgb(0, 92, 169);
                                        }
                                        .el-range-editor.el-input__inner{
                                            width: 100%!important;
                                        .el-range-editor.el-input__inner {
                                            width: 100% !important;
                                            height: countSizeVh(32);
                                        }
                                        .el-range-editor .el-range-input{
                                        .el-range-editor .el-range-input {
                                            font-size: countSizeVh(14);
                                            height: countSizeVh(32);
                                            line-height: countSizeVh(32);
                                        }
                                        .el-icon-date:before{
                                        .el-icon-date:before {
                                            font-size: countSizeVh(14);
                                        }
                                        .el-date-editor .el-range__icon{
                                           line-height: countSizeVh(32);
                                           height: countSizeVh(32);
                                           margin-left: countSizeVw(4, 1920);
                                        .el-date-editor .el-range__icon {
                                            line-height: countSizeVh(32);
                                            height: countSizeVh(32);
                                            margin-left: countSizeVw(4, 1920);
                                        }
                                        .el-date-editor .el-range-separator{
                                           height: countSizeVh(32);
                                           line-height: countSizeVh(32);
                                           font-size: countSizeVh(14);
                                        .el-date-editor .el-range-separator {
                                            height: countSizeVh(32);
                                            line-height: countSizeVh(32);
                                            font-size: countSizeVh(14);
                                        }
                                        .el-select {
                                            width: 100%;
                                            height: countSizeVh(32);
                                        }
                                        .el-input--suffix .el-input__inner{
                                        .el-input--suffix .el-input__inner {
                                            height: countSizeVh(32);
                                            font-size: countSizeVh(14);
                                            padding-left: countSizeVw(10, 1920);
                                        }
                                        .el-select .el-input .el-select__caret{
                                        .el-select .el-input .el-select__caret {
                                            font-size: countSizeVh(14);
                                            line-height: countSizeVh(32);
                                        }
                                    }
                                }
                            }
@@ -1196,26 +1396,30 @@
                        .second-container {
                            top: countSizeVh(10);
                            width: countSizeVw(240, 1920);
                            .el-tree-node__content{
                            .el-tree-node__content {
                                height: countSizeVh(30);
                                font-size: countSizeVh(16);
                            }
                            .el-tree-node__label{
                            .el-tree-node__label {
                                font-size: countSizeVh(16);
                            }
                            .el-checkbox .el-checkbox__inner{
                            .el-checkbox .el-checkbox__inner {
                                height: countSizeVh(20);
                                width: countSizeVh(20);
                                border-radius: countSizeVh(2);
                            }
                            .el-tree-node__expand-icon{
                            .el-tree-node__expand-icon {
                                font-size: countSizeVh(16);
                            }
                            .el-checkbox .el-checkbox__inner::after{
                            .el-checkbox .el-checkbox__inner::after {
                                height: countSizeVh(16);
                                left:countSizeVw(7, 1920);
                                left: countSizeVw(7, 1920);
                            }
                        }
@@ -1271,7 +1475,7 @@
                }
                .flexible-btn{
                .flexible-btn {
                    font-size: countSizeVh(24);
                }
@@ -1386,40 +1590,151 @@
                    bottom: countSizeVh(154);
                }
            }
            .auth-page {
                .loginTitle {
                    font-size: countSizeVh(46);
                    letter-spacing: countSizeVh(6);
                }
                .login_content {
                    width: countSizeVw(300, 1920);
                    padding: countSizeVh(30);
                    background-size: 100% 100%, countSizeVh(25), countSizeVh(25), countSizeVh(25), countSizeVh(25);
                    p {
                        font-size: countSizeVh(26);
                        margin-bottom: countSizeVh(15);
                        letter-spacing: countSizeVh(4);
                    }
                    .el-button--primary {
                        height: countSizeVh(34);
                        border-radius: countSizeVh(2);
                    }
                    .el-button {
                        height: countSizeVh(34);
                        line-height: countSizeVh(24);
                        font-size: countSizeVh(14);
                    }
                    .el-input__inner,
                    .el-input__icon {
                        font-size: countSizeVh(14);
                        line-height: countSizeVh(34);
                    }
                    .el-input__inner {
                        height: countSizeVh(34);
                    }
                    .el-input__prefix {
                        left: countSizeVw(5, 1920);
                    }
                    .el-input--prefix .el-input__inner {
                        padding-left: countSizeVw(30, 1920);
                    }
                }
            }
        }
        .option-css,.activity-option,.unit-option{
        .option-css,
        .activity-option,
        .unit-option {
            height: countSizeVh(40);
            line-height: countSizeVh(40);
            font-size: countSizeVh(16);
        }
        .option-css:hover,.option-css.selected {
        .option-css:hover,
        .option-css.selected {
            color: #409EFF;
        }
        .option-css:hover {
            background-color:rgba(0, 92, 169, 0.3) !important;
            background-color: rgba(0, 92, 169, 0.3) !important;
        }
        .el-select-dropdown__wrap {
            max-height: countSizeVh(200);
        }
        .el-picker-panel{
            width: countSizeVw(536, 1920)!important;
        .el-picker-panel {
            width: countSizeVw(536, 1920) !important;
        }
        .el-date-range-picker__header div{
        .el-date-range-picker__header div {
            font-size: countSizeVh(16);
            height: countSizeVh(36);
            line-height: countSizeVh(36);
        }
        .el-picker-panel .el-date-range-picker__header button {
            font-size: countSizeVh(16);
            height: countSizeVh(36);
            line-height: countSizeVh(36);
        }
        .el-date-table td span,.el-date-table th{
        .el-date-table td span,
        .el-date-table th {
            font-size: countSizeVh(16);
        }
        .el-date-table tr{
        .el-date-table tr {
            height: countSizeVh(22);
        }
        .el-picker-panel__sidebar {
            width: countSizeVw(110, 1920);
        }
        .el-picker-panel__shortcut {
            font-size: countSizeVh(14);
            height: countSizeVh(32);
        }
        .el-picker-panel [slot=sidebar]+.el-picker-panel__body,
        .el-picker-panel__sidebar+.el-picker-panel__body {
            margin-left: countSizeVw(110, 1920);
        }
        .tree-search-popup {
            top: countSizeVh(135) !important;
            left: countSizeVw(0, 1920) !important;
        }
        .el-popover {
            min-width: countSizeVw(150, 1920);
            padding: countSizeVh(12);
            border-radius: countSizeVh(4);
            font-size: countSizeVh(14);
            .el-input {
                font-size: countSizeVh(14);
            }
            .el-tree {
                height: countSizeVh(360) !important;
                width: countSizeVw(400, 1920) !important;
                .el-tree-node__content {
                    height: countSizeVh(26);
                }
                .el-tree-node__expand-icon {
                    font-size: countSizeVh(12);
                }
                .el-tree-node__label {
                    font-size: countSizeVh(14);
                }
            }
        }
    }
}