.mode-compare-box[data-v-1e488065] {
    display: flex;
    position: fixed;
    width: calc(100vw - 315px);
    left: 0;
    top: 146px;
    height: calc(100vh - 146px);
    font-size: 20px
}

.mode-compare-box .mode-compare-map-box[data-v-1e488065] {
    display: grid;
    width: 100%;
    background: #a1dcff;
    margin-left: 0;
    transition: .3s
}

.mode-compare-box .mode-compare-map-box .mode-compare-map-box-single[data-v-1e488065] {
    position: relative
}

.mode-compare-box .mode-compare-map-box .mode-compare-map-box-single .mode-compare-map-box-single-item[data-v-1e488065] {
    height: 100%
}

.mode-compare-box .mode-compare-map-box-2map[data-v-1e488065] {
    grid-template-columns: repeat(2, 1fr)
}

.mode-compare-box .mode-compare-map-box-2map .mode-compare-map-box_0[data-v-1e488065] {
    border-right: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-2map .mode-compare-map-box_1[data-v-1e488065] {
    border-left: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-3map[data-v-1e488065] {
    grid-template-columns: repeat(3, 1fr)
}

.mode-compare-box .mode-compare-map-box-3map .mode-compare-map-box_0[data-v-1e488065] {
    border-right: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-3map .mode-compare-map-box_1[data-v-1e488065] {
    border-left: 1px solid #ff5;
    border-right: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-3map .mode-compare-map-box_2[data-v-1e488065] {
    border-left: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-4map[data-v-1e488065] {
    grid-template-columns: repeat(2, 1fr)
}

.mode-compare-box .mode-compare-map-box-4map .mode-compare-map-box_0[data-v-1e488065] {
    border-right: 1px solid #ff5;
    border-bottom: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-4map .mode-compare-map-box_1[data-v-1e488065] {
    border-left: 1px solid #ff5;
    border-bottom: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-4map .mode-compare-map-box_2[data-v-1e488065] {
    border-right: 1px solid #ff5;
    border-top: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-4map .mode-compare-map-box_3[data-v-1e488065] {
    border-left: 1px solid #ff5;
    border-top: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map[data-v-1e488065] {
    grid-template-columns: repeat(3, 1fr)
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_0[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_0[data-v-1e488065] {
    border-right: 1px solid #ff5;
    border-bottom: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_1[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_1[data-v-1e488065] {
    border-left: 1px solid #ff5;
    border-right: 1px solid #ff5;
    border-bottom: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_2[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_2[data-v-1e488065] {
    border-left: 1px solid #ff5;
    border-bottom: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_3[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_3[data-v-1e488065] {
    border-top: 1px solid #ff5;
    border-right: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_4[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_4[data-v-1e488065] {
    border-top: 1px solid #ff5;
    border-left: 1px solid #ff5;
    border-right: 1px solid #ff5
}

.mode-compare-box .mode-compare-map-box-5map .mode-compare-map-box_5[data-v-1e488065],
.mode-compare-box .mode-compare-map-box-6map .mode-compare-map-box_5[data-v-1e488065] {
    border-top: 1px solid #ff5;
    border-left: 1px solid #ff5
}

.mode-compare-box .mode-compare-box-text-span[data-v-1e488065] {
    position: absolute;
    z-index: 1;
    color: rgba(var(--text-color), 1);
    left: 0
}

.mode-compare-box .mode-compare-box-color-bar[data-v-1e488065] {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border: 1px solid #000;
    background: rgba(0, 0, 0, .5);
    display: flex
}

.mode-compare-box .mode-compare-box-color-bar .color-bar-color-box[data-v-1e488065],
.mode-compare-box .mode-compare-box-color-bar .split-color-bar-color-box[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse
}

.mode-compare-box .mode-compare-box-color-bar .color-bar-color-box .color-item[data-v-1e488065],
.mode-compare-box .mode-compare-box-color-bar .split-color-bar-color-box .color-item[data-v-1e488065] {
    height: 20px;
    width: 28px
}

.mode-compare-box .mode-compare-box-color-bar .split-color-bar-color-box[data-v-1e488065] {
    flex-direction: row
}

.mode-compare-box .mode-compare-box-color-bar .split-color-bar-color-box .split-color-bar-color-box-item[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse
}

.mode-compare-box .mode-compare-box-color-bar .color-code-options[data-v-1e488065],
.mode-compare-box .mode-compare-box-color-bar .split-color-code-options[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    top: 0;
    width: 100%
}

.mode-compare-box .mode-compare-box-color-bar .color-code-options .color-code-item[data-v-1e488065],
.mode-compare-box .mode-compare-box-color-bar .split-color-code-options .color-code-item[data-v-1e488065] {
    display: flex;
    width: 28px;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000
}

.mode-compare-box .mode-compare-box-color-bar .split-color-code-options[data-v-1e488065] {
    flex-direction: row
}

.mode-compare-box .mode-compare-box-color-bar .split-color-code-options .split-color-code-options-item[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse
}

.mode-compare-box .mode-compare-box-date-span[data-v-1e488065] {
    display: flex;
    background: hsla(0, 0%, 100%, .7);
    color: #333;
    bottom: 0;
    padding: 3px 6px;
    font-family: HarmonyOS Sans SC
}

.mode-compare-box .mode-compare-box-date-span>span[data-v-1e488065] {
    font-size: 20px
}

.mode-compare-box .mode-compare-box-mode-span[data-v-1e488065] {
    top: 0;
    background-color: #fff;
    color: #000;
    border: 3px solid #ed7d31;
    padding: 0 4px
}

.mode-compare-box .mode-compare-box-mode-span>span[data-v-1e488065] {
    font-size: 24px;
    line-height: 32px
}

.mode-compare-box .mode-compare-three-dimension-control-panel[data-v-1e488065] {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 0 10px 10px;
    width: 46px;
    background: rgba(var(--bg-color));
    right: 0;
    bottom: 0
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-text[data-v-1e488065] {
    display: flex;
    justify-content: center;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    margin: 15px 0 4px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-button-group[data-v-1e488065] {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-button[data-v-1e488065] {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    height: 25px;
    width: 100%;
    background: hsla(0, 0%, 100%, .149);
    border-radius: 3px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-button>img[data-v-1e488065] {
    height: 15px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-button[data-v-1e488065]:hover {
    cursor: pointer;
    background: hsla(0, 0%, 100%, .6)
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-panel-button-select[data-v-1e488065] {
    background: #6495ed
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-slider-vertical[data-v-1e488065] .el-slider__button,
.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-slider[data-v-1e488065] .el-slider__button {
    border-radius: 25%;
    background-color: #bac0ca;
    width: 7px;
    height: 16px;
    border: none
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-slider-vertical[data-v-1e488065] .el-slider__button {
    width: 16px;
    height: 7px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-slider-vertical[data-v-1e488065] .el-slider__runway {
    margin: 0 10px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch[data-v-1e488065] {
    min-height: 23px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group[data-v-1e488065] {
    display: flex;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    gap: 5px;
    color: #fff;
    line-height: 21px;
    border: 1px solid hsla(0, 0%, 100%, .298);
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group .three-dimension-control-stretch-span[data-v-1e488065] {
    font-size: 12px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group .three-dimension-control-stretch-button[data-v-1e488065] {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 12px;
    font-size: 16px
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group .three-dimension-control-stretch-button[data-v-1e488065]:hover {
    background-color: hsla(0, 0%, 100%, .298)
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group .three-dimension-control-stretch-button[data-v-1e488065]:first-child {
    border-right: 1px solid hsla(0, 0%, 100%, .298)
}

.mode-compare-box .mode-compare-three-dimension-control-panel .three-dimension-control-stretch .three-dimension-control-stretch-button-group .three-dimension-control-stretch-button[data-v-1e488065]:last-child {
    border-left: 1px solid hsla(0, 0%, 100%, .298)
}

.mode-compare-box .mode-compare-three-dimension-level-panel[data-v-1e488065] {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 1;
    right: 0;
    bottom: 0;
    gap: 15px;
    background: rgba(var(--button-bg-color));
    padding: 6px 15px
}

.mode-compare-box .mode-compare-three-dimension-level-panel .el-select[data-v-1e488065] {
    width: 110px
}

.mode-compare-box .mode-compare-box-text-color-box[data-v-1e488065] {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    height: 20px;
    position: relative
}

.mode-compare-box .mode-compare-box-text-color-box .el-slider[data-v-1e488065] {
    position: absolute;
    width: 360px;
    height: 20px;
    --el-color-white: #000;
    --el-slider-main-bg-color: #fff;
    --el-slider-button-size: 12px;
    --el-slider-runway-bg-color: transparent
}

.mode-compare-box .mode-compare-box-text-color-box .el-slider[data-v-1e488065] .el-slider__bar {
    background-color: transparent
}

.mode-compare-box .mode-compare-box-text-color-box .mode-compare-box-text-color-threshold-text[data-v-1e488065] {
    position: absolute;
    color: #000;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    transform: translateX(-50%)
}

.mode-compare-box .mode-compare-box-multiElement-text-color-box[data-v-1e488065] {
    padding: 15px;
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--button-bg-color), 1)
}

.mode-compare-box .mode-compare-box-multiElement-text-color-box .mode-compare-box-color-threshold-text[data-v-1e488065] {
    position: absolute;
    color: #000;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    transform: translateX(-50%);
    left: 25px
}

.mode-compare-box .mode-compare-box-multiElement-text-color-box .el-slider[data-v-1e488065] {
    position: absolute;
    height: 360px;
    width: 20px;
    --el-color-white: #000;
    --el-slider-main-bg-color: #fff;
    --el-slider-button-size: 12px;
    --el-slider-runway-bg-color: transparent
}

.mode-compare-box .mode-compare-box-multiElement-text-color-box .el-slider[data-v-1e488065] .el-slider__runway {
    margin: 0 7px
}

.mode-compare-box .mode-compare-box-multiElement-text-color-box .el-slider[data-v-1e488065] .el-slider__bar {
    background-color: transparent
}

.mode-compare-box .mode-compare-box-color-box[data-v-1e488065] {
    padding: 15px;
    position: absolute;
    display: flex;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--button-bg-color), 1)
}

.mode-compare-box .mode-compare-box-color-box .mode-compare-box-color-threshold-text[data-v-1e488065] {
    position: absolute;
    color: #000;
    text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
    transform: translateX(-50%);
    left: 25px
}

.mode-compare-box .mode-compare-box-color-box .el-slider[data-v-1e488065] {
    position: absolute;
    height: 360px;
    width: 20px;
    --el-color-white: #000;
    --el-slider-main-bg-color: #fff;
    --el-slider-button-size: 12px;
    --el-slider-runway-bg-color: transparent
}

.mode-compare-box .mode-compare-box-color-box .el-slider[data-v-1e488065] .el-slider__runway {
    margin: 0 7px
}

.mode-compare-box .mode-compare-box-color-box .el-slider[data-v-1e488065] .el-slider__bar {
    background-color: transparent
}

.color-bar-box[data-v-1e488065] {
    position: fixed;
    width: 30px;
    background: #6495ed;
    bottom: 26px;
    border: 1px solid #000
}

.color-bar-box .color-bar-color-box[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
    max-height: 780px
}

.color-bar-box .color-bar-color-box>div[data-v-1e488065] {
    height: 20px
}

.color-bar-box .color-code-options[data-v-1e488065] {
    display: flex;
    flex-direction: column-reverse;
    position: absolute;
    top: 0;
    width: 100%
}

.color-bar-box .color-code-options>div[data-v-1e488065] {
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000
}

.color-bar-box .color-code-options>div[data-v-1e488065] .el-tooltip__trigger {
    color: #faebd7
}

.color-bar-box .color-code-options .float-wind-text[data-v-1e488065] {
    position: absolute;
    width: 30px;
    transform: translate(110%, 50%);
    font-size: 12px;
    font-weight: 700;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #faebd7
}

.color-bar-box-split-screen[data-v-1e488065] {
    right: 315px;
    bottom: 0
}

.el-overlay[data-v-1e488065],
.el-popper[data-v-1e488065] {
    z-index: 9999 !important
}

.custo-el-table[data-v-1e488065] .el-table__body-wrapper {
    font-size: 12px;
    background: rgba(var(--table-content-color), 1)
}

.custo-el-table[data-v-1e488065] .el-table__body .el-table__row.hover-row td {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table[data-v-1e488065] .el-table__header,
.custo-el-table[data-v-1e488065] .tableHeader th {
    font-size: 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-head-color), 1) !important;
    font-weight: 0
}

.custo-el-table[data-v-1e488065] .el-table__row,
.custo-el-table[data-v-1e488065] .evenRow {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--2nd-bg-color), 1) !important;
    font-size: 12px
}

.custo-el-table[data-v-1e488065] .el-table__row--striped,
.custo-el-table[data-v-1e488065] .oddRow {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-content-color), 1) !important;
    font-size: 12px
}

.custo-el-table[data-v-1e488065] tbody tr:hover>td {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table[data-v-1e488065] .el-table td.el-table__cell {
    padding: 5px 0 !important;
    border-bottom: 0 !important
}

.custo-el-table[data-v-1e488065] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--table-bg-hover-color), 1)
}

.custo-el-table[data-v-1e488065] .el-table__inner-wrapper:before {
    background-color: transparent
}

.custo-el-table[data-v-1e488065] .el-table-fixed-column--right {
    background-color: rgba(var(--table-head-color), 1) !important;
    z-index: 888
}

.custo-el-table[data-v-1e488065] .tableHeader .cell {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.custo-el-table-new .el-table[data-v-1e488065] {
    --el-table-header-text-color: rgba(var(--text-color), 1);
    --el-table-header-bg-color: rgba(var(--table-head-color), 1);
    --el-table-tr-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-fill-color-lighter: rgba(var(--table-head-color), 1);
    --el-table-text-color: rgba(var(--text-color), 1);
    --el-table-row-hover-bg-color: rgba(var(--1st-bg-color), 1);
    --el-table-border-color: rgba(var(--button-border-color), 1)
}

.custo-el-page[data-v-1e488065] .btn-next,
.custo-el-page[data-v-1e488065] .btn-prev {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pager li {
    background: rgba(var(--button-bg-color), 1) !important;
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pager .is-active {
    color: rgba(var(--button-select-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__jump {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__jump .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__jump .el-input__inner {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__editor.el-input {
    width: auto
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-tag.el-tag--info {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select__wrapper {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select__tags .el-tag {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select-dropdown__list {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-page[data-v-1e488065] .el-pagination__sizes .el-select__selected-item {
    color: rgba(var(--text-color))
}

.custo-el-page[data-v-1e488065] .el-pagination__total {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-1e488065] .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    box-shadow: 0
}

.custo-el-input[data-v-1e488065] .el-input__inner {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-1e488065] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-input[data-v-1e488065] .el-textarea__inner {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    color: rgba(var(--text-color), 1);
    font-size: 13px
}

.custo-el-input[data-v-1e488065] .el-range-input,
.custo-el-input[data-v-1e488065] .el-range-separator {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-1e488065] .is-disabled .el-range-input {
    background-color: transparent
}

.custo-el-check[data-v-1e488065] {
    --el-fill-color-blank: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--text-color), 1)
}

.custo-el-check[data-v-1e488065] .el-checkbox__label {
    font-size: 13px;
    padding-right: 4px
}

.custo-el-check[data-v-1e488065] .el-checkbox__input .el-checkbox__inner {
    border-color: rgba(var(--button-border-color), 1)
}

.custo-el-check[data-v-1e488065] .is-checked .el-checkbox__inner,
.custo-el-check[data-v-1e488065] .is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--button-select-color), .8) !important;
    border-color: rgba(var(--button-select-color), .8)
}

.custo-el-check[data-v-1e488065] .el-checkbox {
    margin: 0 1px
}

.custo-el-check[data-v-1e488065] .el-checkbox.el-checkbox--large {
    height: auto
}

.custo-el-checkbox-group[data-v-1e488065] {
    --el-border: var(--el-border-width) var(--el-border-style) rgba(var(--button-border-color), 1)
}

.custo-el-checkbox-group[data-v-1e488065] .el-checkbox-button {
    --el-checkbox-button-checked-border-color: transparent
}

.custo-el-checkbox-group[data-v-1e488065] .el-checkbox-button__inner {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: none
}

.custo-el-switch[data-v-1e488065] {
    color: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1);
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-primary: rgba(var(--text-color), 1)
}

.custo-el-switch[data-v-1e488065] .el-switch__label--right {
    margin-left: 5px
}

.custo-el-switch[data-v-1e488065] .el-switch--large {
    height: 20px
}

.custo-el-switch[data-v-1e488065] .el-switch__core {
    height: 15px;
    min-width: 35px;
    background: transparent
}

.custo-el-switch[data-v-1e488065] .el-switch__core .el-switch__action {
    height: 12px;
    width: 12px
}

.custo-el-switch[data-v-1e488065] .el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 14px)
}

.custo-el-switch[data-v-1e488065] .el-switch__label {
    font-size: 12px;
    font-family: HarmonyOS Sans SC
}

.custo-el-select[data-v-1e488065] {
    color: rgba(var(--text-color), 1)
}

.custo-el-select[data-v-1e488065] .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-select[data-v-1e488065] .el-tag.el-tag--info {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-select[data-v-1e488065] .el-select__wrapper {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-select[data-v-1e488065] .el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-select[data-v-1e488065] .el-select__tags .el-tag {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-select[data-v-1e488065] .el-select-dropdown__list {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-select[data-v-1e488065] .el-select__selected-item {
    color: rgba(var(--text-color))
}

.custo-el-input-number .el-input-number[data-v-1e488065] .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: inset 0 0 2px rgba(var(--button-border-color), 1);
    border-radius: 5px;
    padding: 0 32px 0 0
}

.custo-el-input-number .el-input-number[data-v-1e488065] .el-input__inner {
    font-weight: 500
}

.custo-el-input-number[data-v-1e488065] .el-input-number__decrease,
.custo-el-input-number[data-v-1e488065] .el-input-number__increase {
    background-color: rgba(var(--button-bg-color), 1);
    border-bottom: 1px solid rgba(var(--button-border-color), 1) !important;
    border-left: 1px solid rgba(var(--button-border-color), 1) !important;
    color: rgba(var(--text-color), 1);
    bottom: 0
}

.custo-el-raido[data-v-1e488065] .el-radio__inner {
    background-color: rgba(var(--button-border-color), 1);
    border: 0
}

.custo-el-raido[data-v-1e488065] .el-radio__inner:after {
    width: 6px;
    height: 6px;
    background-color: rgba(var(--button-border-color), 1)
}

.custo-el-raido[data-v-1e488065] .el-radio__label {
    font-size: 13px;
    color: rgba(var(--text-color), .8)
}

.custo-el-raido[data-v-1e488065] .el-radio__input.is-checked .el-radio__inner {
    background-color: rgba(var(--button-select-color), 1)
}

.custo-el-raido[data-v-1e488065] .el-radio__input.is-checked+.el-radio__label {
    color: rgba(var(--text-color), 1)
}

.custo-el-raido[data-v-1e488065] .el-radio {
    margin-right: 8px
}

.custo-el-radio-group[data-v-1e488065] {
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1)
}

.custo-el-radio-group[data-v-1e488065] .el-radio-button__inner {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-radio-group[data-v-1e488065] .el-radio-button__inner:hover {
    color: rgba(var(--button-select-text-color), 1)
}

.custo-el-slider[data-v-1e488065] .el-slider__bar,
.custo-el-slider[data-v-1e488065] .el-slider__runway {
    height: 3px
}

.custo-el-slider[data-v-1e488065] .el-slider__button {
    height: 12px;
    width: 12px;
    margin-bottom: 3px
}

.custo-el-upload[data-v-1e488065] .el-upload--picture-card {
    background-color: transparent;
    border: 1px dashed rgba(var(--bg-border-color), 1);
    width: 110px;
    height: 110px
}

.custo-el-upload[data-v-1e488065] .el-upload--picture-card .el-icon {
    color: rgba(var(--bg-border-color), 1)
}

.custo-el-upload[data-v-1e488065] .el-upload-list--picture-card .el-upload-list__item {
    width: 110px;
    height: 110px
}

.custo-el-color-picker[data-v-1e488065] {
    --el-border-color: transparent;
    --el-border-color-hover: transparent
}

.custo-el-drawer .el-drawer__header[data-v-1e488065] {
    margin: 0;
    padding: 12px 12px 0;
    font-size: 14px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-drawer .el-drawer__body[data-v-1e488065] {
    margin: 0;
    padding: 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-drawer .el-drawer__footer[data-v-1e488065] {
    margin: 0;
    padding: 0 12px 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-tabs .el-tabs .el-tabs__item[data-v-1e488065] {
    color: rgba(var(--text-color), 1)
}

.custo-el-breadcrumb[data-v-1e488065] .el-breadcrumb__inner {
    color: rgba(var(--button-select-color), 1) !important;
    cursor: pointer !important
}

.custo-el-breadcrumb[data-v-1e488065] .el-breadcrumb__inner:hover {
    cursor: pointer !important;
    color: rgba(var(--button-highlight-select-color), 1) !important
}

.mode-compare-map-box .mapboxgl-canvas-container>canvas {
    margin-left: 0;
    transition: .3s
}

.ModeCompareMapMarker {
    position: absolute;
    padding: 3px 4px;
    background-color: #fff;
    color: #000;
    box-shadow: 0 0 4px rgba(0, 0, 0, .502);
    border-radius: 5px;
    min-width: 70px;
    text-align: center
}

.newmap[data-v-3645f364] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    background: #a1dcff
}

.make-product-box[data-v-3645f364] {
    background-color: rgba(var(--1st-bg-color), 1);
    width: calc(100vw - 315px);
    position: absolute;
    left: 0;
    font-size: 12px;
    padding: 8px;
    color: rgba(var(--text-color), 1);
    z-index: 1;
    border-right: 1px solid rgba(var(--bg-color))
}

.make-product-box .brain-card-box[data-v-3645f364] {
    justify-content: flex-end;
    gap: 8px
}

.make-product-box .brain-card-box .card-header-lable[data-v-3645f364] {
    font-size: 15px;
    line-height: 12px
}

.make-product-box .brain-card-box .mode-info-box[data-v-3645f364] {
    display: flex;
    gap: 4px
}

.make-product-box .brain-card-box .mode-info-box .mode-info-span[data-v-3645f364] {
    display: flex;
    position: relative;
    font-size: 14px;
    cursor: pointer;
    writing-mode: vertical-rl;
    margin-top: 2px;
    padding: 0 2px;
    justify-content: center;
    border-radius: 5px;
    background: rgba(var(--button-select-color), .25);
    border: 1px solid rgba(var(--button-border-color), .4)
}

.make-product-box .brain-card-box .mode-info-box .mode-info-span .iconfont[data-v-3645f364] {
    position: absolute;
    font-size: 12px;
    left: 18px;
    top: -8px
}

.make-product-box .brain-card-box .mode-info-box .mode-info-span-active[data-v-3645f364],
.make-product-box .brain-card-box .mode-info-box .mode-info-span[data-v-3645f364]:hover {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--button-border-color), .25)
}

.make-product-box .brain-card-box .mode-info-box[data-v-3645f364] .quick-positioning-popover {
    --el-bg-color-overlay: rgba(var(--bg-color));
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-border-color-light: rgba(var(--button-border-color), 1);
    --el-popover-padding: 0 !important;
    min-width: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.make-product-box .brain-card-box .mode-info-box[data-v-3645f364] .quick-positioning-popover .quick-positioning-button {
    text-align: center;
    padding: 2px 0;
    cursor: pointer
}

.make-product-box .brain-card-box .mode-info-box[data-v-3645f364] .quick-positioning-popover .quick-positioning-button-active,
.make-product-box .brain-card-box .mode-info-box[data-v-3645f364] .quick-positioning-popover .quick-positioning-button:hover {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.make-product-options-box[data-v-3645f364] {
    display: flex;
    gap: 4px;
    color: rgba(var(--text-color), 1)
}

.make-product-options-box .make-product-options-item[data-v-3645f364] {
    display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content;
    padding: 4px 4px;
    border-radius: 5px;
    background: rgba(var(--button-select-color), .25);
    gap: 4px;
    cursor: pointer;
    border: 1px solid rgba(var(--button-border-color), .4)
}

.make-product-options-box .make-product-options-item[data-v-3645f364]:hover {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--button-border-color), .25)
}

.make-product-options-box .make-product-options-item .make-product-options-popover[data-v-3645f364] {
    min-width: 0
}

.make-product-options-box .make-product-options-active-item[data-v-3645f364] {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--button-border-color), .25)
}

.make-product-options-box .make-product-options-disabled-item[data-v-3645f364] {
    opacity: .4;
    cursor: not-allowed
}

.make-product-options-box .make-product-options-img-box[data-v-3645f364] {
    display: flex;
    overflow: hidden
}

.make-product-options-box .make-product-options-img-box .make-product-options-img[data-v-3645f364] {
    width: 16px;
    height: 16px;
    transform: translateX(-20px);
    filter: drop-shadow(20px 0 rgba(var(--text-color), 1))
}

.make-product-mode-box[data-v-3645f364] {
    min-height: 0 !important;
    min-width: 100px !important;
    padding: 8px 6px 6px !important
}

.make-product-mode-box .make-product-options-mode-type[data-v-3645f364] {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: 1fr 1fr;
    gap: 5px;
    border-radius: 5px
}

.make-product-mode-box .make-product-options-mode-type .make-product-options-item[data-v-3645f364] {
    display: flex;
    justify-content: center;
    background-color: rgba(var(--button-select-color), .4);
    border: 1px solid rgba(var(--button-border-color), .4);
    min-width: 60px;
    font-size: 14px;
    padding: 2px;
    cursor: pointer;
    color: rgba(var(--button-select-text-color), 1);
    border-radius: 5px
}

.make-product-mode-box .make-product-options-mode-type .make-product-options-item[data-v-3645f364]:hover {
    background-color: rgba(var(--button-select-color), 1)
}

.make-product-mode-box .make-product-options-mode-type .make-product-options-active-item[data-v-3645f364] {
    background-color: rgba(var(--button-select-color), 1) !important;
    color: rgba(var(--button-select-text-color), 1)
}

.make-product-mode-box .make-product-options-mode-type .make-product-options-disabled-item[data-v-3645f364] {
    opacity: .4;
    cursor: not-allowed
}

.make-product-display-box[data-v-3645f364] {
    display: flex;
    min-height: 0 !important;
    padding: 8px 10px 6px !important
}

.make-product-display-box .make-product-options-box[data-v-3645f364] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    height: 55px;
    -moz-column-gap: 6px;
    column-gap: 6px
}

.make-product-display-box .make-product-options-box .make-product-options-item[data-v-3645f364] {
    font-size: 14px;
    padding: 2px 8px;
    min-width: 88px
}

.make-product-display-box .make-product-options-page[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 10px
}

.make-product-display-box .make-product-options-page .iconfont[data-v-3645f364] {
    cursor: pointer;
    background: rgba(var(--bg-color));
    border-radius: 50%;
    padding: 5px;
    font-size: 12px
}

.make-product-display-box .make-product-options-page .iconfont[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

.make-product-display-box .make-product-options-page .disabled[data-v-3645f364] {
    opacity: .4;
    cursor: not-allowed
}

.make-product-sync-box .make-product-options-box[data-v-3645f364] {
    justify-content: center
}

.make-product-sync-box .make-product-options-box .el-checkbox[data-v-3645f364] {
    margin-right: 0
}

.make-product-draw-box .make-product-options-box[data-v-3645f364] {
    grid-template-columns: repeat(5, 1fr)
}

.mode-compare-control-panel[data-v-3645f364] {
    position: absolute;
    height: 100vh;
    right: 0;
    transition: .3s;
    z-index: 1;
    background: rgba(var(--bg-color));
    border-bottom: 1px solid rgba(var(--parting-line-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 6px 0 6px 6px;
    border-radius: 10px;
    gap: 8px;
    background-color: rgba(var(--1st-bg-color), 1);
    border-right: 1px solid rgba(var(--text-color--parting-line-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box[data-v-3645f364] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 6px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box .mode-compare-control-panel-date-title[data-v-3645f364] {
    font-size: 14px;
    margin-bottom: 2px;
    font-weight: 700;
    color: rgba(var(--text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box[data-v-3645f364] .el-date-editor {
    width: 105px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box .el-select[data-v-3645f364] {
    width: 140px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box .el-select[data-v-3645f364] .el-select__wrapper {
    min-width: 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box .el-select[data-v-3645f364] .el-select__placeholder span {
    font-size: 12px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-date-box .iconfont[data-v-3645f364] {
    font-size: 14px;
    cursor: pointer
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-adjust-date-box .el-select[data-v-3645f364] {
    width: 210px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top[data-v-3645f364] {
    display: flex;
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content;
    width: 100%
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode[data-v-3645f364] {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgba(var(--text-color), 1);
    background: rgba(var(--2nd-bg-color), 1);
    border: 1px solid rgba(var(--button-border-color), 1);
    width: 100%;
    padding: 4px 4px 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode>span[data-v-3645f364] {
    margin: 0 8px 0 0;
    line-height: 24px;
    white-space: nowrap
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode .mode-compare-element-panel-box-top-mode-list[data-v-3645f364] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    flex: 1
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode .mode-compare-element-panel-box-top-mode-list .mode-compare-element-panel-box-top-mode-button[data-v-3645f364] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(var(--button-select-color), .25);
    border: 1px solid rgba(var(--button-border-color), .4);
    font-size: 13px;
    padding: 1px 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode .mode-compare-element-panel-box-top-mode-list .mode-compare-element-panel-box-top-mode-button[data-v-3645f364]:hover {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode .mode-compare-element-panel-box-top-mode-list .mode-compare-element-panel-box-top-mode-button-active[data-v-3645f364] {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--button-border-color), .25)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-top .mode-compare-element-panel-box-top-mode .mode-compare-element-panel-box-top-mode-list .mode-compare-element-panel-box-top-mode-button-disabled[data-v-3645f364] {
    opacity: .4;
    cursor: not-allowed
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main[data-v-3645f364] {
    display: flex;
    overflow: hidden;
    gap: 6px;
    height: 100%
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box[data-v-3645f364] {
    display: flex
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-category-box[data-v-3645f364] {
    display: flex;
    flex-direction: column
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-category-box .mode-compare-element-panel-category-select[data-v-3645f364] {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-category-box .mode-compare-element-panel-category-select[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-category-box>div[data-v-3645f364] {
    color: rgba(var(--text-color), 1);
    cursor: pointer;
    padding: 16px 5px;
    background: rgba(var(--bg-color));
    font-size: 16px;
    writing-mode: vertical-rl
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-category-box>div[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), .25)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    width: 152px;
    color: rgba(var(--text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-top-box[data-v-3645f364] {
    background: rgba(var(--2nd-bg-color), 1);
    border: 1px solid rgba(var(--button-border-color), 1);
    margin: 0 4px 3px;
    padding: 0 4px 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box[data-v-3645f364] {
    display: flex;
    flex-direction: column
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box>span[data-v-3645f364] {
    margin: auto;
    line-height: 24px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box .mode-compare-element-panel-mode-list[data-v-3645f364] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box .mode-compare-element-panel-mode-list .mode-compare-element-panel-mode-button[data-v-3645f364] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    background: rgba(var(--button-select-color), .25);
    border: 1px solid rgba(var(--button-border-color), .4);
    font-size: 13px;
    padding: 1px 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box .mode-compare-element-panel-mode-list .mode-compare-element-panel-mode-button[data-v-3645f364]:hover {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box .mode-compare-element-panel-mode-list .mode-compare-element-panel-mode-button-active[data-v-3645f364] {
    color: rgba(var(--button-select-text-color));
    background: rgba(var(--button-select-color), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--button-border-color), .25)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-mode-box .mode-compare-element-panel-mode-list .mode-compare-element-panel-mode-button-disabled[data-v-3645f364] {
    opacity: .4;
    cursor: not-allowed
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-scrollbar[data-v-3645f364] {
    border-top: 1px solid rgba(var(--button-border-color), 1);
    background: rgba(var(--bg-color));
    padding-bottom: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item[data-v-3645f364] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    gap: 5px;
    margin: 0 4px;
    cursor: pointer;
    white-space: pre;
    text-align: center;
    border: 1px solid rgba(var(--button-border-color), 1);
    border-top: none;
    background: rgba(var(--2nd-bg-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 4px;
    padding: 2px 4px 4px;
    border: 1px solid rgba(var(--button-border-color), 1);
    border-top: none;
    background: rgba(var(--2nd-bg-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu .mode-compare-element-panel-item-list[data-v-3645f364] {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu .mode-compare-element-panel-item-list .mode-compare-element-panel-item-list-child[data-v-3645f364] {
    min-width: 30px;
    text-align: center;
    border: 1px solid rgba(var(--button-border-color), 1);
    background: rgba(var(--button-bg-color), 1);
    cursor: pointer;
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu .mode-compare-element-panel-item-list .mode-compare-element-panel-item-list-child[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-title[data-v-3645f364] {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-title .iconfont[data-v-3645f364] {
    font-size: 12px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .clickable[data-v-3645f364] {
    cursor: pointer
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu-fold[data-v-3645f364] {
    padding: 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-second-menu-fold .mode-compare-element-panel-item-title[data-v-3645f364] {
    min-height: 28px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-active[data-v-3645f364] {
    background: rgba(var(--button-select-color), 1) !important;
    color: rgba(var(--button-select-text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-light[data-v-3645f364] {
    background: rgba(var(--contrast-bg-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-segment[data-v-3645f364] {
    margin-top: 4px;
    border-top: 1px solid rgba(var(--button-border-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-threeCol .mode-compare-element-panel-item-list[data-v-3645f364] {
    grid-template-columns: repeat(3, 1fr)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-element-panel-box .mode-compare-element-panel-element-box .mode-compare-element-panel-item-disabled[data-v-3645f364] {
    cursor: not-allowed !important;
    color: rgba(var(--text-color), .5)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 20px;
    width: 120px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: rgba(var(--1st-bg-color), 1);
    color: rgba(var(--text-color), 1);
    gap: 4px;
    border: 1px solid rgba(var(--button-select-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:first-child .mode-compare-control-panel-merge:first-child .mode-compare-control-panel-merge-item[data-v-3645f364]:first-child {
    border-top-left-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:first-child .mode-compare-control-panel-merge:first-child .mode-compare-control-panel-merge-item[data-v-3645f364]:last-child {
    border-top-right-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:first-child .mode-compare-control-panel-merge:last-child .mode-compare-control-panel-merge-item[data-v-3645f364]:first-child {
    border-bottom-left-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:first-child .mode-compare-control-panel-merge:last-child .mode-compare-control-panel-merge-item[data-v-3645f364]:last-child {
    border-bottom-right-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:nth-child(2) .mode-compare-control-panel-merge-item[data-v-3645f364] {
    padding: 2px 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:nth-child(2) .mode-compare-control-panel-height-select-half-box[data-v-3645f364]:first-child {
    border-bottom-left-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box:nth-child(2) .mode-compare-control-panel-height-select-half-box[data-v-3645f364]:last-child {
    border-bottom-right-radius: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box[data-v-3645f364]:last-child {
    gap: 2px;
    background: rgba(var(--2nd-bg-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-merge[data-v-3645f364] {
    display: flex;
    gap: 4px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-merge-item[data-v-3645f364] {
    flex: 1;
    text-align: center;
    cursor: pointer;
    background: rgba(var(--2nd-bg-color), 1);
    padding: 1px 0
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-merge-item-active[data-v-3645f364] {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-title[data-v-3645f364] {
    padding: 2px 0;
    text-align: center
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-placeholder[data-v-3645f364] {
    text-align: center;
    color: rgba(var(--text-color), .6);
    height: 124px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-select-item[data-v-3645f364] {
    cursor: pointer;
    padding: 0 8px;
    text-align: center;
    color: rgba(var(--text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-select-item[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-date-item[data-v-3645f364] {
    white-space: pre;
    padding: 2px 8px
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-total-date-box[data-v-3645f364] {
    display: flex;
    justify-content: space-around
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-total-date-box .mode-compare-control-panel-total-date-list[data-v-3645f364] {
    display: flex;
    flex-direction: column
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-select-item-disabled[data-v-3645f364] {
    opacity: .5;
    cursor: not-allowed
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-select-box .mode-compare-control-panel-select-item-active[data-v-3645f364] {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1);
    opacity: 1
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-height-select-box[data-v-3645f364] {
    display: flex;
    border-top: 1px solid rgba(var(--button-border-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-height-select-box .mode-compare-control-panel-height-select-half-box[data-v-3645f364] {
    flex: 1;
    background: rgba(var(--2nd-bg-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-height-select-box .mode-compare-control-panel-height-select-half-box .mode-compare-control-panel-select-title[data-v-3645f364] {
    background: rgba(var(--button-select-color), .25);
    border-bottom: 1px solid rgba(var(--button-border-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-height-select-box .mode-compare-control-panel-height-select-half-box[data-v-3645f364]:first-child {
    border-right: 1px solid rgba(var(--button-border-color), 1)
}

.mode-compare-control-panel .mode-compare-control-panel-box .mode-compare-control-panel-box-main .mode-compare-control-panel-box-main-left .mode-compare-control-panel-option-box .mode-compare-control-panel-interval-select[data-v-3645f364] {
    padding: 0 8px
}

.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 26px;
    height: 68px;
    background: #539eed;
    top: 50%;
    transform: translateY(-50%);
    right: -26px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: .3;
    transition: .3s
}

.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364]:before {
    left: 0;
    clip-path: inset(60% 50% 0 0);
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: -19px;
    background: transparent;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #539eed
}

.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364]:after {
    left: 0;
    clip-path: inset(0 50% 60% 0);
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0;
    bottom: -19px;
    background: transparent;
    border-radius: 100%;
    box-shadow: 0 0 0 5px #539eed
}

.mode-compare-control-panel .mode-compare-fold-button>span[data-v-3645f364] {
    color: #fff;
    font-size: 26px
}

.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364]:hover {
    opacity: 1;
    background: #75b1f1
}

.mode-compare-control-panel .mode-compare-fold-button:hover>span[data-v-3645f364] {
    color: #fff
}

.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364]:hover:after,
.mode-compare-control-panel .mode-compare-fold-button[data-v-3645f364]:hover:before {
    box-shadow: 0 0 0 5px #75b1f1
}

.mode-compare-control-panel .mode-compare-fold-button-disabled[data-v-3645f364] {
    cursor: not-allowed;
    opacity: .6
}

.mode-compare-control-panel .mode-compare-element-panel-container[data-v-3645f364],
.mode-compare-control-panel .mode-compare-element-panel-container[data-v-3645f364] .container-main {
    height: 100%
}

.single-draw-info-container[data-v-3645f364] .container-main,
.single-draw-tex-container[data-v-3645f364] .container-main {
    background-color: transparent;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.single-draw-info-container .single-draw-info-text[data-v-3645f364] {
    background: red;
    color: #f7f7f7;
    padding: 4px;
    font-size: 20px;
    font-weight: 700
}

.single-draw-tex-container .single-draw-info-text[data-v-3645f364] {
    background: hsla(0, 0%, 100%, .7);
    font-size: 11px;
    color: #333;
    font-size: 20px;
    padding: 0 5px
}

.mode-slice-height-panel-container[data-v-3645f364] {
    border: 1px solid #000
}

.mode-slice-height-panel-container[data-v-3645f364] .container-main {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mode-slice-height-panel-container .height-box[data-v-3645f364] {
    display: flex;
    flex-direction: column-reverse
}

.mode-slice-height-panel-container .height-item[data-v-3645f364] {
    line-height: 20px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000
}

.mode-slice-height-panel-container .height-item-active[data-v-3645f364],
.mode-slice-height-panel-container .height-item[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

.mode-draw-panel-container[data-v-3645f364] .container-header {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: 1px solid rgba(var(--bg-color));
    min-width: 179px
}

.mode-draw-panel-container[data-v-3645f364] .container-main {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.mode-draw-panel-container .mode-draw-panel-box[data-v-3645f364] {
    display: flex;
    flex-direction: column
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-tools[data-v-3645f364] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 5px;
    padding: 0 10px 10px
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-tools .mode-draw-panel-tools-item[data-v-3645f364] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    border-radius: 6px;
    background: #efefef;
    cursor: pointer
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-tools .mode-draw-panel-tools-item>img[data-v-3645f364] {
    height: 28px;
    width: 28px
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-tools .mode-draw-panel-tools-item-active[data-v-3645f364],
.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-tools .mode-draw-panel-tools-item[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-split-text[data-v-3645f364] {
    margin: 10px 0
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings[data-v-3645f364] {
    display: grid;
    grid-template-columns: 1fr 65px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    row-gap: 5px;
    border-top: 1px solid rgba(var(--parting-line-color), 1);
    padding: 10px
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings>div[data-v-3645f364] {
    display: flex;
    align-items: center;
    gap: 5px;
    color: rgba(var(--text-color), 1);
    width: -moz-fit-content;
    width: fit-content
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings>div>img[data-v-3645f364] {
    width: 32px;
    height: 32px;
    border: 1px solid rgba(var(--parting-line-color), 1);
    background: hsla(0, 0%, 100%, .2)
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings>div .el-color-picker[data-v-3645f364],
.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings>div .el-select[data-v-3645f364] {
    flex: 1
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-settings>div .el-select[data-v-3645f364] {
    margin-left: 5px
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-layer[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-top: 1px solid rgba(var(--parting-line-color), 1)
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-layer .mode-draw-panel-layer-item[data-v-3645f364] {
    display: flex;
    justify-content: space-between;
    color: rgba(var(--text-color), 1)
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-layer-exportimg[data-v-3645f364] {
    padding-bottom: 10px;
    margin: 0 auto
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-layer-exportimg .mode-export-image-btn[data-v-3645f364] {
    border-radius: 5px;
    padding: 5px 6px;
    background: rgba(var(--button-select-color), .8)
}

.mode-draw-panel-container .mode-draw-panel-box .mode-draw-panel-layer-exportimg .mode-export-image-btn[data-v-3645f364]:hover {
    background: rgba(var(--button-select-color), 1)
}

#pro-Make-view-content-inner-box[data-v-3645f364] {
    pointer-events: auto;
    width: calc(100vw - 315px);
    height: calc(100vh - 146px);
    position: fixed;
    right: 315px;
    top: 146px;
    pointer-events: none
}

.typhoot-list-box[data-v-3645f364] {
    width: 360px;
    padding: 0 10px 10px;
    border-radius: 5px
}

.typhoot-list-box .typhoot-list-inner-box[data-v-3645f364] {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.typhoot-list-box .content-label[data-v-3645f364] {
    font-size: 13px;
    color: rgba(var(--button-select-color), 1);
    font-weight: 700;
    padding-left: 6px;
    position: relative
}

.typhoot-list-box .content-label[data-v-3645f364]:before {
    content: "";
    width: 2px;
    height: 60%;
    background-color: rgba(var(--button-select-color), 1);
    position: absolute;
    left: 0;
    top: 20%
}

.typhoot-list-box .typhoot-header[data-v-3645f364] {
    display: flex;
    align-items: center
}

.typhoot-list-box .typhoot-header .label[data-v-3645f364] {
    width: 50px
}

.typhoot-list-box .typhoot-header .custo-el-select[data-v-3645f364] {
    flex: 1
}

.typhoot-list-box .typhoot-content .custo-el-table .el-table[data-v-3645f364] .el-table__header-wrapper .el-table__header .tableHeader .el-table__cell .cell .el-checkbox {
    display: none
}

.mode-forecast-typhoon-panel[data-v-3645f364] {
    width: 280px !important;
    position: absolute;
    top: 96px;
    left: 5px
}

.el-overlay[data-v-3645f364],
.el-popper[data-v-3645f364] {
    z-index: 9999 !important
}

.custo-el-table[data-v-3645f364] .el-table__body-wrapper {
    font-size: 12px;
    background: rgba(var(--table-content-color), 1)
}

.custo-el-table[data-v-3645f364] .el-table__body .el-table__row.hover-row td {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table[data-v-3645f364] .el-table__header,
.custo-el-table[data-v-3645f364] .tableHeader th {
    font-size: 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-head-color), 1) !important;
    font-weight: 0
}

.custo-el-table[data-v-3645f364] .el-table__row,
.custo-el-table[data-v-3645f364] .evenRow {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--2nd-bg-color), 1) !important;
    font-size: 12px
}

.custo-el-table[data-v-3645f364] .el-table__row--striped,
.custo-el-table[data-v-3645f364] .oddRow {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-content-color), 1) !important;
    font-size: 12px
}

.custo-el-table[data-v-3645f364] tbody tr:hover>td {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table[data-v-3645f364] .el-table td.el-table__cell {
    padding: 5px 0 !important;
    border-bottom: 0 !important
}

.custo-el-table[data-v-3645f364] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--table-bg-hover-color), 1)
}

.custo-el-table[data-v-3645f364] .el-table__inner-wrapper:before {
    background-color: transparent
}

.custo-el-table[data-v-3645f364] .el-table-fixed-column--right {
    background-color: rgba(var(--table-head-color), 1) !important;
    z-index: 888
}

.custo-el-table[data-v-3645f364] .tableHeader .cell {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.custo-el-table-new .el-table[data-v-3645f364] {
    --el-table-header-text-color: rgba(var(--text-color), 1);
    --el-table-header-bg-color: rgba(var(--table-head-color), 1);
    --el-table-tr-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-fill-color-lighter: rgba(var(--table-head-color), 1);
    --el-table-text-color: rgba(var(--text-color), 1);
    --el-table-row-hover-bg-color: rgba(var(--1st-bg-color), 1);
    --el-table-border-color: rgba(var(--button-border-color), 1)
}

.custo-el-page[data-v-3645f364] .btn-next,
.custo-el-page[data-v-3645f364] .btn-prev {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pager li {
    background: rgba(var(--button-bg-color), 1) !important;
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pager .is-active {
    color: rgba(var(--button-select-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__jump {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__jump .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__jump .el-input__inner {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__editor.el-input {
    width: auto
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes {
    color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-tag.el-tag--info {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select__wrapper {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select__tags .el-tag {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select-dropdown__list {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-page[data-v-3645f364] .el-pagination__sizes .el-select__selected-item {
    color: rgba(var(--text-color))
}

.custo-el-page[data-v-3645f364] .el-pagination__total {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-3645f364] .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    box-shadow: 0
}

.custo-el-input[data-v-3645f364] .el-input__inner {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-3645f364] .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-input[data-v-3645f364] .el-textarea__inner {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    color: rgba(var(--text-color), 1);
    font-size: 13px
}

.custo-el-input[data-v-3645f364] .el-range-input,
.custo-el-input[data-v-3645f364] .el-range-separator {
    color: rgba(var(--text-color), 1)
}

.custo-el-input[data-v-3645f364] .is-disabled .el-range-input {
    background-color: transparent
}

.custo-el-check[data-v-3645f364] {
    --el-fill-color-blank: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--text-color), 1)
}

.custo-el-check[data-v-3645f364] .el-checkbox__label {
    font-size: 13px;
    padding-right: 4px
}

.custo-el-check[data-v-3645f364] .el-checkbox__input .el-checkbox__inner {
    border-color: rgba(var(--button-border-color), 1)
}

.custo-el-check[data-v-3645f364] .is-checked .el-checkbox__inner,
.custo-el-check[data-v-3645f364] .is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--button-select-color), .8) !important;
    border-color: rgba(var(--button-select-color), .8)
}

.custo-el-check[data-v-3645f364] .el-checkbox {
    margin: 0 1px
}

.custo-el-check[data-v-3645f364] .el-checkbox.el-checkbox--large {
    height: auto
}

.custo-el-checkbox-group[data-v-3645f364] {
    --el-border: var(--el-border-width) var(--el-border-style) rgba(var(--button-border-color), 1)
}

.custo-el-checkbox-group[data-v-3645f364] .el-checkbox-button {
    --el-checkbox-button-checked-border-color: transparent
}

.custo-el-checkbox-group[data-v-3645f364] .el-checkbox-button__inner {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: none
}

.custo-el-switch[data-v-3645f364] {
    color: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1);
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-primary: rgba(var(--text-color), 1)
}

.custo-el-switch[data-v-3645f364] .el-switch__label--right {
    margin-left: 5px
}

.custo-el-switch[data-v-3645f364] .el-switch--large {
    height: 20px
}

.custo-el-switch[data-v-3645f364] .el-switch__core {
    height: 15px;
    min-width: 35px;
    background: transparent
}

.custo-el-switch[data-v-3645f364] .el-switch__core .el-switch__action {
    height: 12px;
    width: 12px
}

.custo-el-switch[data-v-3645f364] .el-switch--large.is-checked .el-switch__core .el-switch__action {
    left: calc(100% - 14px)
}

.custo-el-switch[data-v-3645f364] .el-switch__label {
    font-size: 12px;
    font-family: HarmonyOS Sans SC
}

.custo-el-select[data-v-3645f364] {
    color: rgba(var(--text-color), 1)
}

.custo-el-select[data-v-3645f364] .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-select[data-v-3645f364] .el-tag.el-tag--info {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-select[data-v-3645f364] .el-select__wrapper {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-select[data-v-3645f364] .el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-select[data-v-3645f364] .el-select__tags .el-tag {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-select[data-v-3645f364] .el-select-dropdown__list {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-select[data-v-3645f364] .el-select__selected-item {
    color: rgba(var(--text-color))
}

.custo-el-input-number .el-input-number[data-v-3645f364] .el-input__wrapper {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: inset 0 0 2px rgba(var(--button-border-color), 1);
    border-radius: 5px;
    padding: 0 32px 0 0
}

.custo-el-input-number .el-input-number[data-v-3645f364] .el-input__inner {
    font-weight: 500
}

.custo-el-input-number[data-v-3645f364] .el-input-number__decrease,
.custo-el-input-number[data-v-3645f364] .el-input-number__increase {
    background-color: rgba(var(--button-bg-color), 1);
    border-bottom: 1px solid rgba(var(--button-border-color), 1) !important;
    border-left: 1px solid rgba(var(--button-border-color), 1) !important;
    color: rgba(var(--text-color), 1);
    bottom: 0
}

.custo-el-raido[data-v-3645f364] .el-radio__inner {
    background-color: rgba(var(--button-border-color), 1);
    border: 0
}

.custo-el-raido[data-v-3645f364] .el-radio__inner:after {
    width: 6px;
    height: 6px;
    background-color: rgba(var(--button-border-color), 1)
}

.custo-el-raido[data-v-3645f364] .el-radio__label {
    font-size: 13px;
    color: rgba(var(--text-color), .8)
}

.custo-el-raido[data-v-3645f364] .el-radio__input.is-checked .el-radio__inner {
    background-color: rgba(var(--button-select-color), 1)
}

.custo-el-raido[data-v-3645f364] .el-radio__input.is-checked+.el-radio__label {
    color: rgba(var(--text-color), 1)
}

.custo-el-raido[data-v-3645f364] .el-radio {
    margin-right: 8px
}

.custo-el-radio-group[data-v-3645f364] {
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1)
}

.custo-el-radio-group[data-v-3645f364] .el-radio-button__inner {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-radio-group[data-v-3645f364] .el-radio-button__inner:hover {
    color: rgba(var(--button-select-text-color), 1)
}

.custo-el-slider[data-v-3645f364] .el-slider__bar,
.custo-el-slider[data-v-3645f364] .el-slider__runway {
    height: 3px
}

.custo-el-slider[data-v-3645f364] .el-slider__button {
    height: 12px;
    width: 12px;
    margin-bottom: 3px
}

.custo-el-upload[data-v-3645f364] .el-upload--picture-card {
    background-color: transparent;
    border: 1px dashed rgba(var(--bg-border-color), 1);
    width: 110px;
    height: 110px
}

.custo-el-upload[data-v-3645f364] .el-upload--picture-card .el-icon {
    color: rgba(var(--bg-border-color), 1)
}

.custo-el-upload[data-v-3645f364] .el-upload-list--picture-card .el-upload-list__item {
    width: 110px;
    height: 110px
}

.custo-el-color-picker[data-v-3645f364] {
    --el-border-color: transparent;
    --el-border-color-hover: transparent
}

.custo-el-drawer .el-drawer__header[data-v-3645f364] {
    margin: 0;
    padding: 12px 12px 0;
    font-size: 14px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-drawer .el-drawer__body[data-v-3645f364] {
    margin: 0;
    padding: 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-drawer .el-drawer__footer[data-v-3645f364] {
    margin: 0;
    padding: 0 12px 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-tabs .el-tabs .el-tabs__item[data-v-3645f364] {
    color: rgba(var(--text-color), 1)
}

.custo-el-breadcrumb[data-v-3645f364] .el-breadcrumb__inner {
    color: rgba(var(--button-select-color), 1) !important;
    cursor: pointer !important
}

.custo-el-breadcrumb[data-v-3645f364] .el-breadcrumb__inner:hover {
    cursor: pointer !important;
    color: rgba(var(--button-highlight-select-color), 1) !important
}

.make-product-options-popover {
    --el-bg-color-overlay: rgba(var(--bg-color));
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-border-color-light: rgba(var(--button-border-color), 1);
    --el-popover-padding: 0 !important;
    min-width: 80px !important;
    display: flex;
    flex-direction: column;
    gap: 2px
}

.multiTime-popover-select .multiTime-popover-select-item {
    cursor: pointer;
    text-align: center;
    padding: 2px 0
}

.multiTime-popover-select .multiTime-popover-select-item-active,
.multiTime-popover-select .multiTime-popover-select-item:hover {
    background: rgba(var(--button-select-color), 1);
    color: rgba(var(--button-select-text-color), 1)
}

.multiTime-popover-select .make-product-options-popover-wpr-select {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin: 4px 0 2px
}

.multiTime-popover-select .make-product-options-popover-wpr-select .make-product-options-popover-wpr-select-click {
    cursor: pointer
}

.multiTime-popover-select .make-product-options-popover-wpr-select .make-product-options-popover-wpr-select-active {
    color: rgba(var(--button-select-color), 1)
}

.make-product-options-color-picker-box {
    --el-border-color: transparent;
    --el-color-primary: transparent;
    --el-border-color-hover: transparent
}

.make-product-options-color-picker-box .el-color-picker {
    border-radius: 4px;
    height: 16px;
    display: flex;
    align-items: center
}

.make-product-options-color-picker-box .el-color-picker:hover {
    background: rgba(var(--button-bg-color), .8);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .25)
}

.make-product-options-color-picker-box .el-color-picker .el-color-picker__trigger {
    height: 14px;
    width: 16px;
    padding: 0 1px;
    border: 0
}

.make-product-el-message .el-message__content {
    font-size: 16px;
    font-weight: 700
}

.language-switch {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000
}

.language-switch button {
    padding: 5px 10px;
    margin-left: 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    cursor: pointer
}

.language-switch button.active {
    background-color: #409eff;
    color: #fff
}

body.en-mode .mode-compare-control-panel-merge-item,
body.en-mode .mode-compare-control-panel-merge-item span {
    font-size: 13px !important
}

body.en-mode .com-mapbox-lon-lat-box:before:before {
    content: "Lon: " attr(data-lng) " , Lat: " attr(data-lat)
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.dbfb9033.woff2) format("woff2"), url(../fonts/iconfont.7db29f4c.woff) format("woff"), url(../fonts/iconfont.af498126.ttf) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-wenzi:before {
    content: "\e65d"
}

.icon-shanchu1:before {
    content: "\e65a"
}

.icon-juxingxuanze:before {
    content: "\e6ed"
}

.icon-tuoyuanmianji:before {
    content: "\e65b"
}

.icon-segment:before {
    content: "\e682"
}

.icon-biaodiandidian_:before {
    content: "\e65f"
}

.icon-qingkong:before {
    content: "\e946"
}

.icon-xuanze:before {
    content: "\e65c"
}

.icon-wu:before {
    content: "\e67b"
}

.icon-fanxuan:before {
    content: "\e659"
}

.icon-quanxuan:before {
    content: "\e681"
}

.icon-bingbao2:before {
    content: "\e653"
}

.icon-diwenbaojing:before {
    content: "\e654"
}

.icon-dafengyujing:before {
    content: "\e657"
}

.icon-dawu-mian:before {
    content: "\e64d"
}

.icon-erfenping:before {
    content: "\e763"
}

.icon-sifenping:before {
    content: "\e7a6"
}

.icon-duoping:before {
    content: "\e64b"
}

.icon-liufenping:before {
    content: "\e64c"
}

.icon-move:before {
    content: "\e649"
}

.icon-bangzhu:before {
    content: "\e648"
}

.icon-leiyudafeng:before {
    content: "\e6a4"
}

.icon-lifangtilitiduomiantifangkuai2:before {
    content: "\e7fb"
}

.icon-xianduan:before {
    content: "\e641"
}

.icon-Xzhou:before {
    content: "\e64e"
}

.icon-Yzhou:before {
    content: "\e651"
}

.icon-zuobiaozhou:before {
    content: "\e644"
}

.icon-zimuX-02:before {
    content: "\e645"
}

.icon-duoceng:before {
    content: "\ec71"
}

.icon-miangongju_xianxing:before {
    content: "\e7b0"
}

.icon-tupian:before {
    content: "\e67f"
}

.icon-quyuxuanze:before {
    content: "\e640"
}

.icon-fangda1:before {
    content: "\e63b"
}

.icon-suoxiao1:before {
    content: "\e63d"
}

.icon-gengduoshijian:before {
    content: "\e711"
}

.icon-incrementzengliangchajian:before {
    content: "\e637"
}

.icon-shangbao:before {
    content: "\e6bf"
}

.icon-tuceng:before {
    content: "\e7d6"
}

.icon-shujushangbao:before {
    content: "\e639"
}

.icon-gengduo:before {
    content: "\e62f"
}

.icon-zhandianguanli:before {
    content: "\e664"
}

.icon-tuwenbaogao:before {
    content: "\e631"
}

.icon-yichangjiancha:before {
    content: "\e634"
}

.icon-kuozhanshuxing:before {
    content: "\e63c"
}

.icon-ditushuju:before {
    content: "\e63f"
}

.icon-qingchu1:before {
    content: "\e747"
}

.icon-shezhi1:before {
    content: "\e691"
}

.icon-baocun:before {
    content: "\ec09"
}

.icon-shangyibu:before {
    content: "\e66d"
}

.icon-xiayibu:before {
    content: "\e66e"
}

.icon-xuanquyu:before {
    content: "\e797"
}

.icon-shuju:before {
    content: "\e70c"
}

.icon-chaxun:before {
    content: "\e638"
}

.icon-shujukubiangeng:before {
    content: "\e741"
}

.icon-jilu:before {
    content: "\e810"
}

.icon-dianxuanquyu:before {
    content: "\e635"
}

.icon-Vector-2:before {
    content: "\e632"
}

.icon-jiantoushang:before {
    content: "\e70e"
}

.icon-jiantouxia:before {
    content: "\e70f"
}

.icon-dengzhixian:before {
    content: "\e62e"
}

.icon-shujumianban:before {
    content: "\e656"
}

.icon-shanchu:before {
    content: "\e62d"
}

.icon-xiaoshou:before {
    content: "\e647"
}

.icon-exclefile1:before {
    content: "\e672"
}

.icon-word:before {
    content: "\e669"
}

.icon-bingbao1:before {
    content: "\e62c"
}

.icon-shandian:before {
    content: "\e746"
}

.icon-leibao:before {
    content: "\e75b"
}

.icon-tianjia:before {
    content: "\e627"
}

.icon-weibiaoti--:before {
    content: "\e628"
}

.icon-jianhao:before {
    content: "\e62a"
}

.icon-shezhi:before {
    content: "\e7ef"
}

.icon-bianji:before {
    content: "\e62b"
}

.icon-jiantou2:before {
    content: "\e658"
}

.icon-huanjingxinxi-:before {
    content: "\e661"
}

.icon-jiantou:before {
    content: "\e64a"
}

.icon-zhibiaozhushibiaozhu:before {
    content: "\e680"
}

.icon-yujing:before {
    content: "\e626"
}

.icon-a-011_daohang:before {
    content: "\e633"
}

.icon-jingweidu:before {
    content: "\e783"
}

.icon-cemian_0:before {
    content: "\e748"
}

.icon-hainan:before {
    content: "\e67e"
}

.icon-xiangzhen:before {
    content: "\e625"
}

.icon-shuiku1:before {
    content: "\e61f"
}

.icon-liuyu8ed1fesvgt1608860558684classiconviewBox0:before {
    content: "\e620"
}

.icon-liuyu:before {
    content: "\e67c"
}

.icon-a-ditu_hainanshengbubaohansansha:before {
    content: "\e72d"
}

.icon-gaosugonglu:before {
    content: "\e622"
}

.icon-liuyujieshao:before {
    content: "\e6d9"
}

.icon-yunliang:before {
    content: "\e629"
}

.icon-bingbao:before {
    content: "\e63a"
}

.icon-yuanxingweixuanzhong:before {
    content: "\e72f"
}

.icon-jiantou3:before {
    content: "\e619"
}

.icon-tuoyuanxing:before {
    content: "\e790"
}

.icon-zhijiantou:before {
    content: "\e668"
}

.icon-zihao:before {
    content: "\e71f"
}

.icon-qianjin:before {
    content: "\e671"
}

.icon-fanhui:before {
    content: "\e722"
}

.icon-quxian:before {
    content: "\e636"
}

.icon-text-fill:before {
    content: "\e6bd"
}

.icon-kuanduduicheng:before {
    content: "\e61c"
}

.icon--_zhexian:before {
    content: "\e665"
}

.icon-fanwei:before {
    content: "\e655"
}

.icon-xuanzegongju:before {
    content: "\e796"
}

.icon-qingchu:before {
    content: "\e621"
}

.icon-kuangxuan1:before {
    content: "\e614"
}

.icon-huaduobianxing:before {
    content: "\e615"
}

.icon-zhongzhi:before {
    content: "\e652"
}

.icon-icon-accountOption:before {
    content: "\e68a"
}

.icon-jinggao:before {
    content: "\e60e"
}

.icon-weixing:before {
    content: "\e610"
}

.icon-suoxiao:before {
    content: "\ec13"
}

.icon-fangda:before {
    content: "\ec14"
}

.icon-chizi_o:before {
    content: "\eb48"
}

.icon-jianzhu:before {
    content: "\e64f"
}

.icon-kuangxuan:before {
    content: "\e68f"
}

.icon-qixiangleida:before {
    content: "\e612"
}

.icon-leida1:before {
    content: "\e6f5"
}

.icon-bianjishuru:before {
    content: "\e8cc"
}

.icon-jia:before {
    content: "\e60d"
}

.icon-cengji:before {
    content: "\eaf2"
}

.icon-ditu_dingwei:before {
    content: "\eb33"
}

.icon-24gf-filePencil2:before {
    content: "\eac4"
}

.icon-dingwei:before {
    content: "\e86a"
}

.icon-rili:before {
    content: "\e8b4"
}

.icon-shuxiebianxie:before {
    content: "\e690"
}

.icon-chakantieziguanzhu:before {
    content: "\e662"
}

.icon-fabu:before {
    content: "\e616"
}

.icon-precipitation:before {
    content: "\e618"
}

.icon-humidity:before {
    content: "\e603"
}

.icon-temperature:before {
    content: "\e604"
}

.icon-ocean:before {
    content: "\e605"
}

.icon-lightning:before {
    content: "\e606"
}

.icon-wind:before {
    content: "\e608"
}

.icon-visibility:before {
    content: "\e609"
}

.icon-airPressure:before {
    content: "\e60c"
}

.icon-Union:before {
    content: "\e602"
}

.icon-shangjiantou:before {
    content: "\e600"
}

.icon-xiajiantou:before {
    content: "\e601"
}

.icon-jiantou_liebiaoxiangyou:before {
    content: "\eb03"
}

.icon-dituhuizhi:before {
    content: "\e61d"
}

.icon-chakan:before {
    content: "\e63e"
}

.icon-biangeng:before {
    content: "\e61b"
}

.icon-jiechubangding:before {
    content: "\e642"
}

.icon-xiazai:before {
    content: "\e60f"
}

.icon-_feng:before {
    content: "\e650"
}

.icon-leida:before {
    content: "\e61e"
}

.icon-yincang:before {
    content: "\e60b"
}

.icon-jiantou_yemian_xiangshang_o:before {
    content: "\eb93"
}

.icon-guanbi:before {
    content: "\e624"
}

.icon-qiehuan:before {
    content: "\e713"
}

.icon-huizhishezhi:before {
    content: "\ede3"
}

.icon-taifeng:before {
    content: "\e670"
}

.icon-fenxi:before {
    content: "\e60a"
}

.icon-yu:before {
    content: "\e611"
}

.icon-shuidi:before {
    content: "\e607"
}

.icon-zhexiantu:before {
    content: "\e7e6"
}

.icon-jinrongquan:before {
    content: "\e617"
}

.icon-lishi:before {
    content: "\e61a"
}

.icon-icon_lishixiao1:before {
    content: "\e630"
}

.icon-paiming:before {
    content: "\e9a4"
}

.icon-quyuhunjieshuxingshuju:before {
    content: "\e878"
}

.icon-shuaxin:before {
    content: "\e782"
}

.icon-delect:before {
    content: "\e613"
}

.icon-car_icon_delect:before {
    content: "\e623"
}

.icon-zanting:before {
    content: "\e67d"
}

.icon-shangyige:before {
    content: "\e643"
}

.icon-xiayige:before {
    content: "\e646"
}

.icon-24gf-next:before {
    content: "\ea7f"
}

.icon-24gf-play:before {
    content: "\ea82"
}

.icon-24gf-previous:before {
    content: "\ea88"
}

:root {
    --font-family: "HarmonyOS Sans SC"
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--font-family);
    font-size: 14px
}

@font-face {
    font-family: HarmonyOS Sans SC;
    src: url(http://172.22.68.212/IntegratedPlatform/dont-delect-static/font/HarmonyOS/HarmonyOS_Sans_SC_Regular.ttf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: numberFont;
    src: url(http://172.22.68.212/IntegratedPlatform/dont-delect-static/font/LCD2-Ultra.ttf)
}

@font-face {
    font-family: WIND;
    src: url(http://172.22.68.212/IntegratedPlatform/dont-delect-static/font/wind.ttf);
    font-weight: 400;
    font-style: normal
}

#map {
    background-color: #a1dcff
}

.myscrollbar::-webkit-scrollbar {
    width: 5px;
    height: 8px
}

.myscrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px hsla(0, 0%, 100%, .3);
    background: hsla(0, 0%, 100%, .3)
}

.myscrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .6);
    border-radius: 0;
    background: rgba(0, 0, 0, .6)
}

.tyico {
    height: 32px;
    margin-left: -15px;
    pointer-events: none
}

.tyico .mapboxgl-popup-close-button {
    display: none;
    pointer-events: none
}

.tyico .mapboxgl-popup-content {
    background-color: transparent;
    padding: 0;
    box-shadow: unset;
    pointer-events: none
}

.tyico .mapboxgl-popup-tip {
    display: none
}

.ty-name .mapboxgl-popup-content {
    background-color: #161e5e;
    color: #fff;
    padding: 5px;
    margin-left: 10px
}

.ty-name .mapboxgl-popup-tip {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    z-index: 1;
    display: none
}

.ty-name .mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
.ty-name .mapboxgl-popup-tip {
    align-self: center;
    border-left: none;
    border-right-color: #161e5e
}

.mapboxgl-popup-content {
    background: transparent;
    box-shadow: none;
    padding: 0
}

.mapboxgl-ctrl {
    display: none !important
}

.mapboxgl-popup-tip {
    border: 0;
    margin-bottom: 5px
}

.brain-card-box {
    display: flex;
    gap: 10px;
    color: rgba(var(--text-color), 1)
}

.brain-card-box .card-item-box {
    display: flex;
    flex-direction: column;
    position: relative
}

.brain-card-box .card-item-box .card-header-lable {
    position: absolute;
    left: 50%;
    top: -3px;
    transform: translateX(-50%);
    width: -moz-fit-content;
    width: fit-content;
    font: 14px;
    white-space: nowrap;
    background-color: rgba(var(--1st-bg-color), 1);
    padding: 0 5px
}

.brain-card-box .card-item-box .card-main-box {
    margin-top: 4px;
    padding: 12px 10px 5px 10px;
    min-height: 60px;
    min-width: 120px;
    border: 1px solid rgba(var(--text-color), .4);
    border-radius: 5px;
    font-size: 12px
}

.pro-i-product-outer-box {
    width: 100%;
    padding: 10px;
    background-color: rgba(var(--2nd-bg-color), 1)
}

.pro-i-product-outer-box .i-product-inner-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 7.5px
}

.pro-i-product-outer-box .i-product-inner-box .product-item {
    min-width: 32%;
    white-space: nowrap;
    padding: 6px 5px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
    border: .7px solid hsla(0, 0%, 100%, .25)
}

.pro-i-product-outer-box .i-product-inner-box .product-item:hover {
    border-radius: 4px;
    background: rgba(var(--btn-hover-color), .7)
}

.pro-i-product-outer-box:last-child {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.colorBar-slider-actions-box {
    background-color: rgba(50, 87, 150, .8);
    color: #fff;
    position: absolute;
    right: -8px;
    top: -2px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer
}

.colorBar-slider-actions-box i {
    font-size: 12px
}

.colorBar-slider-actions-box:hover {
    background-color: #213962
}

.pro-i-product-outer-box .product-item-lable-box {
    display: flex;
    gap: 5px;
    margin-bottom: 5px
}

.pro-i-product-outer-box .product-item-lable-box .p-i-lable-flag {
    white-space: nowrap;
    min-width: 70px;
    color: rgba(var(--btn-hover-color));
    font-weight: 700;
    position: relative;
    height: -moz-max-content;
    height: max-content;
    padding: 6px 0 6px 8px
}

.pro-i-product-outer-box .product-item-lable-box .p-i-lable-flag:before {
    content: "";
    width: 2px;
    height: 40%;
    background-color: rgba(var(--btn-hover-color));
    position: absolute;
    left: 0;
    top: 30%
}

.pro-i-product-outer-box .product-item-lable-box .i-product-inner-box {
    display: flex;
    gap: 5px;
    overflow: hidden;
    padding-bottom: 3px
}

.pro-i-product-outer-box .product-item-lable-box .i-product-inner-box:hover {
    box-shadow: 0 2px 2px -2px #51aafc
}

.pro-i-product-outer-box .product-item-lable-box .i-product-inner-box .FasctMonitoeProduct-p-item {
    white-space: nowrap;
    padding: 6px 5px;
    text-align: center;
    cursor: pointer
}

.pro-i-product-outer-box .product-item-lable-box .i-product-inner-box .FasctMonitoeProduct-p-item:hover {
    border-radius: 4px;
    background: rgba(var(--btn-hover-color), .7)
}

.automatic_station_main_menu_item_select {
    background-color: rgb(var(--button-text-color)) !important
}

#container-slotPastEarlyWarnListPanel {
    height: 100% !important
}

.el-icon {
    color: inherit
}

.container-style_3 :deep(.header-bottom) {
    border-bottom: none !important
}

.mapboxgl-marker {
    cursor: pointer
}

@keyframes fadenum {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.tyicon {
    width: 30px;
    height: 30px
}

.tyicon img {
    width: 100%;
    height: 100%;
    animation: fadenum 1s linear infinite;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.pointPosotionFillck-marker-box {
    width: 60px;
    font-size: 16px;
    height: 30px;
    background-color: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 3px solid #192d4e;
    position: relative
}

.pointPosotionFillck-marker-box:after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    background-color: #fff;
    transform: rotate(135deg);
    bottom: -8px;
    border-top: 3px solid #192d4e;
    border-right: 3px solid #192d4e
}

.ty-drag-marker-box {
    background-color: hsla(0, 0%, 100%, .82);
    display: flex;
    flex-direction: column;
    width: -moz-max-content;
    width: max-content;
    padding: 5px 10px;
    color: #000;
    font-family: 微软雅黑;
    font-weight: 700
}

.warning-list-marker-box .img-item img {
    display: block;
    width: 24px;
    height: 24px;
    padding: 2px;
    background-color: rgba(0, 0, 0, .502);
    border: 1px solid #666
}

.warning-list-marker-box .img-item:hover {
    border: 1px solid #333
}

.warning-list-marker-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 60px;
    gap: 3px
}

.warning-list-marker-box .img-item1 img {
    display: block;
    width: 26px;
    height: 26px;
    padding: 2px;
    background-color: #9ba1a7;
    border: 1px solid #666
}

.warning-list-marker-box .img-item1:hover {
    border: 1px solid #333
}

.warning-list-marker-box .img-item2 {
    position: relative
}

.warning-list-marker-box .img-item2 img {
    display: block;
    width: 26px;
    height: 26px;
    z-index: 333
}

.warning-list-marker-box .point-flicker:after {
    background-color: #e71a1a
}

.warning-list-marker-box .point-flicker:before {
    background-color: rgba(0, 168, 253, .2)
}

.warning-list-marker-box .point-flicker:after,
.warning-list-marker-box .point-flicker:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 50%;
    animation: warn 2s ease-out 0s infinite;
    z-index: 1
}

@keyframes warn {
    0% {
        transform: scale(.5);
        opacity: 1
    }

    30% {
        opacity: 1
    }

    to {
        transform: scale(1.4);
        opacity: 0
    }
}

.VicinityEarlyWarning-box {
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 5px
}

.VicinityEarlyWarning-box .item-info {
    display: flex;
    gap: 5px
}

.VicinityEarlyWarning-box .item-info .label {
    min-width: 40px;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.VicinityEarlyWarning-box .item-info .value {
    display: flex;
    flex-wrap: wrap;
    margin-left: 5px;
    position: relative
}

.VicinityEarlyWarning-box .item-info .value:before {
    content: "：";
    position: absolute;
    left: -10px
}

.custom-p-plot-edit-marker-name {
    width: 13px;
    height: 13px;
    background-color: #ff3;
    border: 1px solid #000
}

.custom-p-plot-edit-marker-name:hover {
    background-color: rgba(255, 255, 51, .6);
    width: 15px;
    height: 15px;
    cursor: move
}

.pointRadarModeChangeLayer-marker-box {
    position: absolute
}

.pointRadarModeChangeLayer-marker-box div {
    position: relative
}

.pointRadarModeChangeLayer-marker-box div:after {
    content: "";
    width: 40px;
    height: 40px;
    background-color: rgba(249, 135, 23, .7);
    position: absolute;
    left: -20px;
    top: -20px;
    border-radius: 50%;
    animation: twinkle 1.7s infinite;
    z-index: 3
}

@keyframes twinkle {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: .6
    }

    to {
        transform: scale(1.8);
        opacity: 0
    }
}

:root {
    --head-bg-color: 25, 45, 78;
    --head-select-bg-color: 48, 86, 140;
    --head-text-color: 235, 235, 235;
    --head-text-hover-color: 255, 255, 255;
    --bg-color: 22, 54, 99, 0.85;
    --1st-bg-color: 48, 86, 140;
    --2nd-bg-color: 40, 72, 118;
    --text-color: 235, 235, 235;
    --parting-line-color: 76, 102, 139;
    --button-bg-color: 57, 93, 144;
    --button-border-color: 98, 125, 163;
    --button-dropshadow-color: 23, 78, 166;
    --button-select-color: 81, 170, 252;
    --button-select-text-color: 255, 255, 255;
    --button-highlight-select-color: 229, 177, 104;
    --table-head-color: 52, 101, 158;
    --table-content-color: 44, 82, 131;
    --contrast-bg-color: 69, 101, 158;
    --btn-hover-color: 81, 170, 252
}

:root[theme=light] {
    --main-Color: 255, 193, 193;
    --shadow-Color: 205, 155, 155;
    --border-Color: 139, 58, 58;
    --main-text-Color: 54, 54, 54;
    --main-contrast-text-Color: 0, 0, 0;
    --main-contrast-text-shadow-Color: 205, 85, 85;
    --scrollbar-color: 139, 26, 26;
    --table-bg-color: 238, 162, 173;
    --table-bg-shallow-color: 255, 174, 185;
    --table-bg-hover-color: 205, 140, 149;
    --bg-color: var(--main-Color);
    --bg-shadow-color: var(--shadow-Color);
    --bg-border-color: var(--border-Color);
    --bg-hover-color: var(--border-Color);
    --bg-hover-border-color: var(--border-Color);
    --scrollbar-background-opacity: 0;
    --button-bg-color: rgba(var(--main-Color), 20%);
    --button-bg-deepen-color: rgba(var(--border-Color), 32%);
    --button-border-color: rgba(var(--border-Color), 32%);
    --button-text-color: var(--border-Color);
    --button-hover-bg-color: rgba(var(--main-Color), 100%);
    --button-link-text-color: var(--border-Color);
    --button-link-hover-text-color: var(--main-Color);
    --input-bg-color: var(--border-Color);
    --input-contrast-bg-color: 255, 255, 255;
    --text-color: var(--main-text-Color);
    --text-hover-color: var(--main-text-Color);
    --text-contrast-color: var(--main-contrast-text-Color);
    --text-contrast-shadow-color: var(--main-contrast-text-shadow-Color);
    --tips-bg-color: var(--main-Color);
    --tips-text-color: var(--main-contrast-text-Color);
    --tips-ruler-text-color: var(--main-text-Color)
}

:root {
    --bg-color-shallow: 245, 217, 174;
    --bg-color-deep: 251, 176, 59;
    --bg-color-below: 84, 67, 42;
    --bg-color-middle: 63, 42, 8;
    --text-color-deep: #fff;
    --text-color-middle: #eee;
    --text-color-below: #000
}

:root[theme=dark] {
    --bg-color: 125, 125, 125;
    --bg-shadow-color: 96, 98, 102;
    --bg-border-color: 82, 82, 89;
    --bg-hover-color: 29, 59, 46;
    --bg-hover-border-color: 29, 59, 46;
    --scrollbar-color: 255, 255, 255;
    --scrollbar-background-opacity: 0;
    --button-bg-color: hsla(0, 0%, 49%, .2);
    --button-bg-deepen-color: rgba(82, 82, 89, .32);
    --button-border-color: rgba(82, 82, 89, .32);
    --button-text-color: 128, 128, 128;
    --button-hover-bg-color: rgb(125, 125, 125/100%);
    --button-link-text-color: 207, 207, 207;
    --button-link-hover-text-color: 255, 255, 255;
    --input-bg-color: 9, 17, 47;
    --input-contrast-bg-color: 255, 255, 255;
    --text-color: 96, 98, 102;
    --text-hover-color: 96, 98, 102;
    --text-contrast-color: 255, 255, 255;
    --text-contrast-shadow-color: 207, 207, 207;
    --table-bg-color: 90, 90, 90;
    --table-bg-shallow-color: 105, 105, 105;
    --table-bg-hover-color: 54, 54, 54;
    --tips-bg-color: 125, 125, 125;
    --tips-text-color: 255, 255, 255;
    --tips-ruler-text-color: 96, 98, 102
}

:root[theme=purple] {
    --main-Color: 59, 46, 79;
    --shadow-Color: 122, 77, 123;
    --border-Color: 138, 110, 175;
    --main-text-Color: 54, 54, 54;
    --main-contrast-text-Color: 255, 255, 255;
    --main-contrast-text-shadow-Color: 193, 205, 212;
    --scrollbar-color: 139, 26, 26;
    --table-bg-color: 238, 162, 173;
    --table-bg-shallow-color: 255, 174, 185;
    --table-bg-hover-color: 139, 58, 58;
    --bg-color: var(--main-Color);
    --bg-shadow-color: var(--shadow-Color);
    --bg-border-color: var(--border-Color);
    --bg-hover-color: var(--border-Color);
    --bg-hover-border-color: var(--border-Color);
    --scrollbar-background-opacity: 0;
    --button-bg-color: rgba(var(--main-Color), 20%);
    --button-bg-deepen-color: rgba(var(--border-Color), 32%);
    --button-border-color: rgba(var(--border-Color), 32%);
    --button-text-color: var(--border-Color);
    --button-hover-bg-color: rgba(var(--main-Color), 100%);
    --button-link-text-color: var(--border-Color);
    --button-link-hover-text-color: var(--main-Color);
    --input-bg-color: var(--border-Color);
    --input-contrast-bg-color: 255, 255, 255;
    --text-color: var(--main-text-Color);
    --text-hover-color: var(--main-text-Color);
    --text-contrast-color: var(--main-contrast-text-Color);
    --text-contrast-shadow-color: var(--main-contrast-text-shadow-Color);
    --tips-bg-color: var(--main-Color);
    --tips-text-color: var(--main-contrast-text-Color);
    --tips-ruler-text-color: var(--main-text-Color)
}

:root[theme=green] {
    --main-Color: 42, 90, 99;
    --shadow-Color: 79, 145, 83;
    --border-Color: 160, 197, 68;
    --main-text-Color: 54, 54, 54;
    --main-contrast-text-Color: 255, 255, 255;
    --main-contrast-text-shadow-Color: 193, 205, 212;
    --scrollbar-color: 139, 26, 26;
    --table-bg-color: 238, 162, 173;
    --table-bg-shallow-color: 255, 174, 185;
    --table-bg-hover-color: 160, 197, 68;
    --bg-color: var(--main-Color);
    --bg-shadow-color: var(--shadow-Color);
    --bg-border-color: var(--border-Color);
    --bg-hover-color: var(--border-Color);
    --bg-hover-border-color: var(--border-Color);
    --scrollbar-background-opacity: 0;
    --button-bg-color: rgba(var(--main-Color), 20%);
    --button-bg-deepen-color: rgba(var(--border-Color), 32%);
    --button-border-color: rgba(var(--border-Color), 32%);
    --button-text-color: var(--border-Color);
    --button-hover-bg-color: rgba(var(--main-Color), 100%);
    --button-link-text-color: var(--border-Color);
    --button-link-hover-text-color: var(--main-Color);
    --input-bg-color: var(--border-Color);
    --input-contrast-bg-color: 255, 255, 255;
    --text-color: var(--main-text-Color);
    --text-hover-color: var(--main-text-Color);
    --text-contrast-color: var(--main-contrast-text-Color);
    --text-contrast-shadow-color: var(--main-contrast-text-shadow-Color);
    --tips-bg-color: var(--main-Color);
    --tips-text-color: var(--main-contrast-text-Color);
    --tips-ruler-text-color: var(--main-text-Color)
}

:root[theme=red] {
    --main-Color: 68, 32, 25;
    --shadow-Color: 105, 59, 59;
    --border-Color: 184, 84, 54;
    --main-text-Color: 54, 54, 54;
    --main-contrast-text-Color: 255, 233, 226;
    --main-contrast-text-shadow-Color: 193, 205, 212;
    --scrollbar-color: 139, 26, 26;
    --table-bg-color: 238, 162, 173;
    --table-bg-shallow-color: 255, 174, 185;
    --table-bg-hover-color: 184, 84, 54;
    --bg-color: var(--main-Color);
    --bg-shadow-color: var(--shadow-Color);
    --bg-border-color: var(--border-Color);
    --bg-hover-color: var(--border-Color);
    --bg-hover-border-color: var(--border-Color);
    --scrollbar-background-opacity: 0;
    --button-bg-color: rgba(var(--main-Color), 20%);
    --button-bg-deepen-color: rgba(var(--border-Color), 32%);
    --button-border-color: rgba(var(--border-Color), 32%);
    --button-text-color: var(--border-Color);
    --button-hover-bg-color: rgba(var(--main-Color), 100%);
    --button-link-text-color: var(--border-Color);
    --button-link-hover-text-color: var(--main-Color);
    --input-bg-color: var(--border-Color);
    --input-contrast-bg-color: 255, 255, 255;
    --text-color: var(--main-text-Color);
    --text-hover-color: var(--main-text-Color);
    --text-contrast-color: var(--main-contrast-text-Color);
    --text-contrast-shadow-color: var(--main-contrast-text-shadow-Color);
    --tips-bg-color: var(--main-Color);
    --tips-text-color: var(--main-contrast-text-Color);
    --tips-ruler-text-color: var(--main-text-Color)
}

:root[theme=white] {
    --head-bg-color: 81, 147, 252;
    --head-select-bg-color: 57, 109, 189;
    --bg-color: 252, 251, 251, 0.85;
    --1st-bg-color: 239, 238, 238;
    --2nd-bg-color: 227, 227, 227;
    --text-color: 84, 84, 84;
    --parting-line-color: 220, 219, 219;
    --button-bg-color: 223, 223, 223;
    --button-border-color: 188, 188, 188;
    --button-dropshadow-color: 23, 78, 166;
    --button-select-color: 81, 170, 252;
    --button-select-text-color: 255, 255, 255;
    --button-highlight-select-color: 229, 177, 104;
    --table-head-color: 241, 241, 241;
    --table-content-color: 235, 235, 235;
    --contrast-bg-color: 255, 255, 255
}

.el-overlay,
.el-popper {
    z-index: 9999 !important
}

.custo-el-table :deep(.el-table__body-wrapper) {
    font-size: 12px;
    background: rgba(var(--table-content-color), 1)
}

.custo-el-table :deep(.el-table__body .el-table__row.hover-row td) {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table :deep(.el-table__header),
.custo-el-table :deep(.tableHeader) th {
    font-size: 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-head-color), 1) !important;
    font-weight: 0
}

.custo-el-table :deep(.el-table__row),
.custo-el-table :deep(.evenRow) {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--2nd-bg-color), 1) !important;
    font-size: 12px
}

.custo-el-table :deep(.el-table__row--striped),
.custo-el-table :deep(.oddRow) {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--table-content-color), 1) !important;
    font-size: 12px
}

.custo-el-table :deep(tbody) tr:hover>td {
    background-color: rgba(var(--table-head-color), 1) !important;
    cursor: default
}

.custo-el-table :deep(.el-table) td.el-table__cell {
    padding: 5px 0 !important;
    border-bottom: 0 !important
}

.custo-el-table :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
    background-color: rgba(var(--table-bg-hover-color), 1)
}

.custo-el-table :deep(.el-table__inner-wrapper):before {
    background-color: transparent
}

.custo-el-table :deep(.el-table-fixed-column--right) {
    background-color: rgba(var(--table-head-color), 1) !important;
    z-index: 888
}

.custo-el-table :deep(.tableHeader) .cell {
    display: flex;
    align-items: center;
    white-space: nowrap
}

.custo-el-table-new .el-table {
    --el-table-header-text-color: rgba(var(--text-color), 1);
    --el-table-header-bg-color: rgba(var(--table-head-color), 1);
    --el-table-tr-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-fill-color-lighter: rgba(var(--table-head-color), 1);
    --el-table-text-color: rgba(var(--text-color), 1);
    --el-table-row-hover-bg-color: rgba(var(--1st-bg-color), 1);
    --el-table-border-color: rgba(var(--button-border-color), 1)
}

.custo-el-page :deep(.btn-next),
.custo-el-page :deep(.btn-prev) {
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page :deep(.el-pager) li {
    background: rgba(var(--button-bg-color), 1) !important;
    color: rgba(var(--text-color), 1)
}

.custo-el-page :deep(.el-pager) .is-active {
    color: rgba(var(--button-select-color), 1)
}

.custo-el-page :deep(.el-pagination__jump) {
    color: rgba(var(--text-color), 1)
}

.custo-el-page :deep(.el-pagination__jump .el-input__wrapper) {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-page :deep(.el-pagination__jump .el-input__inner) {
    color: rgba(var(--text-color), 1)
}

.custo-el-page :deep(.el-pagination__editor.el-input) {
    width: auto
}

.custo-el-page :deep(.el-pagination__sizes) {
    color: rgba(var(--text-color), 1)
}

.custo-el-page :deep(.el-pagination__sizes) .el-select .el-input.is-focus .el-input__wrapper {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-page :deep(.el-pagination__sizes) .el-tag.el-tag--info {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-page :deep(.el-pagination__sizes) .el-select__wrapper {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-page :deep(.el-pagination__sizes) .el-select .el-input__wrapper.is-focus {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-page :deep(.el-pagination__sizes) .el-select__tags .el-tag {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-page :deep(.el-pagination__sizes) .el-select-dropdown__list {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-page :deep(.el-pagination__sizes) .el-select__selected-item {
    color: rgba(var(--text-color))
}

.custo-el-page :deep(.el-pagination__total) {
    color: rgba(var(--text-color), 1)
}

.custo-el-input :deep(.el-input__wrapper) {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important
}

.custo-el-input :deep(.el-input__wrapper) {
    box-shadow: 0
}

.custo-el-input :deep(.el-input__inner) {
    color: rgba(var(--text-color), 1)
}

.custo-el-input :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-input :deep(.el-textarea__inner) {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    color: rgba(var(--text-color), 1);
    font-size: 13px
}

.custo-el-input :deep(.el-range-input),
.custo-el-input :deep(.el-range-separator) {
    color: rgba(var(--text-color), 1)
}

.custo-el-input :deep(.is-disabled) .el-range-input {
    background-color: transparent
}

.custo-el-check {
    --el-fill-color-blank: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--text-color), 1)
}

.custo-el-check :deep(.el-checkbox__label) {
    font-size: 13px;
    padding-right: 4px
}

.custo-el-check :deep(.el-checkbox__input .el-checkbox__inner) {
    border-color: rgba(var(--button-border-color), 1)
}

.custo-el-check :deep(.is-checked) .el-checkbox__inner {
    background-color: rgba(var(--button-select-color), .8) !important;
    border-color: rgba(var(--button-select-color), .8)
}

.custo-el-check :deep(.is-indeterminate) .el-checkbox__inner {
    background-color: rgba(var(--button-select-color), .8) !important;
    border-color: rgba(var(--button-select-color), .8)
}

.custo-el-check :deep(.el-checkbox) {
    margin: 0 1px
}

.custo-el-check :deep(.el-checkbox.el-checkbox--large) {
    height: auto
}

.custo-el-checkbox-group {
    --el-border: var(--el-border-width) var(--el-border-style) rgba(var(--button-border-color), 1)
}

.custo-el-checkbox-group :deep(.el-checkbox-button) {
    --el-checkbox-button-checked-border-color: transparent
}

.custo-el-checkbox-group :deep(.el-checkbox-button__inner) {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: none
}

.custo-el-switch {
    color: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1);
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-primary: rgba(var(--text-color), 1)
}

.custo-el-switch :deep(.el-switch__label--right) {
    margin-left: 5px
}

.custo-el-switch :deep(.el-switch--large) {
    height: 20px
}

.custo-el-switch :deep(.el-switch__core) {
    height: 15px;
    min-width: 35px;
    background: transparent
}

.custo-el-switch :deep(.el-switch__core .el-switch__action) {
    height: 12px;
    width: 12px
}

.custo-el-switch :deep(.el-switch--large.is-checked .el-switch__core .el-switch__action) {
    left: calc(100% - 14px)
}

.custo-el-switch :deep(.el-switch__label) {
    font-size: 12px;
    font-family: HarmonyOS Sans SC
}

.custo-el-select {
    color: rgba(var(--text-color), 1)
}

.custo-el-select :deep(.el-select .el-input.is-focus .el-input__wrapper) {
    box-shadow: 0 0 0 .5px rgba(var(--button-border-color), 1) inset !important;
    font-size: 12px
}

.custo-el-select :deep(.el-tag.el-tag--info) {
    --el-tag-bg-color: rgba(var(--2nd-bg-color), 1);
    --el-tag-text-color: rgba(var(--text-color), 1)
}

.custo-el-select :deep(.el-select__wrapper) {
    background-color: rgba(var(--button-bg-color));
    box-shadow: 0 0 0 1px rgba(var(--button-border-color)) inset !important;
    min-width: 50px
}

.custo-el-select :deep(.el-select .el-input__wrapper.is-focus) {
    box-shadow: 0 0 0 1px rgb(var(--button-bg-color)) inset !important
}

.custo-el-select :deep(.el-select__tags .el-tag) {
    background-color: transparent;
    color: rgba(var(--text-color))
}

.custo-el-select :deep(.el-select-dropdown__list) {
    margin-top: 0 !important;
    border: 0 !important
}

.custo-el-select :deep(.el-select__selected-item) {
    color: rgba(var(--text-color))
}

.custo-el-input-number .el-input-number:deep(.el-input__wrapper) {
    background-color: rgba(var(--button-bg-color), 1);
    box-shadow: inset 0 0 2px rgba(var(--button-border-color), 1);
    border-radius: 5px;
    padding: 0 32px 0 0
}

.custo-el-input-number .el-input-number:deep(.el-input__inner) {
    font-weight: 500
}

.custo-el-input-number :deep(.el-input-number__decrease),
.custo-el-input-number :deep(.el-input-number__increase) {
    background-color: rgba(var(--button-bg-color), 1);
    border-bottom: 1px solid rgba(var(--button-border-color), 1) !important;
    border-left: 1px solid rgba(var(--button-border-color), 1) !important;
    color: rgba(var(--text-color), 1);
    bottom: 0
}

.custo-el-raido :deep(.el-radio__inner) {
    background-color: rgba(var(--button-border-color), 1);
    border: 0
}

.custo-el-raido :deep(.el-radio__inner:after) {
    width: 6px;
    height: 6px;
    background-color: rgba(var(--button-border-color), 1)
}

.custo-el-raido :deep(.el-radio__label) {
    font-size: 13px;
    color: rgba(var(--text-color), .8)
}

.custo-el-raido :deep(.el-radio__input.is-checked .el-radio__inner) {
    background-color: rgba(var(--button-select-color), 1)
}

.custo-el-raido :deep(.el-radio__input.is-checked+.el-radio__label) {
    color: rgba(var(--text-color), 1)
}

.custo-el-raido :deep(.el-radio) {
    margin-right: 8px
}

.custo-el-radio-group {
    --el-border-color: rgba(var(--button-border-color), 1);
    --el-text-color-regular: rgba(var(--text-color), 1);
    --el-color-primary: rgba(var(--button-select-color), 1)
}

.custo-el-radio-group :deep(.el-radio-button__inner) {
    background-color: rgba(var(--button-bg-color), 1)
}

.custo-el-radio-group :deep(.el-radio-button__inner):hover {
    color: rgba(var(--button-select-text-color), 1)
}

.custo-el-slider :deep(.el-slider__bar),
.custo-el-slider :deep(.el-slider__runway) {
    height: 3px
}

.custo-el-slider :deep(.el-slider__button) {
    height: 12px;
    width: 12px;
    margin-bottom: 3px
}

.custo-el-upload :deep(.el-upload--picture-card) {
    background-color: transparent;
    border: 1px dashed rgba(var(--bg-border-color), 1);
    width: 110px;
    height: 110px
}

.custo-el-upload :deep(.el-upload--picture-card) .el-icon {
    color: rgba(var(--bg-border-color), 1)
}

.custo-el-upload :deep(.el-upload-list--picture-card .el-upload-list__item) {
    width: 110px;
    height: 110px
}

.custo-el-color-picker {
    --el-border-color: transparent;
    --el-border-color-hover: transparent
}

.custo-el-drawer .el-drawer__header {
    padding: 12px 12px 0;
    font-size: 14px
}

.custo-el-drawer .el-drawer__body,
.custo-el-drawer .el-drawer__header {
    margin: 0;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-drawer .el-drawer__body {
    padding: 12px
}

.custo-el-drawer .el-drawer__footer {
    margin: 0;
    padding: 0 12px 12px;
    color: rgba(var(--text-color), 1);
    background-color: rgba(var(--1st-bg-color), 1)
}

.custo-el-tabs .el-tabs .el-tabs__item {
    color: rgba(var(--text-color), 1)
}

.custo-el-breadcrumb :deep(.el-breadcrumb__inner) {
    color: rgba(var(--button-select-color), 1) !important;
    cursor: pointer !important
}

.custo-el-breadcrumb :deep(.el-breadcrumb__inner):hover {
    cursor: pointer !important;
    color: rgba(var(--button-highlight-select-color), 1) !important
}