:root {
    --drawer-background:75, 77, 115;
    --infinity-white:255, 255, 255;
    --infinity-black:0, 0, 0;
    --black-color-1:0, 0, 0;
    --white-color-2:255, 255, 255;
    --light-color-3:204, 204, 204;
    --color-text-4:207, 210, 230;
    --text-color-5:255, 139, 0;
    --el-upload--picture-card-i-color-6:140, 147, 157;
    --text-color-6:146, 151, 182;
    --text-color-7:184, 187, 204;
    --liveAndReplay-text-8:88, 98, 127;
    --text-color-9:55, 210, 255;
    --text-color-10:194, 214, 225;
    --text-color-11:51, 51, 51;
    --text-color-12:112, 125, 143;
    --text-color-13:144, 147, 153;
    --text-color-14:102, 102, 102;
    --text-color-15:96, 98, 102;
    --el-date-table-td-prev-month-text-16:119, 122, 146;
    --text-color-17:191, 232, 255;
	--text-color-18:155, 163, 179;
	--text-color-20:255, 237, 42;
	--text-color-21:187, 187, 187;
	--red-color-22:255, 0, 0;
	--yellow-color-23:255, 198, 0;
	--green-color-24:0, 255, 198;
	--text-color-25:230, 125, 0;
	--text-color-26:192, 196, 204;
	--text-color-27:90, 240, 255;
	--placeholder-color-28:138, 143, 173;
	--error-color-29:245, 108, 108;
	--text-color-30:128, 134, 149;
	--text-color-31:64, 158, 255;
	--text-color-32:117, 160, 247;
	--text-color-33:48, 49, 51;
	--text-color-34:134, 150, 181;
	--table-area-i-color-35:197, 200, 206;
	--disabled-color-36:255, 197, 128;
	--el-drawer-header-color-37:114, 118, 123;
	--text-color-38:153, 51, 255;
	--danger-color-39:221, 97, 97;
	--text-color-40:255, 185, 102;
	--cycle-template-a-hover-41:102, 209, 181;
	--cycle-template-operate-a-hover-42:87, 163, 243;
	--text-color-43:103, 194, 58;
	--text-color-44:230, 162, 60;
	--text-color-45:250, 182, 182;
	--text-color-46:179, 225, 157;
	--text-color-47:243, 209, 158;
	--text-color-48:240, 199, 138;
	--text-color-49:188, 190, 194;
	--text-color-50:208, 213, 221;
	--velocity_valu-color-51:247, 210, 255;
	--text-color-52:226, 114, 114;
	--text-color-53:156, 175, 195;
	--ivu-btn-ghost-color-54:197, 201, 208;
	--text-color-55:65, 172, 218;
    --time-selector-input-background-1:14, 20, 38;
    --primary-background-2:75, 77, 115;
    --background-3:255, 255, 0;
    --dropdown-background-4:61, 73, 99;
    --select-item-hover-background-5:46, 58, 85;
    --background-6:29, 27, 54;
    --background-7:36, 35, 68;
    --background-8:27, 26, 51;
    --ai-device-background-9:45, 46, 74;
    --background-10:153, 153, 153;
    --background-11:18, 24, 41;
    --ivu-page-item-active-background-12:50, 52, 85;
    --button-dialog-background-13:26, 33, 58;
    --background-14:49, 51, 91;
    --errmage-sucss-s-button-background-15:58, 122, 234;
    --background-16:98, 101, 140;
    --background-17:32, 47, 79;
    --background-18:87, 108, 127;
    --ai-device-background-19:42, 43, 69;
    --ai-device-background-20:54, 66, 93;
    --background-21:188, 218, 251;
    --background-22:244, 244, 245;
    --background-23:31, 45, 61;
    --ivu-table-background-24:83, 92, 120;
    --background-25:39, 47, 73;
	--background-26:57, 70, 93;
	--background-27:42, 118, 251;
	--button-dialog-background-28:35, 32, 64;
	--background-29:35, 43, 54;
	--background-30:39, 69, 129;
	--background-31:63, 117, 255;
	--background-32:48, 47, 79;
	--required-div-before-background-33:255, 77, 81;
	--background-34:70, 71, 107;
	--background-35:43, 43, 72;
	--table-td-dialog-background-36:63, 65, 97;
	--background-37:31, 32, 52;
	--background-38:31, 32, 51;
	--background-39:67, 69, 99;
	--webkit-scrollbar-thumb-background-40:134, 138, 142;
	--background-41:63, 117, 252;
	--background-42:166, 169, 173;
	--ghost-button-background-43:39, 40, 63;
	--background-44:38, 39, 61;
	--background-45:115, 174, 255;
	--webkit-scrollbar-thumb-background-46:66, 70, 79;
	--el-table__row--striped-td-bakcground-47:250, 250, 250;
	--button-control-div-background-48:52, 103, 209;
	--liveAndReplay-div-background-49:23, 30, 46;
	--el-upload--picture-card-background-50:240, 249, 235;
	--hw-pagination-background-51:40, 41, 64;
	--background-52:45, 121, 221;
	--background-53:52, 53, 80;
	--up-body-background-54:32, 33, 53;
	--background-55:57, 81, 128;
	--background-56:142, 144, 175;
	--background-57:52, 55, 88;
	--background-58:75, 78, 114;
	--background-59:255, 243, 230;
	--background-60:242, 246, 252;
	--background-61:240, 242, 245;
	--el-drager-is-dragover-background-62:32, 159, 255;
	--background-63:19, 206, 102;
	--background-64:133, 206, 97;
	--bakcground-65:235, 181, 99;
	--background-66:247, 137, 137;
	--green-background-67:0, 255, 0;
	--background-68:0, 255, 255;
	--blue-background-69:0, 0, 255;
	--purple-background-70:255, 0, 255;
	--background-71:200, 201, 204;
	--button-active-background-72:50, 108, 252;
	--button-hover-background-73:33, 34, 51;
	--info-active-background-74:69, 71, 115;
	--tabs-item-active-background-75:49, 51, 80;
	--background-76:2, 240, 189;
	--bacground-77:67, 154, 241;
	--background-78:253, 236, 199;
	--dropdown-activeBlur-background-79:238, 194, 149;
	--dropdown-activeBlur-background-80:222, 151, 99;
	--dropdown-activeBlur-background-81:0, 235, 183;
	--background-82:255, 179, 31;
	--div-blue-before-background-83:91, 226, 255;
	--div-green-before-background-84:115, 244, 173;
	--div-green-before-background-85:75, 195, 253;
	--div-yellow-before-background-86:240, 255, 0;
	--el-input__suffix-background-87:54, 55, 84;
	--operate-buttons-background-88:48, 47, 78;
	--background-89:56, 139, 255;
	--video-slider-background-90:36, 43, 56;
	--background-91:54, 56, 89;
	--background-92:90, 139, 242;
	--ivu-modal-body-background-93:54, 57, 66;
	--el-tree-node__content-background-94:70, 82, 117;
	--background-95:163, 79, 29;
    --alert-warning-light-background-96:253, 246, 236;
    --alert-error-light-background-97:254, 240, 240;
	
    --border-color-1:91, 100, 129;
    --border-color-2:50, 64, 89;
    --input-bord-border-3:105, 113, 138;
    --button-primary-border-4:221, 221, 222;
    --input-bord-input-border-5:47, 45, 69;
    --border-color-6:23, 192, 205;
    --border-color-7:220, 223, 230;
	--border-color-8:77, 77, 115;
	--primary-border:89, 91, 128;
	--border-color-9:228, 228, 228;
	--border-color-10:235, 238, 245;
	--border-color-11:63, 118, 255;
	--border-color-12:130, 132, 138;
	--border-color-13:255, 162, 51;
	--slider__thumb-border-color-14:240, 240, 240;
	--ivu-btn-ghost-border-color-15:203, 208, 215;
	--disabled-border-color-16:233, 233, 235;
	--border-color-17:3, 32, 78;
	--border-color-18:3, 104, 249;
	--border-color-19:228, 231, 237;
	--border-color-20:230, 230, 230;
	--border-color-21:220, 220, 220;
	--border-color-22:211, 220, 230;
	--border-color-23:223, 228, 237;
	--border-color-24:192, 204, 218;
	--border-color-25:217, 217, 217;
	--border-color-26:225, 243, 216;
	--border-color-27:250, 236, 216;
	--border-color-28:255, 232, 204;
	--border-color-29:255, 209, 153;
    --border-color-30:211, 212, 214;
    --border-color-31:194, 231, 176;
    --border-color-32:245, 218, 177;
    --border-color-33:251, 196, 196;
	--border-color-34:93, 175, 52;
	--border-color-35:207, 146, 54;
	--border-color-36:52, 54, 87;
	--border-color-37:50, 51, 76;
	--border-color-38:178, 181, 185;
	--checkbox-border-color-39:88, 91, 131;
	--ivu-modal-header-border-color-40:4, 66, 135;
	--el-spinner-inner-path-stroke:236, 236, 236;
	--box-shadow-1:30, 28, 51;
	--box-shadow-2:12, 10, 21;
	--card-control-box-shadow-3:63, 72, 102;
	--box-shadow-4:62, 72, 102;
	--dropdown-activeBlur-boc-shadow-5:255, 108, 0;
	--box-shadow-6:27, 25, 55;
	--box-shadow-7:27, 26, 0;
	--fill-1:162, 165, 186;
}

@font-face {
    font-family: element-icons;
    src: url(fonts/element-icons.woff) format("woff"), url(fonts/element-icons.ttf) format("truetype");
    font-weight: 400;
    font-display: "auto";
    font-style: normal
}

[class*=" el-icon-"],
[class^=el-icon-] {
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-icon-ice-cream-round:before {
    content: "\e6a0"
}

.el-icon-ice-cream-square:before {
    content: "\e6a3"
}

.el-icon-lollipop:before {
    content: "\e6a4"
}

.el-icon-potato-strips:before {
    content: "\e6a5"
}

.el-icon-milk-tea:before {
    content: "\e6a6"
}

.el-icon-ice-drink:before {
    content: "\e6a7"
}

.el-icon-ice-tea:before {
    content: "\e6a9"
}

.el-icon-coffee:before {
    content: "\e6aa"
}

.el-icon-orange:before {
    content: "\e6ab"
}

.el-icon-pear:before {
    content: "\e6ac"
}

.el-icon-apple:before {
    content: "\e6ad"
}

.el-icon-cherry:before {
    content: "\e6ae"
}

.el-icon-watermelon:before {
    content: "\e6af"
}

.el-icon-grape:before {
    content: "\e6b0"
}

.el-icon-refrigerator:before {
    content: "\e6b1"
}

.el-icon-goblet-square-full:before {
    content: "\e6b2"
}

.el-icon-goblet-square:before {
    content: "\e6b3"
}

.el-icon-goblet-full:before {
    content: "\e6b4"
}

.el-icon-goblet:before {
    content: "\e6b5"
}

.el-icon-cold-drink:before {
    content: "\e6b6"
}

.el-icon-coffee-cup:before {
    content: "\e6b8"
}

.el-icon-water-cup:before {
    content: "\e6b9"
}

.el-icon-hot-water:before {
    content: "\e6ba"
}

.el-icon-ice-cream:before {
    content: "\e6bb"
}

.el-icon-dessert:before {
    content: "\e6bc"
}

.el-icon-sugar:before {
    content: "\e6bd"
}

.el-icon-tableware:before {
    content: "\e6be"
}

.el-icon-burger:before {
    content: "\e6bf"
}

.el-icon-knife-fork:before {
    content: "\e6c1"
}

.el-icon-fork-spoon:before {
    content: "\e6c2"
}

.el-icon-chicken:before {
    content: "\e6c3"
}

.el-icon-food:before {
    content: "\e6c4"
}

.el-icon-dish-1:before {
    content: "\e6c5"
}

.el-icon-dish:before {
    content: "\e6c6"
}

.el-icon-moon-night:before {
    content: "\e6ee"
}

.el-icon-moon:before {
    content: "\e6f0"
}

.el-icon-cloudy-and-sunny:before {
    content: "\e6f1"
}

.el-icon-partly-cloudy:before {
    content: "\e6f2"
}

.el-icon-cloudy:before {
    content: "\e6f3"
}

.el-icon-sunny:before {
    content: "\e6f6"
}

.el-icon-sunset:before {
    content: "\e6f7"
}

.el-icon-sunrise-1:before {
    content: "\e6f8"
}

.el-icon-sunrise:before {
    content: "\e6f9"
}

.el-icon-heavy-rain:before {
    content: "\e6fa"
}

.el-icon-lightning:before {
    content: "\e6fb"
}

.el-icon-light-rain:before {
    content: "\e6fc"
}

.el-icon-wind-power:before {
    content: "\e6fd"
}

.el-icon-baseball:before {
    content: "\e712"
}

.el-icon-soccer:before {
    content: "\e713"
}

.el-icon-football:before {
    content: "\e715"
}

.el-icon-basketball:before {
    content: "\e716"
}

.el-icon-ship:before {
    content: "\e73f"
}

.el-icon-truck:before {
    content: "\e740"
}

.el-icon-bicycle:before {
    content: "\e741"
}

.el-icon-mobile-phone:before {
    content: "\e6d3"
}

.el-icon-service:before {
    content: "\e6d4"
}

.el-icon-key:before {
    content: "\e6e2"
}

.el-icon-unlock:before {
    content: "\e6e4"
}

.el-icon-lock:before {
    content: "\e6e5"
}

.el-icon-watch:before {
    content: "\e6fe"
}

.el-icon-watch-1:before {
    content: "\e6ff"
}

.el-icon-timer:before {
    content: "\e702"
}

.el-icon-alarm-clock:before {
    content: "\e703"
}

.el-icon-map-location:before {
    content: "\e704"
}

.el-icon-delete-location:before {
    content: "\e705"
}

.el-icon-add-location:before {
    content: "\e706"
}

.el-icon-location-information:before {
    content: "\e707"
}

.el-icon-location-outline:before {
    content: "\e708"
}

.el-icon-location:before {
    content: "\e79e"
}

.el-icon-place:before {
    content: "\e709"
}

.el-icon-discover:before {
    content: "\e70a"
}

.el-icon-first-aid-kit:before {
    content: "\e70b"
}

.el-icon-trophy-1:before {
    content: "\e70c"
}

.el-icon-trophy:before {
    content: "\e70d"
}

.el-icon-medal:before {
    content: "\e70e"
}

.el-icon-medal-1:before {
    content: "\e70f"
}

.el-icon-stopwatch:before {
    content: "\e710"
}

.el-icon-mic:before {
    content: "\e711"
}

.el-icon-copy-document:before {
    content: "\e718"
}

.el-icon-full-screen:before {
    content: "\e719"
}

.el-icon-switch-button:before {
    content: "\e71b"
}

.el-icon-aim:before {
    content: "\e71c"
}

.el-icon-crop:before {
    content: "\e71d"
}

.el-icon-odometer:before {
    content: "\e71e"
}

.el-icon-time:before {
    content: "\e71f"
}

.el-icon-bangzhu:before {
    content: "\e724"
}

.el-icon-close-notification:before {
    content: "\e726"
}

.el-icon-microphone:before {
    content: "\e727"
}

.el-icon-turn-off-microphone:before {
    content: "\e728"
}

.el-icon-position:before {
    content: "\e729"
}

.el-icon-postcard:before {
    content: "\e72a"
}

.el-icon-message:before {
    content: "\e72b"
}

.el-icon-chat-line-square:before {
    content: "\e72d"
}

.el-icon-chat-dot-square:before {
    content: "\e72e"
}

.el-icon-chat-dot-round:before {
    content: "\e72f"
}

.el-icon-chat-square:before {
    content: "\e730"
}

.el-icon-chat-line-round:before {
    content: "\e731"
}

.el-icon-chat-round:before {
    content: "\e732"
}

.el-icon-set-up:before {
    content: "\e733"
}

.el-icon-turn-off:before {
    content: "\e734"
}

.el-icon-open:before {
    content: "\e735"
}

.el-icon-connection:before {
    content: "\e736"
}

.el-icon-link:before {
    content: "\e737"
}

.el-icon-cpu:before {
    content: "\e738"
}

.el-icon-thumb:before {
    content: "\e739"
}

.el-icon-female:before {
    content: "\e73a"
}

.el-icon-male:before {
    content: "\e73b"
}

.el-icon-guide:before {
    content: "\e73c"
}

.el-icon-news:before {
    content: "\e73e"
}

.el-icon-price-tag:before {
    content: "\e744"
}

.el-icon-discount:before {
    content: "\e745"
}

.el-icon-wallet:before {
    content: "\e747"
}

.el-icon-coin:before {
    content: "\e748"
}

.el-icon-money:before {
    content: "\e749"
}

.el-icon-bank-card:before {
    content: "\e74a"
}

.el-icon-box:before {
    content: "\e74b"
}

.el-icon-present:before {
    content: "\e74c"
}

.el-icon-sell:before {
    content: "\e6d5"
}

.el-icon-sold-out:before {
    content: "\e6d6"
}

.el-icon-shopping-bag-2:before {
    content: "\e74d"
}

.el-icon-shopping-bag-1:before {
    content: "\e74e"
}

.el-icon-shopping-cart-2:before {
    content: "\e74f"
}

.el-icon-shopping-cart-1:before {
    content: "\e750"
}

.el-icon-shopping-cart-full:before {
    content: "\e751"
}

.el-icon-smoking:before {
    content: "\e752"
}

.el-icon-no-smoking:before {
    content: "\e753"
}

.el-icon-house:before {
    content: "\e754"
}

.el-icon-table-lamp:before {
    content: "\e755"
}

.el-icon-school:before {
    content: "\e756"
}

.el-icon-office-building:before {
    content: "\e757"
}

.el-icon-toilet-paper:before {
    content: "\e758"
}

.el-icon-notebook-2:before {
    content: "\e759"
}

.el-icon-notebook-1:before {
    content: "\e75a"
}

.el-icon-files:before {
    content: "\e75b"
}

.el-icon-collection:before {
    content: "\e75c"
}

.el-icon-receiving:before {
    content: "\e75d"
}

.el-icon-suitcase-1:before {
    content: "\e760"
}

.el-icon-suitcase:before {
    content: "\e761"
}

.el-icon-film:before {
    content: "\e763"
}

.el-icon-collection-tag:before {
    content: "\e765"
}

.el-icon-data-analysis:before {
    content: "\e766"
}

.el-icon-pie-chart:before {
    content: "\e767"
}

.el-icon-data-board:before {
    content: "\e768"
}

.el-icon-data-line:before {
    content: "\e76d"
}

.el-icon-reading:before {
    content: "\e769"
}

.el-icon-magic-stick:before {
    content: "\e76a"
}

.el-icon-coordinate:before {
    content: "\e76b"
}

.el-icon-mouse:before {
    content: "\e76c"
}

.el-icon-brush:before {
    content: "\e76e"
}

.el-icon-headset:before {
    content: "\e76f"
}

.el-icon-umbrella:before {
    content: "\e770"
}

.el-icon-scissors:before {
    content: "\e771"
}

.el-icon-mobile:before {
    content: "\e773"
}

.el-icon-attract:before {
    content: "\e774"
}

.el-icon-monitor:before {
    content: "\e775"
}

.el-icon-search:before {
    content: "\e778"
}

.el-icon-takeaway-box:before {
    content: "\e77a"
}

.el-icon-paperclip:before {
    content: "\e77d"
}

.el-icon-printer:before {
    content: "\e77e"
}

.el-icon-document-add:before {
    content: "\e782"
}

.el-icon-document:before {
    content: "\e785"
}

.el-icon-document-checked:before {
    content: "\e786"
}

.el-icon-document-copy:before {
    content: "\e787"
}

.el-icon-document-delete:before {
    content: "\e788"
}

.el-icon-document-remove:before {
    content: "\e789"
}

.el-icon-tickets:before {
    content: "\e78b"
}

.el-icon-folder-checked:before {
    content: "\e77f"
}

.el-icon-folder-delete:before {
    content: "\e780"
}

.el-icon-folder-remove:before {
    content: "\e781"
}

.el-icon-folder-add:before {
    content: "\e783"
}

.el-icon-folder-opened:before {
    content: "\e784"
}

.el-icon-folder:before {
    content: "\e78a"
}

.el-icon-edit-outline:before {
    content: "\e764"
}

.el-icon-edit:before {
    content: "\e78c"
}

.el-icon-date:before {
    content: "\e78e"
}

.el-icon-c-scale-to-original:before {
    content: "\e7c6"
}

.el-icon-view:before {
    content: "\e6ce"
}

.el-icon-loading:before {
    content: "\e6cf"
}

.el-icon-rank:before {
    content: "\e6d1"
}

.el-icon-sort-down:before {
    content: "\e7c4"
}

.el-icon-sort-up:before {
    content: "\e7c5"
}

.el-icon-sort:before {
    content: "\e6d2"
}

.el-icon-finished:before {
    content: "\e6cd"
}

.el-icon-refresh-left:before {
    content: "\e6c7"
}

.el-icon-refresh-right:before {
    content: "\e6c8"
}

.el-icon-refresh:before {
    content: "\e6d0"
}

.el-icon-video-play:before {
    content: "\e7c0"
}

.el-icon-video-pause:before {
    content: "\e7c1"
}

.el-icon-d-arrow-right:before {
    content: "\e6dc"
}

.el-icon-d-arrow-left:before {
    content: "\e6dd"
}

.el-icon-arrow-up:before {
    content: "\e6e1"
}

.el-icon-arrow-down:before {
    content: "\e6df"
}

.el-icon-arrow-right:before {
    content: "\e6e0"
}

.el-icon-arrow-left:before {
    content: "\e6de"
}

.el-icon-top-right:before {
    content: "\e6e7"
}

.el-icon-top-left:before {
    content: "\e6e8"
}

.el-icon-top:before {
    content: "\e6e6"
}

.el-icon-bottom:before {
    content: "\e6eb"
}

.el-icon-right:before {
    content: "\e6e9"
}

.el-icon-back:before {
    content: "\e6ea"
}

.el-icon-bottom-right:before {
    content: "\e6ec"
}

.el-icon-bottom-left:before {
    content: "\e6ed"
}

.el-icon-caret-top:before {
    content: "\e78f"
}

.el-icon-caret-bottom:before {
    content: "\e790"
}

.el-icon-caret-right:before {
    content: "\e791"
}

.el-icon-caret-left:before {
    content: "\e792"
}

.el-icon-d-caret:before {
    content: "\e79a"
}

.el-icon-share:before {
    content: "\e793"
}

.el-icon-menu:before {
    content: "\e798"
}

.el-icon-s-grid:before {
    content: "\e7a6"
}

.el-icon-s-check:before {
    content: "\e7a7"
}

.el-icon-s-data:before {
    content: "\e7a8"
}

.el-icon-s-opportunity:before {
    content: "\e7aa"
}

.el-icon-s-custom:before {
    content: "\e7ab"
}

.el-icon-s-claim:before {
    content: "\e7ad"
}

.el-icon-s-finance:before {
    content: "\e7ae"
}

.el-icon-s-comment:before {
    content: "\e7af"
}

.el-icon-s-flag:before {
    content: "\e7b0"
}

.el-icon-s-marketing:before {
    content: "\e7b1"
}

.el-icon-s-shop:before {
    content: "\e7b4"
}

.el-icon-s-open:before {
    content: "\e7b5"
}

.el-icon-s-management:before {
    content: "\e7b6"
}

.el-icon-s-ticket:before {
    content: "\e7b7"
}

.el-icon-s-release:before {
    content: "\e7b8"
}

.el-icon-s-home:before {
    content: "\e7b9"
}

.el-icon-s-promotion:before {
    content: "\e7ba"
}

.el-icon-s-operation:before {
    content: "\e7bb"
}

.el-icon-s-unfold:before {
    content: "\e7bc"
}

.el-icon-s-fold:before {
    content: "\e7a9"
}

.el-icon-s-platform:before {
    content: "\e7bd"
}

.el-icon-s-order:before {
    content: "\e7be"
}

.el-icon-s-cooperation:before {
    content: "\e7bf"
}

.el-icon-bell:before {
    content: "\e725"
}

.el-icon-message-solid:before {
    content: "\e799"
}

.el-icon-video-camera:before {
    content: "\e772"
}

.el-icon-video-camera-solid:before {
    content: "\e796"
}

.el-icon-camera:before {
    content: "\e779"
}

.el-icon-camera-solid:before {
    content: "\e79b"
}

.el-icon-download:before {
    content: "\e77c"
}

.el-icon-upload2:before {
    content: "\e77b"
}

.el-icon-upload:before {
    content: "\e7c3"
}

.el-icon-picture-outline-round:before {
    content: "\e75f"
}

.el-icon-picture-outline:before {
    content: "\e75e"
}

.el-icon-picture:before {
    content: "\e79f"
}

.el-icon-close:before {
    content: "\e6db"
}

.el-icon-check:before {
    content: "\e6da"
}

.el-icon-plus:before {
    content: "\e6d9"
}

.el-icon-minus:before {
    content: "\e6d8"
}

.el-icon-help:before {
    content: "\e73d"
}

.el-icon-s-help:before {
    content: "\e7b3"
}

.el-icon-circle-close:before {
    content: "\e78d"
}

.el-icon-circle-check:before {
    content: "\e720"
}

.el-icon-circle-plus-outline:before {
    content: "\e723"
}

.el-icon-remove-outline:before {
    content: "\e722"
}

.el-icon-zoom-out:before {
    content: "\e776"
}

.el-icon-zoom-in:before {
    content: "\e777"
}

.el-icon-error:before {
    content: "\e79d"
}

.el-icon-success:before {
    content: "\e79c"
}

.el-icon-circle-plus:before {
    content: "\e7a0"
}

.el-icon-remove:before {
    content: "\e7a2"
}

.el-icon-info:before {
    content: "\e7a1"
}

.el-icon-question:before {
    content: "\e7a4"
}

.el-icon-warning-outline:before {
    content: "\e6c9"
}

.el-icon-warning:before {
    content: "\e7a3"
}

.el-icon-goods:before {
    content: "\e7c2"
}

.el-icon-s-goods:before {
    content: "\e7b2"
}

.el-icon-star-off:before {
    content: "\e717"
}

.el-icon-star-on:before {
    content: "\e797"
}

.el-icon-more-outline:before {
    content: "\e6cc"
}

.el-icon-more:before {
    content: "\e794"
}

.el-icon-phone-outline:before {
    content: "\e6cb"
}

.el-icon-phone:before {
    content: "\e795"
}

.el-icon-user:before {
    content: "\e6e3"
}

.el-icon-user-solid:before {
    content: "\e7a5"
}

.el-icon-setting:before {
    content: "\e6ca"
}

.el-icon-s-tools:before {
    content: "\e7ac"
}

.el-icon-delete:before {
    content: "\e6d7"
}

.el-icon-delete-solid:before {
    content: "\e7c9"
}

.el-icon-eleme:before {
    content: "\e7c7"
}

.el-icon-platform-eleme:before {
    content: "\e7ca"
}

.el-icon-loading {
    animation: rotating 2s linear infinite
}

.el-icon--right {
    margin-left: 5px
}

.el-icon--left {
    margin-right: 5px
}

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

    to {
        transform: rotate(1turn)
    }
}

.el-pagination {
    white-space: nowrap;
    padding: 2px 5px;
    color: rgba(var(--text-color-33), 1);
    font-weight: 700
}

.el-pagination:after,
.el-pagination:before {
    display: table;
    content: ""
}

.el-pagination:after {
    clear: both
}

.el-pagination button,
.el-pagination span:not([class*=suffix]) {
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    vertical-align: top;
    box-sizing: border-box
}

.el-pagination .el-input__inner {
    text-align: center;
    -moz-appearance: textfield;
    line-height: normal
}

.el-pagination .el-input__suffix {
    right: 0;
    transform: scale(.8)
}

.el-pagination .el-select .el-input {
    width: 100px;
    margin: 0 5px
}

.el-pagination .el-select .el-input .el-input__inner {
    padding-right: 25px;
    border-radius: 3px
}

.el-pagination button {
    border: none;
    padding: 0 6px;
    background: transparent
}

.el-pagination button:focus {
    outline: none
}

.el-pagination button:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-pagination button:disabled {
    color: rgba(var(--text-color-26), 1);
    background-color: rgba(var(--white-color-2), 1);
    cursor: not-allowed
}

.el-pagination .btn-next,
.el-pagination .btn-prev {
    background: 50% no-repeat;
    background-size: 16px;
    background-color: rgba(var(--white-color-2), 1);
    cursor: pointer;
    margin: 0;
    color: rgba(var(--text-color-33), 1)
}

.el-pagination .btn-next .el-icon,
.el-pagination .btn-prev .el-icon {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.el-pagination .btn-prev {
    padding-right: 12px
}

.el-pagination .btn-next {
    padding-left: 12px
}

.el-pagination .el-pager li.disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-pagination--small .btn-next,
.el-pagination--small .btn-prev,
.el-pagination--small .el-pager li,
.el-pagination--small .el-pager li.btn-quicknext,
.el-pagination--small .el-pager li.btn-quickprev,
.el-pagination--small .el-pager li:last-child {
    border-color: transparent;
    font-size: 12px;
    line-height: 22px;
    height: 22px;
    min-width: 22px
}

.el-pagination--small .arrow.disabled {
    visibility: hidden
}

.el-pagination--small .more:before,
.el-pagination--small li.more:before {
    line-height: 24px
}

.el-pagination--small button,
.el-pagination--small span:not([class*=suffix]) {
    height: 22px;
    line-height: 22px
}

.el-pagination--small .el-pagination__editor,
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
    height: 22px
}

.el-pagination__sizes {
    margin: 0 10px 0 0;
    font-weight: 400;
    color: rgba(var(--text-color-15), 1)
}

.el-pagination__sizes .el-input .el-input__inner {
    font-size: 13px;
    padding-left: 8px
}

.el-pagination__sizes .el-input .el-input__inner:hover {
    border-color: rgba(var(--text-color-5), 1)
}

.el-pagination__total {
    margin-right: 10px;
    font-weight: 400;
    color: rgba(var(--text-color-15), 1)
}

.el-pagination__jump {
    margin-left: 24px;
    font-weight: 400;
    color: rgba(var(--text-color-15), 1)
}

.el-pagination__jump .el-input__inner {
    padding: 0 3px
}

.el-pagination__rightwrapper {
    float: right
}

.el-pagination__editor {
    line-height: 18px;
    padding: 0 2px;
    height: 28px;
    text-align: center;
    margin: 0 2px;
    box-sizing: border-box;
    border-radius: 3px
}

.el-pagination__editor.el-input {
    width: 50px
}

.el-pagination__editor.el-input .el-input__inner {
    height: 28px
}

.el-pagination__editor .el-input__inner::-webkit-inner-spin-button,
.el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev,
.el-pagination.is-background .el-pager li {
    margin: 0 5px;
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-15), 1);
    min-width: 30px;
    border-radius: 2px
}

.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .el-pager li.disabled {
    color: rgba(var(--text-color-26), 1)
}

.el-pagination.is-background .btn-next,
.el-pagination.is-background .btn-prev {
    padding: 0
}

.el-pagination.is-background .btn-next:disabled,
.el-pagination.is-background .btn-prev:disabled {
    color: rgba(var(--text-color-26), 1)
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: rgba(var(--text-color-5), 1)
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .el-pager li {
    margin: 0 3px;
    min-width: 22px
}

.el-pager {
    user-select: none;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    padding: 0;
    margin: 0
}

.el-pager .more:before {
    line-height: 30px
}

.el-pager li {
    padding: 0 4px;
    background: rgba(var(--white-color-2), 1);
    vertical-align: top;
    display: inline-block;
    font-size: 13px;
    min-width: 35.5px;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    margin: 0
}

.el-pager li.btn-quicknext,
.el-pager li.btn-quickprev {
    line-height: 28px;
    color: rgba(var(--text-color-33), 1)
}

.el-pager li.btn-quicknext.disabled,
.el-pager li.btn-quickprev.disabled {
    color: rgba(var(--text-color-26), 1)
}

.el-pager li.btn-quicknext:hover,
.el-pager li.btn-quickprev:hover {
    cursor: pointer
}

.el-pager li.active+li {
    border-left: 0
}

.el-pager li:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-pager li.active {
    color: rgba(var(--text-color-5), 1);
    cursor: default
}

.el-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: rgba(var(--white-color-2), 1);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(var(--black-color-1), .3);
    box-sizing: border-box;
    width: 50%
}

.el-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.el-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.el-dialog__header {
    padding: 20px 20px 10px
}

.el-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px
}

.el-dialog__headerbtn .el-dialog__close {
    color: rgba(var(--black-color-1), 1)
}

.el-dialog__headerbtn:focus .el-dialog__close,
.el-dialog__headerbtn:hover .el-dialog__close {
    color: rgba(var(--text-color-5), 1)
}

.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: rgba(var(--text-color-33), 1)
}

.el-dialog__body {
    padding: 30px 20px;
    color: rgba(var(--text-color-15), 1);
    font-size: 14px;
    word-break: break-all
}

.el-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    box-sizing: border-box
}

.el-dialog--center {
    text-align: center
}

.el-dialog--center .el-dialog__body {
    text-align: initial;
    padding: 25px 25px 30px
}

.el-dialog--center .el-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-autocomplete {
    position: relative;
    display: inline-block
}

.el-autocomplete-suggestion {
    margin: 5px 0;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-19), 1);
    box-sizing: border-box;
    background-color: rgba(var(--white-color-2), 1)
}

.el-autocomplete-suggestion__wrap {
    max-height: 280px;
    padding: 10px 0;
    box-sizing: border-box
}

.el-autocomplete-suggestion__list {
    margin: 0;
    padding: 0
}

.el-autocomplete-suggestion li {
    padding: 0 20px;
    margin: 0;
    line-height: 34px;
    cursor: pointer;
    color: rgba(var(--text-color-15), 1);
    font-size: 14px;
    list-style: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-autocomplete-suggestion li.highlighted,
.el-autocomplete-suggestion li:hover {
    background-color: rgba(var(--background-22), 1)
}

.el-autocomplete-suggestion li.divider {
    margin-top: 6px;
    border-top: 1px solid rgba(var(--black-color-1), 1)
}

.el-autocomplete-suggestion li.divider:last-child {
    margin-bottom: -6px
}

.el-autocomplete-suggestion.is-loading li {
    text-align: center;
    height: 100px;
    line-height: 100px;
    font-size: 20px;
    color: rgba(var(--background-10), 1)
}

.el-autocomplete-suggestion.is-loading li:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-autocomplete-suggestion.is-loading li:hover {
    background-color: rgba(var(--white-color-2), 1)
}

.el-autocomplete-suggestion.is-loading .el-icon-loading {
    vertical-align: middle
}

.el-dropdown {
    display: inline-block;
    position: relative;
    color: rgba(var(--text-color-15), 1);
    font-size: 14px
}

.el-dropdown .el-button-group {
    display: block
}

.el-dropdown .el-button-group .el-button {
    float: none
}

.el-dropdown .el-dropdown__caret-button {
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    border-left: none
}

.el-dropdown .el-dropdown__caret-button:before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    top: 5px;
    bottom: 5px;
    left: 0;
    background: hsla(0, 0%, 100%, .5)
}

.el-dropdown .el-dropdown__caret-button.el-button--default:before {
    background: rgba(var(--border-color-7), .5)
}

.el-dropdown .el-dropdown__caret-button:hover:before {
    top: 0;
    bottom: 0
}

.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
    padding-left: 0
}

.el-dropdown__icon {
    font-size: 12px;
    margin: 0 3px
}

.el-dropdown .el-dropdown-selfdefine:focus:active,
.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
    outline-width: 0
}

.el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    padding: 10px 0;
    margin: 5px 0;
    background-color: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-10), 1);
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-dropdown-menu__item {
    list-style: none;
    line-height: 36px;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    cursor: pointer;
    outline: none
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: rgba(var(--background-59), 1);
    color: rgba(var(--border-color-13), 1)
}

.el-dropdown-menu__item i {
    margin-right: 5px
}

.el-dropdown-menu__item--divided {
    position: relative;
    margin-top: 6px;
    border-top: 1px solid rgba(var(--border-color-10), 1)
}

.el-dropdown-menu__item--divided:before {
    content: "";
    height: 6px;
    display: block;
    margin: 0 -20px;
    background-color: rgba(var(--white-color-2), 1)
}

.el-dropdown-menu__item.is-disabled {
    cursor: default;
    color: rgba(var(--text-color-21), 1);
    pointer-events: none
}

.el-dropdown-menu--medium {
    padding: 6px 0
}

.el-dropdown-menu--medium .el-dropdown-menu__item {
    line-height: 30px;
    padding: 0 17px;
    font-size: 14px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 6px
}

.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 6px;
    margin: 0 -17px
}

.el-dropdown-menu--small {
    padding: 6px 0
}

.el-dropdown-menu--small .el-dropdown-menu__item {
    line-height: 27px;
    padding: 0 15px;
    font-size: 13px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 4px
}

.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 4px;
    margin: 0 -15px
}

.el-dropdown-menu--mini {
    padding: 3px 0
}

.el-dropdown-menu--mini .el-dropdown-menu__item {
    line-height: 24px;
    padding: 0 10px;
    font-size: 12px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
    margin-top: 3px
}

.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
    height: 3px;
    margin: 0 -10px
}

.el-menu {
    border-right: 1px solid rgba(var(--border-color-20), 1);
    list-style: none;
    position: relative;
    margin: 0;
    padding-left: 0;
    background-color: rgba(var(--white-color-2), 1)
}

.el-menu:after,
.el-menu:before {
    display: table;
    content: ""
}

.el-menu:after {
    clear: both
}

.el-menu.el-menu--horizontal {
    border-bottom: 1px solid rgba(var(--border-color-20), 1)
}

.el-menu--horizontal {
    border-right: none
}

.el-menu--horizontal>.el-menu-item {
    float: left;
    height: 60px;
    line-height: 60px;
    margin: 0;
    border-bottom: 2px solid transparent;
    color: rgba(var(--text-color-13), 1)
}

.el-menu--horizontal>.el-menu-item a,
.el-menu--horizontal>.el-menu-item a:hover {
    color: inherit
}

.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
    background-color: rgba(var(--white-color-2), 1)
}

.el-menu--horizontal>.el-submenu {
    float: left
}

.el-menu--horizontal>.el-submenu:focus,
.el-menu--horizontal>.el-submenu:hover {
    outline: none
}

.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
    color: rgba(var(--text-color-33), 1)
}

.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
    border-bottom: 2px solid rgba(var(--text-color-5), 1);
    color: rgba(var(--text-color-33), 1)
}

.el-menu--horizontal>.el-submenu .el-submenu__title {
    height: 60px;
    line-height: 60px;
    border-bottom: 2px solid transparent;
    color: rgba(var(--text-color-13), 1)
}

.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
    background-color: rgba(var(--white-color-2), 1)
}

.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
    position: static;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -3px
}

.el-menu--horizontal .el-menu .el-menu-item,
.el-menu--horizontal .el-menu .el-submenu__title {
    background-color: rgba(var(--white-color-2), 1);
    float: none;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    color: rgba(var(--text-color-13), 1)
}

.el-menu--horizontal .el-menu .el-menu-item.is-active,
.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
    color: rgba(var(--text-color-33), 1)
}

.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
    outline: none;
    color: rgba(var(--text-color-33), 1)
}

.el-menu--horizontal>.el-menu-item.is-active {
    border-bottom: 2px solid rgba(var(--text-color-5), 1);
    color: rgba(var(--text-color-33), 1)
}

.el-menu--collapse {
    width: 64px
}

.el-menu--collapse>.el-menu-item [class^=el-icon-],
.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
    margin: 0;
    vertical-align: middle;
    width: 24px;
    text-align: center
}

.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
    display: none
}

.el-menu--collapse>.el-menu-item span,
.el-menu--collapse>.el-submenu>.el-submenu__title span {
    height: 0;
    width: 0;
    overflow: hidden;
    visibility: hidden;
    display: inline-block
}

.el-menu--collapse>.el-menu-item.is-active i {
    color: inherit
}

.el-menu--collapse .el-menu .el-submenu {
    min-width: 200px
}

.el-menu--collapse .el-submenu {
    position: relative
}

.el-menu--collapse .el-submenu .el-menu {
    position: absolute;
    margin-left: 5px;
    top: 0;
    left: 100%;
    z-index: 10;
    border: 1px solid rgba(var(--border-color-19), 1);
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: none
}

.el-menu--popup {
    z-index: 100;
    min-width: 200px;
    border: none;
    padding: 5px 0;
    border-radius: 2px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-menu--popup-bottom-start {
    margin-top: 5px
}

.el-menu--popup-right-start {
    margin-left: 5px;
    margin-right: 5px
}

.el-menu-item {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: rgba(var(--text-color-33), 1);
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    box-sizing: border-box;
    white-space: nowrap
}

.el-menu-item * {
    vertical-align: middle
}

.el-menu-item i {
    color: rgba(var(--text-color-13), 1)
}

.el-menu-item:focus,
.el-menu-item:hover {
    outline: none;
    background-color: rgba(var(--background-59), 1)
}

.el-menu-item.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-menu-item [class^=el-icon-] {
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    vertical-align: middle
}

.el-menu-item.is-active {
    color: rgba(var(--text-color-5), 1)
}

.el-menu-item.is-active i {
    color: inherit
}

.el-submenu {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.el-submenu__title {
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: rgba(var(--text-color-33), 1);
    padding: 0 20px;
    list-style: none;
    cursor: pointer;
    position: relative;
    transition: border-color .3s, background-color .3s, color .3s;
    box-sizing: border-box;
    white-space: nowrap
}

.el-submenu__title * {
    vertical-align: middle
}

.el-submenu__title i {
    color: rgba(var(--text-color-13), 1)
}

.el-submenu__title:focus,
.el-submenu__title:hover {
    outline: none;
    background-color: rgba(var(--background-59), 1)
}

.el-submenu__title.is-disabled {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-submenu__title:hover {
    background-color: rgba(var(--background-59), 1)
}

.el-submenu .el-menu {
    border: none
}

.el-submenu .el-menu-item {
    height: 50px;
    line-height: 50px;
    padding: 0 45px;
    min-width: 200px
}

.el-submenu__icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -7px;
    transition: transform .3s;
    font-size: 12px
}

.el-submenu.is-active .el-submenu__title {
    border-bottom-color: rgba(var(--text-color-5), 1)
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg)
}

.el-submenu.is-disabled .el-menu-item,
.el-submenu.is-disabled .el-submenu__title {
    opacity: .25;
    cursor: not-allowed;
    background: none !important
}

.el-submenu [class^=el-icon-] {
    vertical-align: middle;
    margin-right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px
}

.el-menu-item-group>ul {
    padding: 0
}

.el-menu-item-group__title {
    padding: 7px 0 7px 20px;
    line-height: normal;
    font-size: 12px;
    color: rgba(var(--text-color-13), 1)
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
    transition: .2s;
    opacity: 0
}

.el-radio-group {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-size: 0
}

.el-radio-button,
.el-radio-button__inner {
    position: relative;
    display: inline-block;
    outline: none
}

.el-radio-button__inner {
    line-height: 1;
    white-space: nowrap;
    vertical-align: middle;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-7), 1);
    font-weight: 500;
    border-left: 0;
    color: rgba(var(--text-color-15), 1);
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button__inner.is-round {
    padding: 12px 20px
}

.el-radio-button__inner:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-radio-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-radio-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-radio-button__orig-radio {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1);
    box-shadow: -1px 0 0 0 rgba(var(--text-color-5), 1)
}

.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed;
    background-image: none;
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-10), 1);
    box-shadow: none
}

.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
    background-color: rgba(var(--background-60), 1)
}

.el-radio-button:last-child .el-radio-button__inner {
    border-radius: 0 4px 4px 0
}

.el-radio-button:first-child:last-child .el-radio-button__inner {
    border-radius: 4px
}

.el-radio-button--medium .el-radio-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-radio-button--medium .el-radio-button__inner.is-round {
    padding: 10px 20px
}

.el-radio-button--small .el-radio-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--small .el-radio-button__inner.is-round {
    padding: 9px 15px
}

.el-radio-button--mini .el-radio-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-radio-button--mini .el-radio-button__inner.is-round {
    padding: 7px 15px
}

.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    box-shadow: 0 0 2px 2px rgba(var(--text-color-5), 1)
}

.el-switch {
    display: inline-flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    height: 20px;
    vertical-align: middle
}

.el-switch.is-disabled .el-switch__core,
.el-switch.is-disabled .el-switch__label {
    cursor: not-allowed
}

.el-switch__label {
    transition: .2s;
    height: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    vertical-align: middle;
    color: rgba(var(--text-color-33), 1)
}

.el-switch__label.is-active {
    color: rgba(var(--text-color-5), 1)
}

.el-switch__label--left {
    margin-right: 10px
}

.el-switch__label--right {
    margin-left: 10px
}

.el-switch__label * {
    line-height: 1;
    font-size: 14px;
    display: inline-block
}

.el-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0
}

.el-switch__core {
    margin: 0;
    display: inline-block;
    position: relative;
    width: 40px;
    height: 20px;
    border: 1px solid rgba(var(--border-color-7), 1);
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: rgba(var(--border-color-7), 1);
    cursor: pointer;
    transition: border-color .3s, background-color .3s;
    vertical-align: middle
}

.el-switch__core:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    transition: all .3s;
    width: 16px;
    height: 16px;
    background-color: rgba(var(--white-color-2), 1)
}

.el-switch.is-checked .el-switch__core {
    border-color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.el-switch.is-checked .el-switch__core:after {
    left: 100%;
    margin-left: -17px
}

.el-switch.is-disabled {
    opacity: .6
}

.el-switch--wide .el-switch__label.el-switch__label--left span {
    left: 10px
}

.el-switch--wide .el-switch__label.el-switch__label--right span {
    right: 10px
}

.el-switch .label-fade-enter,
.el-switch .label-fade-leave-active {
    opacity: 0
}

.el-select-dropdown {
    position: absolute;
    z-index: 1001;
    border: 1px solid rgba(var(--border-color-19), 1);
    border-radius: 4px;
    background-color: rgba(var(--white-color-2), 1);
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    box-sizing: border-box;
    margin: 5px 0
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--white-color-2), 1)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
    background-color: rgba(var(--background-22), 1)
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected:after {
    position: absolute;
    right: 20px;
    font-family: element-icons;
    content: "\e6da";
    font-size: 12px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
    padding: 0
}

.el-select-dropdown__empty {
    padding: 10px 0;
    margin: 0;
    text-align: center;
    color: rgba(var(--background-10), 1);
    font-size: 14px
}

.el-select-dropdown__wrap {
    max-height: 274px
}

.el-select-dropdown__list {
    list-style: none;
    padding: 6px 0;
    margin: 0;
    box-sizing: border-box
}

.el-select-dropdown__item {
    font-size: 14px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(var(--text-color-15), 1);
    height: 34px;
    line-height: 34px;
    box-sizing: border-box;
    cursor: pointer
}

.el-select-dropdown__item.is-disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-select-dropdown__item.is-disabled:hover {
    background-color: rgba(var(--white-color-2), 1)
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
    background-color: rgba(var(--background-22), 1)
}

.el-select-dropdown__item.selected {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-select-group {
    margin: 0;
    padding: 0
}

.el-select-group__wrap {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.el-select-group__wrap:not(:last-of-type) {
    padding-bottom: 24px
}

.el-select-group__wrap:not(:last-of-type):after {
    content: "";
    position: absolute;
    display: block;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: rgba(var(--border-color-19), 1)
}

.el-select-group__title {
    padding-left: 20px;
    font-size: 12px;
    color: rgba(var(--text-color-13), 1);
    line-height: 30px
}

.el-select-group .el-select-dropdown__item {
    padding-left: 20px
}

.el-select {
    display: inline-block;
    position: relative
}

.el-select .el-select__tags>span {
    display: contents
}

.el-select:hover .el-input__inner {
    border-color: rgba(var(--text-color-26), 1)
}

.el-select .el-input__inner {
    cursor: pointer;
    padding-right: 35px
}

.el-select .el-input__inner:focus {
    border-color: rgba(var(--text-color-5), 1)
}

.el-select .el-input .el-select__caret {
    color: rgba(var(--text-color-26), 1);
    font-size: 14px;
    transition: transform .3s;
    transform: rotate(180deg);
    cursor: pointer
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0deg)
}

.el-select .el-input .el-select__caret.is-show-close {
    font-size: 14px;
    text-align: center;
    transform: rotate(180deg);
    border-radius: 100%;
    color: rgba(var(--text-color-26), 1);
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-select .el-input .el-select__caret.is-show-close:hover {
    color: rgba(var(--text-color-13), 1)
}

.el-select .el-input.is-disabled .el-input__inner {
    cursor: not-allowed
}

.el-select .el-input.is-disabled .el-input__inner:hover {
    border-color: rgba(var(--border-color-19), 1)
}

.el-select .el-input.is-focus .el-input__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-select>.el-input {
    display: block
}

.el-select__input {
    border: none;
    outline: none;
    padding: 0;
    margin-left: 15px;
    color: rgba(var(--text-color-14), 1);
    font-size: 14px;
    appearance: none;
    height: 28px;
    background-color: transparent
}

.el-select__input.is-mini {
    height: 14px
}

.el-select__close {
    cursor: pointer;
    position: absolute;
    top: 8px;
    z-index: 1000;
    right: 25px;
    color: rgba(var(--text-color-26), 1);
    line-height: 18px;
    font-size: 14px
}

.el-select__close:hover {
    color: rgba(var(--text-color-13), 1)
}

.el-select__tags {
    position: absolute;
    line-height: normal;
    white-space: normal;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.el-select .el-tag__close {
    margin-top: -2px
}

.el-select .el-tag {
    box-sizing: border-box;
    border-color: transparent;
    margin: 2px 0 2px 6px;
    background-color: rgba(var(--background-61), 1)
}

.el-select .el-tag__close.el-icon-close {
    background-color: rgba(var(--text-color-26), 1);
    right: -7px;
    top: 0;
    color: rgba(var(--white-color-2), 1)
}

.el-select .el-tag__close.el-icon-close:hover {
    background-color: rgba(var(--text-color-13), 1)
}

.el-select .el-tag__close.el-icon-close:before {
    display: block;
    transform: translateY(.5px)
}

.el-table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    max-width: 100%;
    background-color: rgba(var(--white-color-2), 1);
    font-size: 14px;
    color: rgba(var(--text-color-15), 1)
}

.el-table__empty-block {
    min-height: 60px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-table__empty-text {
    line-height: 60px;
    width: 50%;
    color: rgba(var(--text-color-13), 1)
}

.el-table__expand-column .cell {
    padding: 0;
    text-align: center
}

.el-table__expand-icon {
    position: relative;
    cursor: pointer;
    color: rgba(var(--text-color-14), 1);
    font-size: 12px;
    transition: transform .2s ease-in-out;
    height: 20px
}

.el-table__expand-icon--expanded {
    transform: rotate(90deg)
}

.el-table__expand-icon>.el-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px
}

.el-table__expanded-cell {
    background-color: rgba(var(--white-color-2), 1)
}

.el-table__expanded-cell[class*=cell] {
    padding: 20px 50px
}

.el-table__expanded-cell:hover {
    background-color: transparent !important
}

.el-table__placeholder {
    display: inline-block;
    width: 20px
}

.el-table__append-wrapper {
    overflow: hidden
}

.el-table--fit {
    border-right: 0;
    border-bottom: 0
}

.el-table--fit td.gutter,
.el-table--fit th.gutter {
    border-right-width: 1px
}

.el-table--scrollable-x .el-table__body-wrapper {
    overflow-x: auto
}

.el-table--scrollable-y .el-table__body-wrapper {
    overflow-y: auto
}

.el-table thead {
    color: rgba(var(--text-color-13), 1);
    font-weight: 500
}

.el-table thead.is-group th {
    background: rgba(var(--background-22), 1)
}

.el-table td,
.el-table th {
    padding: 12px 0;
    min-width: 0;
    box-sizing: border-box;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    text-align: left
}

.el-table td.is-center,
.el-table th.is-center {
    text-align: center
}

.el-table td.is-right,
.el-table th.is-right {
    text-align: right
}

.el-table td.gutter,
.el-table th.gutter {
    width: 15px;
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 0
}

.el-table td.is-hidden>*,
.el-table th.is-hidden>* {
    visibility: hidden
}

.el-table--medium td,
.el-table--medium th {
    padding: 10px 0
}

.el-table--small {
    font-size: 12px
}

.el-table--small td,
.el-table--small th {
    padding: 8px 0
}

.el-table--mini {
    font-size: 12px
}

.el-table--mini td,
.el-table--mini th {
    padding: 6px 0
}

.el-table tr {
    background-color: rgba(var(--white-color-2), 1)
}

.el-table tr input[type=checkbox] {
    margin: 0
}

.el-table td,
.el-table th.is-leaf {
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-table th.is-sortable {
    cursor: pointer
}

.el-table th {
    overflow: hidden;
    user-select: none;
    background-color: rgba(var(--white-color-2), 1)
}

.el-table th>.cell {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%
}

.el-table th>.cell.highlight {
    color: rgba(var(--text-color-5), 1)
}

.el-table th.required>div:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(var(--required-div-before-background-33), 1);
    margin-right: 5px;
    vertical-align: middle
}

.el-table td div {
    box-sizing: border-box
}

.el-table td.gutter {
    width: 0
}

.el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 23px;
    padding-left: 10px;
    padding-right: 10px
}

.el-table .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px
}

.el-table--border,
.el-table--group {
    border: 1px solid rgba(var(--border-color-10), 1)
}

.el-table--border:after,
.el-table--group:after,
.el-table:before {
    content: "";
    position: absolute;
    background-color: rgba(var(--border-color-10), 1);
    z-index: 1
}

.el-table--border:after,
.el-table--group:after {
    top: 0;
    right: 0;
    width: 1px;
    height: 100%
}

.el-table:before {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px
}

.el-table--border {
    border-right: none;
    border-bottom: none
}

.el-table--border.el-loading-parent--relative {
    border-color: transparent
}

.el-table--border td,
.el-table--border th {
    border-right: 1px solid rgba(var(--border-color-10), 1)
}

.el-table--border td:first-child .cell,
.el-table--border th:first-child .cell {
    padding-left: 10px
}

.el-table--border th,
.el-table--border th.gutter:last-of-type {
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-table--hidden {
    visibility: hidden
}

.el-table__fixed,
.el-table__fixed-right {
    position: absolute;
    top: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    box-shadow: 0 0 10px rgba(var(--black-color-1), .12)
}

.el-table__fixed-right:before,
.el-table__fixed:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(var(--border-color-10), 1);
    z-index: 4
}

.el-table__fixed-right-patch {
    position: absolute;
    top: -1px;
    right: 0;
    background-color: rgba(var(--white-color-2), 1);
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-table__fixed-right {
    top: 0;
    left: auto;
    right: 0
}

.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-wrapper,
.el-table__fixed-right .el-table__fixed-header-wrapper {
    left: auto;
    right: 0
}

.el-table__fixed-header-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3
}

.el-table__fixed-footer-wrapper tbody td {
    border-top: 1px solid rgba(var(--border-color-10), 1);
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-15), 1)
}

.el-table__fixed-body-wrapper {
    position: absolute;
    left: 0;
    top: 37px;
    overflow: hidden;
    z-index: 3
}

.el-table__body-wrapper,
.el-table__footer-wrapper,
.el-table__header-wrapper {
    width: 100%
}

.el-table__footer-wrapper {
    margin-top: -1px
}

.el-table__footer-wrapper td {
    border-top: 1px solid rgba(var(--border-color-10), 1)
}

.el-table__body,
.el-table__footer,
.el-table__header {
    table-layout: fixed;
    border-collapse: separate
}

.el-table__footer-wrapper,
.el-table__header-wrapper {
    overflow: hidden
}

.el-table__footer-wrapper tbody td,
.el-table__header-wrapper tbody td {
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-15), 1)
}

.el-table__body-wrapper {
    overflow: hidden;
    position: relative
}

.el-table__body-wrapper.is-scrolling-left~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed,
.el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right,
.el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right {
    box-shadow: none
}

.el-table__body-wrapper .el-table--border.is-scrolling-right~.el-table__fixed-right {
    border-left: 1px solid rgba(var(--border-color-10), 1)
}

.el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
    border-right: 1px solid rgba(var(--border-color-10), 1)
}

.el-table .caret-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    height: 34px;
    width: 24px;
    vertical-align: middle;
    cursor: pointer;
    overflow: initial;
    position: relative
}

.el-table .sort-caret {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    position: absolute;
    left: 7px
}

.el-table .sort-caret.ascending {
    border-bottom-color: rgba(var(--text-color-26), 1);
    top: 5px
}

.el-table .sort-caret.descending {
    border-top-color: rgba(var(--text-color-26), 1);
    bottom: 7px
}

.el-table .ascending .sort-caret.ascending {
    border-bottom-color: rgba(var(--text-color-5), 1)
}

.el-table .descending .sort-caret.descending {
    border-top-color: rgba(var(--text-color-5), 1)
}

.el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.el-table--striped .el-table__body tr.el-table__row--striped td {
    background: rgba(var(--background-35), 1) !important;
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: rgba(var(--background-59), 1)
}

.el-table__body tr.hover-row.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped.current-row>td,
.el-table__body tr.hover-row.el-table__row--striped>td,
.el-table__body tr.hover-row>td {
    background-color: rgba(var(--background-22), 1)
}

.el-table__body tr.current-row>td {
    background-color: rgba(var(--background-59), 1)
}

.el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    top: 0;
    bottom: 0;
    width: 0;
    border-left: 1px solid rgba(var(--border-color-10), 1);
    z-index: 10
}

.el-table__column-filter-trigger {
    display: inline-block;
    line-height: 34px;
    cursor: pointer
}

.el-table__column-filter-trigger i {
    color: rgba(var(--text-color-13), 1);
    font-size: 12px;
    transform: scale(.75)
}

.el-table--enable-row-transition .el-table__body td {
    transition: background-color .25s ease
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
    background-color: rgba(var(--background-22), 1)
}

.el-table--fluid-height .el-table__fixed,
.el-table--fluid-height .el-table__fixed-right {
    bottom: 0;
    overflow: hidden
}

.el-table [class*=el-table__row--level] .el-table__expand-icon {
    display: inline-block;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 3px
}

.el-table-column--selection .cell {
    padding-left: 14px;
    padding-right: 14px
}

.el-table-filter {
    border: 1px solid rgba(var(--border-color-10), 1);
    border-radius: 2px;
    background-color: rgba(var(--white-color-2), 1);
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    box-sizing: border-box;
    margin: 2px 0
}

.el-table-filter__list {
    padding: 5px 0;
    margin: 0;
    list-style: none;
    min-width: 100px
}

.el-table-filter__list-item {
    line-height: 36px;
    padding: 0 10px;
    cursor: pointer;
    font-size: 14px
}

.el-table-filter__list-item:hover {
    background-color: rgba(var(--background-59), 1);
    color: rgba(var(--border-color-13), 1)
}

.el-table-filter__list-item.is-active {
    background-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-table-filter__content {
    min-width: 100px
}

.el-table-filter__bottom {
    border-top: 1px solid rgba(var(--border-color-10), 1);
    padding: 8px
}

.el-table-filter__bottom button {
    background: transparent;
    border: none;
    color: rgba(var(--text-color-15), 1);
    cursor: pointer;
    font-size: 13px;
    padding: 0 3px
}

.el-table-filter__bottom button:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-table-filter__bottom button:focus {
    outline: none
}

.el-table-filter__bottom button.is-disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-table-filter__wrap {
    max-height: 280px
}

.el-table-filter__checkbox-group {
    padding: 10px
}

.el-table-filter__checkbox-group label.el-checkbox {
    display: block;
    margin-right: 5px;
    margin-bottom: 8px;
    margin-left: 5px
}

.el-table-filter__checkbox-group .el-checkbox:last-child {
    margin-bottom: 0
}

.el-date-table {
    font-size: 12px;
    user-select: none
}

.el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: rgba(var(--background-60), 1)
}

.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
    color: rgba(var(--text-color-15), 1)
}

.el-date-table.is-week-mode .el-date-table__row:hover td:first-child div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row:hover td:last-child div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table.is-week-mode .el-date-table__row.current div {
    background-color: rgba(var(--background-60), 1)
}

.el-date-table td {
    width: 32px;
    height: 30px;
    padding: 4px 0;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative
}

.el-date-table td div {
    height: 30px;
    padding: 3px 0;
    box-sizing: border-box
}

.el-date-table td span {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
    line-height: 24px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: rgba(var(--text-color-26), 1)
}

.el-date-table td.today {
    position: relative
}

.el-date-table td.today span {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-date-table td.today.end-date span,
.el-date-table td.today.start-date span {
    color: rgba(var(--white-color-2), 1)
}

.el-date-table td.available:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
    background-color: rgba(var(--background-60), 1)
}

.el-date-table td.current:not(.disabled) span {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.el-date-table td.end-date div,
.el-date-table td.start-date div {
    color: rgba(var(--white-color-2), 1)
}

.el-date-table td.end-date span,
.el-date-table td.start-date span {
    background-color: rgba(var(--text-color-5), 1)
}

.el-date-table td.start-date div {
    margin-left: 5px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

.el-date-table td.end-date div {
    margin-right: 5px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

.el-date-table td.disabled div {
    background-color: rgba(var(--background-22), 1);
    opacity: 1;
    cursor: not-allowed;
    color: rgba(var(--text-color-26), 1)
}

.el-date-table td.selected div {
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgba(var(--background-60), 1);
    border-radius: 15px
}

.el-date-table td.selected div:hover {
    background-color: rgba(var(--background-60), 1)
}

.el-date-table td.selected span {
    background-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1);
    border-radius: 15px
}

.el-date-table td.week {
    font-size: 80%;
    color: rgba(var(--text-color-15), 1)
}

.el-date-table th {
    padding: 5px;
    color: rgba(var(--text-color-15), 1);
    font-weight: 400;
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-month-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-month-table td {
    text-align: center;
    padding: 8px 0;
    cursor: pointer
}

.el-month-table td div {
    height: 48px;
    padding: 6px 0;
    box-sizing: border-box
}

.el-month-table td.today .cell {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-month-table td.today.end-date .cell,
.el-month-table td.today.start-date .cell {
    color: rgba(var(--white-color-2), 1)
}

.el-month-table td.disabled .cell {
    background-color: rgba(var(--background-22), 1);
    cursor: not-allowed;
    color: rgba(var(--text-color-26), 1)
}

.el-month-table td.disabled .cell:hover {
    color: rgba(var(--text-color-26), 1)
}

.el-month-table td .cell {
    width: 60px;
    height: 36px;
    display: block;
    line-height: 36px;
    color: rgba(var(--text-color-15), 1);
    margin: 0 auto;
    border-radius: 18px
}

.el-month-table td .cell:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-month-table td.in-range div,
.el-month-table td.in-range div:hover {
    background-color: rgba(var(--background-60), 1)
}

.el-month-table td.end-date div,
.el-month-table td.start-date div {
    color: rgba(var(--white-color-2), 1)
}

.el-month-table td.end-date .cell,
.el-month-table td.start-date .cell {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.el-month-table td.start-date div {
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px
}

.el-month-table td.end-date div {
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px
}

.el-month-table td.current:not(.disabled) .cell {
    color: rgba(var(--text-color-5), 1)
}

.el-year-table {
    font-size: 12px;
    margin: -1px;
    border-collapse: collapse
}

.el-year-table .el-icon {
    color: rgba(var(--text-color-33), 1)
}

.el-year-table td {
    text-align: center;
    padding: 20px 3px;
    cursor: pointer
}

.el-year-table td.today .cell {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-year-table td.disabled .cell {
    background-color: rgba(var(--background-22), 1);
    cursor: not-allowed;
    color: rgba(var(--text-color-26), 1)
}

.el-year-table td.disabled .cell:hover {
    color: rgba(var(--text-color-26), 1)
}

.el-year-table td .cell {
    width: 48px;
    height: 32px;
    display: block;
    line-height: 32px;
    color: rgba(var(--text-color-15), 1);
    margin: 0 auto
}

.el-year-table td .cell:hover,
.el-year-table td.current:not(.disabled) .cell {
    color: rgba(var(--text-color-5), 1)
}

.el-date-range-picker {
    width: 646px
}

.el-date-range-picker.has-sidebar {
    width: 756px
}

.el-date-range-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-range-picker .el-picker-panel__body {
    min-width: 513px
}

.el-date-range-picker .el-picker-panel__content {
    margin: 0
}

.el-date-range-picker__header {
    position: relative;
    text-align: center;
    height: 28px
}

.el-date-range-picker__header [class*=arrow-left] {
    float: left
}

.el-date-range-picker__header [class*=arrow-right] {
    float: right
}

.el-date-range-picker__header div {
    font-size: 16px;
    font-weight: 500;
    margin-right: 50px
}

.el-date-range-picker__content {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 16px
}

.el-date-range-picker__content.is-left {
    border-right: 1px solid rgba(var(--border-color-9), 1)
}

.el-date-range-picker__content .el-date-range-picker__header div {
    margin-left: 50px;
    margin-right: 50px
}

.el-date-range-picker__editors-wrap {
    box-sizing: border-box;
    display: table-cell
}

.el-date-range-picker__editors-wrap.is-right {
    text-align: right
}

.el-date-range-picker__time-header {
    position: relative;
    border-bottom: 1px solid rgba(var(--border-color-9), 1);
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-range-picker__time-header>.el-icon-arrow-right {
    font-size: 20px;
    vertical-align: middle;
    display: table-cell;
    color: rgba(var(--text-color-33), 1)
}

.el-date-range-picker__time-picker-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-range-picker__time-picker-wrap .el-picker-panel {
    position: absolute;
    top: 13px;
    right: 0;
    z-index: 1;
    background: rgba(var(--white-color-2), 1)
}

.el-date-picker {
    width: 322px
}

.el-date-picker.has-sidebar.has-time {
    width: 434px
}

.el-date-picker.has-sidebar {
    width: 438px
}

.el-date-picker.has-time .el-picker-panel__body-wrapper {
    position: relative
}

.el-date-picker .el-picker-panel__content {
    width: 292px
}

.el-date-picker table {
    table-layout: fixed;
    width: 100%
}

.el-date-picker__editor-wrap {
    position: relative;
    display: table-cell;
    padding: 0 5px
}

.el-date-picker__time-header {
    position: relative;
    border-bottom: 1px solid rgba(var(--border-color-9), 1);
    font-size: 12px;
    padding: 8px 5px 5px;
    display: table;
    width: 100%;
    box-sizing: border-box
}

.el-date-picker__header {
    margin: 12px;
    text-align: center
}

.el-date-picker__header--bordered {
    margin-bottom: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-date-picker__header--bordered+.el-picker-panel__content {
    margin-top: 0
}

.el-date-picker__header-label {
    font-size: 16px;
    font-weight: 500;
    padding: 0 5px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    color: rgba(var(--text-color-15), 1)
}

.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-date-picker__prev-btn {
    float: left
}

.el-date-picker__next-btn {
    float: right
}

.el-date-picker__time-wrap {
    padding: 10px;
    text-align: center
}

.el-date-picker__time-label {
    float: left;
    cursor: pointer;
    line-height: 30px;
    margin-left: 10px
}

.time-select {
    margin: 5px 0;
    min-width: 0
}

.time-select .el-picker-panel__content {
    max-height: 200px;
    margin: 0
}

.time-select-item {
    padding: 8px 10px;
    font-size: 14px;
    line-height: 20px
}

.time-select-item.selected:not(.disabled) {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.time-select-item.disabled {
    color: rgba(var(--border-color-19), 1);
    cursor: not-allowed
}

.time-select-item:hover {
    background-color: rgba(var(--background-22), 1);
    font-weight: 700;
    cursor: pointer
}

.el-date-editor {
    position: relative;
    display: inline-block;
    text-align: left
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 220px
}

.el-date-editor--monthrange.el-input,
.el-date-editor--monthrange.el-input__inner {
    width: 300px
}

.el-date-editor--daterange.el-input,
.el-date-editor--daterange.el-input__inner,
.el-date-editor--timerange.el-input,
.el-date-editor--timerange.el-input__inner {
    width: 350px
}

.el-date-editor--datetimerange.el-input,
.el-date-editor--datetimerange.el-input__inner {
    width: 400px
}

.el-date-editor--dates .el-input__inner {
    text-overflow: ellipsis;
    white-space: nowrap
}

.el-date-editor .el-icon-circle-close {
    cursor: pointer
}

.el-date-editor .el-range__icon {
    font-size: 14px;
    margin-left: -5px;
    color: rgba(var(--text-color-26), 1);
    float: left;
    line-height: 32px
}

.el-date-editor .el-range-input {
    appearance: none;
    border: none;
    outline: none;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 39%;
    text-align: center;
    font-size: 14px;
    color: rgba(var(--text-color-15), 1)
}

.el-date-editor .el-range-input::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-date-editor .el-range-separator {
    display: inline-block;
    height: 100%;
    padding: 0 5px;
    margin: 0;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    width: 5%;
    color: rgba(var(--text-color-33), 1)
}

.el-date-editor .el-range__close-icon {
    font-size: 14px;
    color: rgba(var(--text-color-26), 1);
    width: 25px;
    display: inline-block;
    float: right;
    line-height: 32px
}

.el-range-editor.el-input__inner {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px
}

.el-range-editor .el-range-input {
    line-height: 1
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
    border-color: rgba(var(--text-color-5), 1)
}

.el-range-editor--medium.el-input__inner {
    height: 36px
}

.el-range-editor--medium .el-range-separator {
    line-height: 28px;
    font-size: 14px
}

.el-range-editor--medium .el-range-input {
    font-size: 14px
}

.el-range-editor--medium .el-range__close-icon,
.el-range-editor--medium .el-range__icon {
    line-height: 28px
}

.el-range-editor--small.el-input__inner {
    height: 32px
}

.el-range-editor--small .el-range-separator {
    line-height: 24px;
    font-size: 13px
}

.el-range-editor--small .el-range-input {
    font-size: 13px
}

.el-range-editor--small .el-range__close-icon,
.el-range-editor--small .el-range__icon {
    line-height: 24px
}

.el-range-editor--mini.el-input__inner {
    height: 28px
}

.el-range-editor--mini .el-range-separator {
    line-height: 20px;
    font-size: 12px
}

.el-range-editor--mini .el-range-input {
    font-size: 12px
}

.el-range-editor--mini .el-range__close-icon,
.el-range-editor--mini .el-range__icon {
    line-height: 20px
}

.el-range-editor.is-disabled {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-19), 1);
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-range-editor.is-disabled:focus,
.el-range-editor.is-disabled:hover {
    border-color: rgba(var(--border-color-19), 1)
}

.el-range-editor.is-disabled input {
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-range-editor.is-disabled input::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-range-editor.is-disabled .el-range-separator {
    color: rgba(var(--text-color-26), 1)
}

.el-picker-panel {
    color: rgba(var(--text-color-15), 1);
    border: 1px solid rgba(var(--border-color-19), 1);
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    background: rgba(var(--white-color-2), 1);
    border-radius: 4px;
    line-height: 30px;
    margin: 5px 0
}

.el-picker-panel__body-wrapper:after,
.el-picker-panel__body:after {
    content: "";
    display: table;
    clear: both
}

.el-picker-panel__content {
    position: relative;
    margin: 15px
}

.el-picker-panel__footer {
    border-top: 1px solid rgba(var(--border-color-9), 1);
    padding: 4px;
    background-color: rgba(var(--white-color-2), 1)
}

.el-picker-panel__shortcut {
    display: block;
    width: 100%;
    border: 0;
    background-color: transparent;
    line-height: 28px;
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    padding-left: 12px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-picker-panel__shortcut:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-picker-panel__shortcut.active {
    background-color: rgba(var(--background-60), 1);
    color: rgba(var(--text-color-5), 1)
}

.el-picker-panel__btn {
    border: 1px solid rgba(var(--border-color-21), 1);
    color: rgba(var(--text-color-11), 1);
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-picker-panel__btn[disabled] {
    color: rgba(var(--light-color-3), 1);
    cursor: not-allowed
}

.el-picker-panel__icon-btn {
    font-size: 12px;
    color: rgba(var(--text-color-33), 1);
    border: 0;
    background: transparent;
    cursor: pointer;
    outline: none;
    margin-top: 8px
}

.el-picker-panel__icon-btn:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-picker-panel__icon-btn.is-disabled {
    color: rgba(var(--text-color-21), 1)
}

.el-picker-panel__icon-btn.is-disabled:hover {
    cursor: not-allowed
}

.el-picker-panel__link-btn {
    vertical-align: middle
}

.el-picker-panel [slot=sidebar],
.el-picker-panel__sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 110px;
    border-right: 1px solid rgba(var(--border-color-9), 1);
    box-sizing: border-box;
    padding-top: 6px;
    background-color: rgba(var(--white-color-2), 1);
    overflow: auto
}

.el-picker-panel [slot=sidebar]+.el-picker-panel__body,
.el-picker-panel__sidebar+.el-picker-panel__body {
    margin-left: 110px
}

.el-time-spinner.has-seconds .el-time-spinner__wrapper {
    width: 33.3%
}

.el-time-spinner__wrapper {
    max-height: 190px;
    overflow: auto;
    display: inline-block;
    width: 50%;
    vertical-align: top;
    position: relative
}

.el-time-spinner__wrapper .el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
    padding-bottom: 15px
}

.el-time-spinner__wrapper.is-arrow {
    box-sizing: border-box;
    text-align: center;
    overflow: hidden
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
    transform: translateY(-32px)
}

.el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(var(--white-color-2), 1);
    cursor: default
}

.el-time-spinner__arrow {
    font-size: 12px;
    color: rgba(var(--text-color-13), 1);
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    cursor: pointer
}

.el-time-spinner__arrow:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px
}

.el-time-spinner__arrow.el-icon-arrow-down {
    bottom: 10px
}

.el-time-spinner__input.el-input {
    width: 70%
}

.el-time-spinner__input.el-input .el-input__inner,
.el-time-spinner__list {
    padding: 0;
    text-align: center
}

.el-time-spinner__list {
    margin: 0;
    list-style: none
}

.el-time-spinner__list:after,
.el-time-spinner__list:before {
    content: "";
    display: block;
    width: 100%;
    height: 80px
}

.el-time-spinner__item {
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: rgba(var(--text-color-15), 1)
}

.el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(var(--background-22), 1);
    cursor: pointer
}

.el-time-spinner__item.active:not(.disabled) {
    color: rgba(var(--text-color-33), 1);
    font-weight: 700
}

.el-time-spinner__item.disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-time-panel {
    margin: 5px 0;
    border: 1px solid rgba(var(--border-color-19), 1);
    background-color: rgba(var(--white-color-2), 1);
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    border-radius: 2px;
    position: absolute;
    width: 180px;
    left: 0;
    z-index: 1000;
    user-select: none;
    box-sizing: content-box
}

.el-time-panel__content {
    font-size: 0;
    position: relative;
    overflow: hidden
}

.el-time-panel__content:after,
.el-time-panel__content:before {
    content: "";
    top: 50%;
    position: absolute;
    margin-top: -15px;
    height: 32px;
    z-index: -1;
    left: 0;
    right: 0;
    box-sizing: border-box;
    padding-top: 6px;
    text-align: left;
    border-top: 1px solid rgba(var(--border-color-19), 1);
    border-bottom: 1px solid rgba(var(--border-color-19), 1)
}

.el-time-panel__content:after {
    left: 50%;
    margin-left: 12%;
    margin-right: 12%
}

.el-time-panel__content:before {
    padding-left: 50%;
    margin-right: 12%;
    margin-left: 12%
}

.el-time-panel__content.has-seconds:after {
    left: 66.66667%
}

.el-time-panel__content.has-seconds:before {
    padding-left: 33.33333%
}

.el-time-panel__footer {
    border-top: 1px solid rgba(var(--border-color-9), 1);
    padding: 4px;
    height: 36px;
    line-height: 25px;
    text-align: right;
    box-sizing: border-box
}

.el-time-panel__btn {
    border: none;
    line-height: 28px;
    padding: 0 5px;
    margin: 0 5px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px;
    color: rgba(var(--text-color-33), 1)
}

.el-time-panel__btn.confirm {
    font-weight: 800;
    color: rgba(var(--text-color-5), 1)
}

.el-time-range-picker {
    width: 354px;
    overflow: visible
}

.el-time-range-picker__content {
    position: relative;
    text-align: center;
    padding: 10px
}

.el-time-range-picker__cell {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 7px 7px;
    width: 50%;
    display: inline-block
}

.el-time-range-picker__header {
    margin-bottom: 5px;
    text-align: center;
    font-size: 14px
}

.el-time-range-picker__body {
    border-radius: 2px;
    border: 1px solid rgba(var(--border-color-19), 1)
}

.el-popover {
    position: absolute;
    background: rgba(var(--white-color-2), 1);
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-10), 1);
    padding: 12px;
    z-index: 2000;
    color: rgba(var(--text-color-15), 1);
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    word-break: break-all
}

.el-popover--plain {
    padding: 18px 20px
}

.el-popover__title {
    color: rgba(var(--text-color-33), 1);
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.el-popover:focus,
.el-popover:focus:active,
.el-popover__reference:focus:hover,
.el-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: rgba(var(--black-color-1), 1)
}

.el-popup-parent--hidden {
    overflow: hidden
}

.el-message-box {
    display: inline-block;
    width: 420px;
    padding-bottom: 10px;
    vertical-align: middle;
    background-color: rgba(var(--white-color-2), 1);
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-10), 1);
    font-size: 18px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    text-align: left;
    overflow: hidden;
    backface-visibility: hidden
}

.el-message-box__wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.el-message-box__wrapper:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle
}

.el-message-box__header {
    position: relative;
    padding: 15px 15px 10px
}

.el-message-box__title {
    padding-left: 0;
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: rgba(var(--text-color-33), 1)
}

.el-message-box__headerbtn {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    font-size: 16px;
    cursor: pointer
}

.el-message-box__headerbtn .el-message-box__close {
    color: rgba(var(--text-color-13), 1)
}

.el-message-box__headerbtn:focus .el-message-box__close,
.el-message-box__headerbtn:hover .el-message-box__close {
    color: rgba(var(--text-color-5), 1)
}

.el-message-box__content {
    padding: 10px 15px;
    color: rgba(var(--text-color-15), 1);
    font-size: 14px
}

.el-message-box__container {
    position: relative
}

.el-message-box__input {
    padding-top: 15px
}

.el-message-box__input input.invalid,
.el-message-box__input input.invalid:focus {
    border-color: rgba(var(--error-color-29), 1)
}

.el-message-box__status {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px !important
}

.el-message-box__status:before {
    padding-left: 1px
}

.el-message-box__status+.el-message-box__message {
    padding-left: 36px;
    padding-right: 12px
}

.el-message-box__status.el-icon-success {
    color: rgba(var(--text-color-43), 1)
}

.el-message-box__status.el-icon-info {
    color: rgba(var(--text-color-13), 1)
}

.el-message-box__status.el-icon-warning {
    color: rgba(var(--text-color-44), 1)
}

.el-message-box__status.el-icon-error {
    color: rgba(var(--error-color-29), 1)
}

.el-message-box__message {
    margin: 0
}

.el-message-box__message p {
    margin: 0;
    line-height: 24px
}

.el-message-box__errormsg {
    color: rgba(var(--error-color-29), 1);
    font-size: 12px;
    min-height: 18px;
    margin-top: 2px
}

.el-message-box__btns {
    padding: 5px 15px 0;
    text-align: right
}

.el-message-box__btns button:nth-child(2) {
    margin-left: 10px
}

.el-message-box__btns-reverse {
    flex-direction: row-reverse
}

.el-message-box--center {
    padding-bottom: 30px
}

.el-message-box--center .el-message-box__header {
    padding-top: 30px
}

.el-message-box--center .el-message-box__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-message-box--center .el-message-box__status {
    position: relative;
    top: auto;
    padding-right: 5px;
    text-align: center;
    transform: translateY(-1px)
}

.el-message-box--center .el-message-box__message {
    margin-left: 0
}

.el-message-box--center .el-message-box__btns,
.el-message-box--center .el-message-box__content {
    text-align: center
}

.el-message-box--center .el-message-box__content {
    padding-left: 27px;
    padding-right: 27px
}

.msgbox-fade-enter-active {
    animation: msgbox-fade-in .3s
}

.msgbox-fade-leave-active {
    animation: msgbox-fade-out .3s
}

@keyframes msgbox-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes msgbox-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-breadcrumb {
    font-size: 14px;
    line-height: 1
}

.el-breadcrumb:after,
.el-breadcrumb:before {
    display: table;
    content: ""
}

.el-breadcrumb:after {
    clear: both
}

.el-breadcrumb__separator {
    margin: 0 9px;
    font-weight: 700;
    color: rgba(var(--text-color-26), 1)
}

.el-breadcrumb__separator[class*=icon] {
    margin: 0 6px;
    font-weight: 400
}

.el-breadcrumb__item {
    float: left
}

.el-breadcrumb__inner {
    color: rgba(var(--text-color-15), 1)
}

.el-breadcrumb__inner.is-link,
.el-breadcrumb__inner a {
    font-weight: 700;
    text-decoration: none;
    transition: color .2s cubic-bezier(.645, .045, .355, 1);
    color: rgba(var(--text-color-33), 1)
}

.el-breadcrumb__inner.is-link:hover,
.el-breadcrumb__inner a:hover {
    color: rgba(var(--text-color-5), 1);
    cursor: pointer
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
    font-weight: 400;
    color: rgba(var(--text-color-15), 1);
    cursor: text
}

.el-breadcrumb__item:last-child .el-breadcrumb__separator {
    display: none
}

.el-form--label-left .el-form-item__label {
    text-align: left
}

.el-form--label-top .el-form-item__label {
    float: none;
    display: inline-block;
    text-align: left;
    padding: 0 0 10px
}

.el-form--inline .el-form-item {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.el-form--inline .el-form-item__label {
    float: none;
    display: inline-block
}

.el-form--inline .el-form-item__content {
    display: inline-block;
    vertical-align: top
}

.el-form--inline.el-form--label-top .el-form-item__content {
    display: block
}

.el-form-item {
    margin-bottom: 22px
}

.el-form-item:after,
.el-form-item:before {
    display: table;
    content: ""
}

.el-form-item:after {
    clear: both
}

.el-form-item .el-form-item {
    margin-bottom: 0
}

.el-form-item .el-input__validateIcon {
    display: none
}

.el-form-item--medium .el-form-item__content,
.el-form-item--medium .el-form-item__label {
    line-height: 36px
}

.el-form-item--small .el-form-item__content,
.el-form-item--small .el-form-item__label {
    line-height: 32px
}

.el-form-item--small.el-form-item {
    margin-bottom: 18px
}

.el-form-item--small .el-form-item__error {
    padding-top: 2px
}

.el-form-item--mini .el-form-item__content,
.el-form-item--mini .el-form-item__label {
    line-height: 28px
}

.el-form-item--mini.el-form-item {
    margin-bottom: 18px
}

.el-form-item--mini .el-form-item__error {
    padding-top: 1px
}

.el-form-item__label-wrap {
    float: left
}

.el-form-item__label-wrap .el-form-item__label {
    display: inline-block;
    float: none
}

.el-form-item__label {
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    line-height: 40px;
    padding: 0 12px 0 0;
    box-sizing: border-box
}

.el-form-item__content {
    line-height: 40px;
    position: relative;
    font-size: 14px
}

.el-form-item__content:after,
.el-form-item__content:before {
    display: table;
    content: ""
}

.el-form-item__content:after {
    clear: both
}

.el-form-item__content .el-input-group {
    vertical-align: top
}

.el-form-item__error {
    color: rgba(var(--error-color-29), 1);
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    top: 100%;
    left: 0
}

.el-form-item__error--inline {
    position: relative;
    top: auto;
    left: auto;
    display: inline-block;
    margin-left: 10px
}

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
    content: "*";
    color: rgba(var(--error-color-29), 1);
    margin-right: 4px
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    border-color: rgba(var(--error-color-29), 1)
}

.el-form-item.is-error .el-input-group__append .el-input__inner,
.el-form-item.is-error .el-input-group__prepend .el-input__inner {
    border-color: transparent
}

.el-form-item.is-error .el-input__validateIcon {
    color: rgba(var(--error-color-29), 1)
}

.el-form-item--feedback .el-input__validateIcon {
    display: inline-block
}

.el-tabs__header {
    padding: 0;
    position: relative;
    margin: 0 0 15px
}

.el-tabs__active-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: rgba(var(--text-color-5), 1);
    z-index: 1;
    transition: transform .3s cubic-bezier(.645, .045, .355, 1);
    list-style: none
}

.el-tabs__new-tab {
    float: right;
    border: 1px solid rgba(var(--border-color-22), 1);
    height: 18px;
    width: 18px;
    line-height: 18px;
    margin: 12px 0 9px 10px;
    border-radius: 3px;
    text-align: center;
    font-size: 12px;
    color: rgba(var(--border-color-22), 1);
    cursor: pointer;
    transition: all .15s
}

.el-tabs__new-tab .el-icon-plus {
    transform: scale(.8)
}

.el-tabs__new-tab:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-tabs__nav-wrap {
    overflow: hidden;
    margin-bottom: -1px;
    position: relative
}

.el-tabs__nav-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(var(--border-color-19), 1);
    z-index: 1
}

.el-tabs__nav-wrap.is-scrollable {
    padding: 0 20px;
    box-sizing: border-box
}

.el-tabs__nav-scroll {
    overflow: hidden
}

.el-tabs__nav-next,
.el-tabs__nav-prev {
    position: absolute;
    cursor: pointer;
    line-height: 44px;
    font-size: 12px;
    color: rgba(var(--text-color-13), 1)
}

.el-tabs__nav-next {
    right: 0
}

.el-tabs__nav-prev {
    left: 0
}

.el-tabs__nav {
    white-space: nowrap;
    position: relative;
    transition: transform .3s;
    float: left;
    z-index: 2
}

.el-tabs__nav.is-stretch {
    min-width: 100%;
    display: flex
}

.el-tabs__nav.is-stretch>* {
    flex: 1;
    text-align: center
}

.el-tabs__item {
    padding: 0 20px;
    height: 40px;
    box-sizing: border-box;
    line-height: 40px;
    display: inline-block;
    list-style: none;
    font-size: 14px;
    font-weight: 500;
    color: rgba(var(--text-color-33), 1);
    position: relative
}

.el-tabs__item:focus,
.el-tabs__item:focus:active {
    outline: none
}

.el-tabs__item:focus.is-active.is-focus:not(:active) {
    box-shadow: inset 0 0 2px 2px rgba(var(--text-color-5), 1);
    border-radius: 3px
}

.el-tabs__item .el-icon-close {
    border-radius: 50%;
    text-align: center;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    margin-left: 5px
}

.el-tabs__item .el-icon-close:before {
    transform: scale(.9);
    display: inline-block
}

.el-tabs__item .el-icon-close:hover {
    background-color: rgba(var(--text-color-26), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1)
}

.el-tabs__item:hover {
    color: rgba(var(--text-color-5), 1);
    cursor: pointer
}

.el-tabs__item.is-disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: default
}

.el-tabs__content {
    overflow: hidden;
    position: relative
}

.el-tabs--card>.el-tabs__header {
    border-bottom: 1px solid rgba(var(--border-color-19), 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: 1px solid rgba(var(--border-color-19), 1);
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    box-sizing: border-box
}

.el-tabs--card>.el-tabs__header .el-tabs__active-bar {
    display: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item .el-icon-close {
    position: relative;
    font-size: 12px;
    width: 0;
    height: 14px;
    vertical-align: middle;
    line-height: 15px;
    overflow: hidden;
    top: -1px;
    right: -2px;
    transform-origin: 100% 50%
}

.el-tabs--card>.el-tabs__header .el-tabs__item {
    border-bottom: 1px solid transparent;
    border-left: 1px solid rgba(var(--border-color-19), 1);
    transition: color .3s cubic-bezier(.645, .045, .355, 1), padding .3s cubic-bezier(.645, .045, .355, 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover {
    padding-left: 13px;
    padding-right: 13px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-closable:hover .el-icon-close {
    width: 14px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    border-bottom-color: rgba(var(--white-color-2), 1)
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable {
    padding-left: 20px;
    padding-right: 20px
}

.el-tabs--card>.el-tabs__header .el-tabs__item.is-active.is-closable .el-icon-close {
    width: 14px
}

.el-tabs--border-card {
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-7), 1);
    box-shadow: 0 2px 4px 0 rgba(var(--black-color-1), .12), 0 0 6px 0 rgba(var(--black-color-1), .04)
}

.el-tabs--border-card>.el-tabs__content {
    padding: 15px
}

.el-tabs--border-card>.el-tabs__header {
    background-color: rgba(var(--background-22), 1);
    border-bottom: 1px solid rgba(var(--border-color-19), 1);
    margin: 0
}

.el-tabs--border-card>.el-tabs__header .el-tabs__nav-wrap:after {
    content: none
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item {
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    border: 1px solid transparent;
    margin-top: -1px;
    color: rgba(var(--text-color-13), 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item,
.el-tabs--border-card>.el-tabs__header .el-tabs__item:first-child {
    margin-left: -1px
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--white-color-2), 1);
    border-right-color: rgba(var(--border-color-7), 1);
    border-left-color: rgba(var(--border-color-7), 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: rgba(var(--text-color-5), 1)
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-disabled {
    color: rgba(var(--text-color-26), 1)
}

.el-tabs--border-card>.el-tabs__header .is-scrollable .el-tabs__item:first-child {
    margin-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2),
.el-tabs--top .el-tabs__item.is-top:nth-child(2) {
    padding-left: 0
}

.el-tabs--bottom .el-tabs__item.is-bottom:last-child,
.el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child,
.el-tabs--top .el-tabs__item.is-top:last-child {
    padding-right: 0
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:nth-child(2),
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:nth-child(2) {
    padding-left: 20px
}

.el-tabs--bottom.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--bottom .el-tabs--right>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--border-card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top.el-tabs--card>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--left>.el-tabs__header .el-tabs__item:last-child,
.el-tabs--top .el-tabs--right>.el-tabs__header .el-tabs__item:last-child {
    padding-right: 20px
}

.el-tabs--bottom .el-tabs__header.is-bottom {
    margin-bottom: 0;
    margin-top: 10px
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
    border-bottom: 0;
    border-top: 1px solid rgba(var(--border-color-7), 1)
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
    margin-top: -1px;
    margin-bottom: 0
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
    border: 1px solid transparent
}

.el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
    margin: 0 -1px -1px
}

.el-tabs--left,
.el-tabs--right {
    overflow: hidden
}

.el-tabs--left .el-tabs__header.is-left,
.el-tabs--left .el-tabs__header.is-right,
.el-tabs--left .el-tabs__nav-scroll,
.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-scroll,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    height: 100%
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__active-bar.is-right,
.el-tabs--right .el-tabs__active-bar.is-left,
.el-tabs--right .el-tabs__active-bar.is-right {
    top: 0;
    bottom: auto;
    width: 2px;
    height: auto
}

.el-tabs--left .el-tabs__nav-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    height: 30px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    cursor: pointer
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev i {
    transform: rotate(90deg)
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-prev {
    left: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--left .el-tabs__nav-wrap.is-right>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-left>.el-tabs__nav-next,
.el-tabs--right .el-tabs__nav-wrap.is-right>.el-tabs__nav-next {
    right: auto;
    bottom: 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable,
.el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
    padding: 30px 0
}

.el-tabs--left .el-tabs__nav-wrap.is-left:after,
.el-tabs--left .el-tabs__nav-wrap.is-right:after,
.el-tabs--right .el-tabs__nav-wrap.is-left:after,
.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    height: 100%;
    width: 2px;
    bottom: auto;
    top: 0
}

.el-tabs--left .el-tabs__nav.is-left,
.el-tabs--left .el-tabs__nav.is-right,
.el-tabs--right .el-tabs__nav.is-left,
.el-tabs--right .el-tabs__nav.is-right {
    float: none
}

.el-tabs--left .el-tabs__item.is-left,
.el-tabs--left .el-tabs__item.is-right,
.el-tabs--right .el-tabs__item.is-left,
.el-tabs--right .el-tabs__item.is-right {
    display: block
}

.el-tabs--left .el-tabs__header.is-left {
    float: left;
    margin-bottom: 0;
    margin-right: 10px
}

.el-tabs--left .el-tabs__nav-wrap.is-left {
    margin-right: -1px
}

.el-tabs--left .el-tabs__active-bar.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-left:after {
    left: auto;
    right: 0
}

.el-tabs--left .el-tabs__item.is-left {
    text-align: right
}

.el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
    display: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left {
    border: 1px solid rgba(var(--border-color-19), 1);
    border-bottom: none;
    border-left: none;
    text-align: left
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
    border-right: 1px solid rgba(var(--border-color-19), 1);
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
    border: none;
    border-top: 1px solid rgba(var(--border-color-19), 1);
    border-right: 1px solid rgba(var(--white-color-2), 1)
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
    border-top: none
}

.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
    border-bottom: none
}

.el-tabs--left.el-tabs--card .el-tabs__nav {
    border-radius: 4px 0 0 4px;
    border-bottom: 1px solid rgba(var(--border-color-19), 1);
    border-right: none
}

.el-tabs--left.el-tabs--card .el-tabs__new-tab {
    float: none
}

.el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
    border-right: 1px solid rgba(var(--border-color-23), 1)
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
    border: 1px solid transparent;
    margin: -1px 0 -1px -1px
}

.el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
    border-color: rgba(var(--border-color-23), 1) transparent
}

.el-tabs--right .el-tabs__header.is-right {
    float: right;
    margin-bottom: 0;
    margin-left: 10px
}

.el-tabs--right .el-tabs__nav-wrap.is-right {
    margin-left: -1px
}

.el-tabs--right .el-tabs__nav-wrap.is-right:after {
    left: 0;
    right: auto
}

.el-tabs--right .el-tabs__active-bar.is-right {
    left: 0
}

.el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
    display: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right {
    border-bottom: none;
    border-top: 1px solid rgba(var(--border-color-19), 1)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
    border-left: 1px solid rgba(var(--border-color-19), 1);
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
    border: none;
    border-top: 1px solid rgba(var(--border-color-19), 1);
    border-left: 1px solid rgba(var(--white-color-2), 1)
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
    border-top: none
}

.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
    border-bottom: none
}

.el-tabs--right.el-tabs--card .el-tabs__nav {
    border-radius: 0 4px 4px 0;
    border-bottom: 1px solid rgba(var(--border-color-19), 1);
    border-left: none
}

.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
    border-left: 1px solid rgba(var(--border-color-23), 1)
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
    border: 1px solid transparent;
    margin: -1px -1px -1px 0
}

.el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
    border-color: rgba(var(--border-color-23), 1) transparent
}

.slideInLeft-transition,
.slideInRight-transition {
    display: inline-block
}

.slideInRight-enter {
    animation: slideInRight-enter .3s
}

.slideInRight-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInRight-leave .3s
}

.slideInLeft-enter {
    animation: slideInLeft-enter .3s
}

.slideInLeft-leave {
    position: absolute;
    left: 0;
    right: 0;
    animation: slideInLeft-leave .3s
}

@keyframes slideInRight-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes slideInLeft-enter {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    to {
        opacity: 1;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft-leave {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.el-tree {
    position: relative;
    cursor: default;
    background: rgba(var(--white-color-2), 1);
    color: rgba(var(--text-color-15), 1)
}

.el-tree__empty-block {
    position: relative;
    min-height: 60px;
    text-align: center;
    width: 100%;
    height: 100%
}

.el-tree__empty-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: rgba(var(--text-color-13), 1);
    font-size: 14px
}

.el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(var(--text-color-5), 1)
}

.el-tree-node {
    white-space: nowrap;
    outline: none
}

.el-tree-node:focus>.el-tree-node__content {
    background-color: rgba(var(--background-22), 1)
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
    background-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tree-node__content {
    display: flex;
    align-items: center;
    height: 26px;
    cursor: pointer
}

.el-tree-node__content>.el-tree-node__expand-icon {
    padding: 6px
}

.el-tree-node__content>label.el-checkbox {
    margin-right: 8px
}

.el-tree-node__content:hover {
    background-color: rgba(var(--background-22), 1)
}

.el-tree.is-dragging .el-tree-node__content {
    cursor: move
}

.el-tree.is-dragging .el-tree-node__content * {
    pointer-events: none
}

.el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
    cursor: not-allowed
}

.el-tree-node__expand-icon {
    cursor: pointer;
    color: rgba(var(--text-color-26), 1);
    font-size: 12px;
    transform: rotate(0deg);
    transition: transform .3s ease-in-out
}

.el-tree-node__expand-icon.expanded {
    transform: rotate(90deg)
}

.el-tree-node__expand-icon.is-leaf {
    color: transparent;
    cursor: default
}

.el-tree-node__label {
    font-size: 14px
}

.el-tree-node__loading-icon {
    margin-right: 8px;
    font-size: 14px;
    color: rgba(var(--text-color-26), 1)
}

.el-tree-node>.el-tree-node__children {
    overflow: hidden;
    background-color: transparent
}

.el-tree-node.is-expanded>.el-tree-node__children {
    display: block
}

.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1)
}

.el-alert {
    width: 100%;
    padding: 8px 16px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    background-color: rgba(var(--white-color-2), 1);
    overflow: hidden;
    opacity: 1;
    display: flex;
    align-items: center;
    transition: opacity .2s
}

.el-alert.is-light .el-alert__closebtn {
    color: rgba(var(--text-color-26), 1)
}

.el-alert.is-dark .el-alert__closebtn,
.el-alert.is-dark .el-alert__description {
    color: rgba(var(--white-color-2), 1)
}

.el-alert.is-center {
    justify-content: center
}

.el-alert--success.is-light {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    color: rgba(var(--text-color-43), 1)
}

.el-alert--success.is-light .el-alert__description {
    color: rgba(var(--text-color-43), 1)
}

.el-alert--success.is-dark {
    background-color: rgba(var(--text-color-43), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-alert--info.is-light {
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-13), 1)
}

.el-alert--info.is-dark {
    background-color: rgba(var(--text-color-13), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-alert--info .el-alert__description {
    color: rgba(var(--text-color-13), 1)
}

.el-alert--warning.is-light {
    background-color: rgba(var(--alert-warning-light-background-96), 1);
    color: rgba(var(--text-color-44), 1)
}

.el-alert--warning.is-light .el-alert__description {
    color: rgba(var(--text-color-44), 1)
}

.el-alert--warning.is-dark {
    background-color: rgba(var(--text-color-44), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-alert--error.is-light {
    background-color: rgba(var(--alert-error-light-background-97), 1);
    color: rgba(var(--error-color-29), 1)
}

.el-alert--error.is-light .el-alert__description {
    color: rgba(var(--error-color-29), 1)
}

.el-alert--error.is-dark {
    background-color: rgba(var(--error-color-29), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-alert__content {
    display: table-cell;
    padding: 0 8px
}

.el-alert__icon {
    font-size: 16px;
    width: 16px
}

.el-alert__icon.is-big {
    font-size: 28px;
    width: 28px
}

.el-alert__title {
    font-size: 13px;
    line-height: 18px
}

.el-alert__title.is-bold {
    font-weight: 700
}

.el-alert .el-alert__description {
    font-size: 12px;
    margin: 5px 0 0
}

.el-alert__closebtn {
    font-size: 12px;
    opacity: 1;
    position: absolute;
    top: 12px;
    right: 15px;
    cursor: pointer
}

.el-alert__closebtn.is-customed {
    font-style: normal;
    font-size: 13px;
    top: 9px
}

.el-alert-fade-enter,
.el-alert-fade-leave-active {
    opacity: 0
}

.el-notification {
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid rgba(var(--border-color-10), 1);
    position: fixed;
    background-color: rgba(var(--white-color-2), 1);
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1);
    transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s;
    overflow: hidden
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    margin-right: 8px
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: rgba(var(--text-color-33), 1);
    margin: 0
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: rgba(var(--text-color-15), 1);
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: rgba(var(--text-color-13), 1);
    font-size: 16px
}

.el-notification__closeBtn:hover {
    color: rgba(var(--text-color-15), 1)
}

.el-notification .el-icon-success {
    color: rgba(var(--text-color-43), 1)
}

.el-notification .el-icon-error {
    color: rgba(var(--error-color-29), 1)
}

.el-notification .el-icon-info {
    color: rgba(var(--text-color-13), 1)
}

.el-notification .el-icon-warning {
    color: rgba(var(--text-color-44), 1)
}

.el-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.el-input-number {
    position: relative;
    display: inline-block;
    width: 180px;
    line-height: 38px
}

.el-input-number .el-input {
    display: block
}

.el-input-number .el-input__inner {
    -webkit-appearance: none;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center
}

.el-input-number__decrease,
.el-input-number__increase {
    position: absolute;
    z-index: 1;
    top: 1px;
    width: 40px;
    height: auto;
    text-align: center;
    background: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-15), 1);
    cursor: pointer;
    font-size: 13px
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
    border-color: rgba(var(--text-color-5), 1)
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-input-number__increase {
    right: 1px;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid rgba(var(--border-color-7), 1)
}

.el-input-number__decrease {
    left: 1px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid rgba(var(--border-color-7), 1)
}

.el-input-number.is-disabled .el-input-number__decrease,
.el-input-number.is-disabled .el-input-number__increase {
    border-color: rgba(var(--border-color-19), 1);
    color: rgba(var(--border-color-19), 1)
}

.el-input-number.is-disabled .el-input-number__decrease:hover,
.el-input-number.is-disabled .el-input-number__increase:hover {
    color: rgba(var(--border-color-19), 1);
    cursor: not-allowed
}

.el-input-number--medium {
    width: 200px;
    line-height: 34px
}

.el-input-number--medium .el-input-number__decrease,
.el-input-number--medium .el-input-number__increase {
    width: 36px;
    font-size: 14px
}

.el-input-number--medium .el-input__inner {
    padding-left: 43px;
    padding-right: 43px
}

.el-input-number--small {
    width: 130px;
    line-height: 30px
}

.el-input-number--small .el-input-number__decrease,
.el-input-number--small .el-input-number__increase {
    width: 32px;
    font-size: 13px
}

.el-input-number--small .el-input-number__decrease [class*=el-icon],
.el-input-number--small .el-input-number__increase [class*=el-icon] {
    transform: scale(.9)
}

.el-input-number--small .el-input__inner {
    padding-left: 39px;
    padding-right: 39px
}

.el-input-number--mini {
    width: 130px;
    line-height: 26px
}

.el-input-number--mini .el-input-number__decrease,
.el-input-number--mini .el-input-number__increase {
    width: 28px;
    font-size: 12px
}

.el-input-number--mini .el-input-number__decrease [class*=el-icon],
.el-input-number--mini .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number--mini .el-input__inner {
    padding-left: 35px;
    padding-right: 35px
}

.el-input-number.is-without-controls .el-input__inner {
    padding-left: 15px;
    padding-right: 15px
}

.el-input-number.is-controls-right .el-input__inner {
    padding-left: 15px;
    padding-right: 50px
}

.el-input-number.is-controls-right .el-input-number__decrease,
.el-input-number.is-controls-right .el-input-number__increase {
    height: auto;
    line-height: 19px
}

.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
    transform: scale(.8)
}

.el-input-number.is-controls-right .el-input-number__increase {
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid rgba(var(--border-color-7), 1)
}

.el-input-number.is-controls-right .el-input-number__decrease {
    right: 1px;
    bottom: 1px;
    top: auto;
    left: auto;
    border-right: none;
    border-left: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 0 0 4px 0
}

.el-input-number.is-controls-right[class*=medium] [class*=decrease],
.el-input-number.is-controls-right[class*=medium] [class*=increase] {
    line-height: 17px
}

.el-input-number.is-controls-right[class*=small] [class*=decrease],
.el-input-number.is-controls-right[class*=small] [class*=increase] {
    line-height: 15px
}

.el-input-number.is-controls-right[class*=mini] [class*=decrease],
.el-input-number.is-controls-right[class*=mini] [class*=increase] {
    line-height: 13px
}

.el-tooltip:focus:hover,
.el-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.el-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2;
    min-width: 10px;
    word-wrap: break-word
}

.el-tooltip__popper .popper__arrow,
.el-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-tooltip__popper .popper__arrow {
    border-width: 6px
}

.el-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.el-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: rgba(var(--text-color-33), 1);
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: rgba(var(--text-color-33), 1);
    border-bottom-width: 0
}

.el-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: rgba(var(--text-color-33), 1);
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: rgba(var(--text-color-33), 1);
    border-left-width: 0
}

.el-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-dark {
    background: rgba(var(--text-color-33), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tooltip__popper.is-light {
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: rgba(var(--white-color-2), 1)
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: rgba(var(--white-color-2), 1)
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: rgba(var(--white-color-2), 1)
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: rgba(var(--text-color-33), 1)
}

.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: rgba(var(--white-color-2), 1)
}

.el-slider:after,
.el-slider:before {
    display: table;
    content: ""
}

.el-slider:after {
    clear: both
}

.el-slider__runway {
    width: 100%;
    height: 6px;
    margin: 16px 0;
    background-color: rgba(var(--border-color-19), 1);
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    vertical-align: middle
}

.el-slider__runway.show-input {
    margin-right: 160px;
    width: auto
}

.el-slider__runway.disabled {
    cursor: default
}

.el-slider__runway.disabled .el-slider__bar {
    background-color: rgba(var(--text-color-26), 1)
}

.el-slider__runway.disabled .el-slider__button {
    border-color: rgba(var(--text-color-26), 1)
}

.el-slider__runway.disabled .el-slider__button-wrapper.dragging,
.el-slider__runway.disabled .el-slider__button-wrapper.hover,
.el-slider__runway.disabled .el-slider__button-wrapper:hover {
    cursor: not-allowed
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    transform: scale(1)
}

.el-slider__runway.disabled .el-slider__button.dragging,
.el-slider__runway.disabled .el-slider__button.hover,
.el-slider__runway.disabled .el-slider__button:hover {
    cursor: not-allowed
}

.el-slider__input {
    float: right;
    margin-top: 3px;
    width: 130px
}

.el-slider__input.el-input-number--mini {
    margin-top: 5px
}

.el-slider__input.el-input-number--medium {
    margin-top: 0
}

.el-slider__input.el-input-number--large {
    margin-top: -2px
}

.el-slider__bar {
    height: 6px;
    background-color: rgba(var(--text-color-5), 1);
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: absolute
}

.el-slider__button-wrapper {
    height: 36px;
    width: 36px;
    position: absolute;
    z-index: 1001;
    top: -15px;
    transform: translateX(-50%);
    background-color: transparent;
    text-align: center;
    user-select: none;
    line-height: normal
}

.el-slider__button-wrapper:after {
    content: "";
    height: 100%
}

.el-slider__button-wrapper .el-tooltip,
.el-slider__button-wrapper:after {
    display: inline-block;
    vertical-align: middle
}

.el-slider__button-wrapper.hover,
.el-slider__button-wrapper:hover {
    cursor: grab
}

.el-slider__button-wrapper.dragging {
    cursor: grabbing
}

.el-slider__button {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(var(--text-color-5), 1);
    background-color: rgba(var(--white-color-2), 1);
    border-radius: 50%;
    transition: .2s;
    user-select: none
}

.el-slider__button.dragging,
.el-slider__button.hover,
.el-slider__button:hover {
    transform: scale(1.2)
}

.el-slider__button.hover,
.el-slider__button:hover {
    cursor: grab
}

.el-slider__button.dragging {
    cursor: grabbing
}

.el-slider__stop {
    position: absolute;
    height: 6px;
    width: 6px;
    border-radius: 100%;
    background-color: rgba(var(--white-color-2), 1);
    transform: translateX(-50%)
}

.el-slider__marks {
    top: 0;
    left: 12px;
    width: 18px;
    height: 100%
}

.el-slider__marks-text {
    position: absolute;
    transform: translateX(-50%);
    font-size: 14px;
    color: rgba(var(--text-color-13), 1);
    margin-top: 15px
}

.el-slider.is-vertical {
    position: relative
}

.el-slider.is-vertical .el-slider__runway {
    width: 6px;
    height: 100%;
    margin: 0 16px
}

.el-slider.is-vertical .el-slider__bar {
    width: 6px;
    height: auto;
    border-radius: 0 0 3px 3px
}

.el-slider.is-vertical .el-slider__button-wrapper {
    top: auto;
    left: -15px;
    transform: translateY(50%)
}

.el-slider.is-vertical .el-slider__stop {
    transform: translateY(50%)
}

.el-slider.is-vertical.el-slider--with-input {
    padding-bottom: 58px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input {
    overflow: visible;
    float: none;
    position: absolute;
    bottom: 22px;
    width: 36px;
    margin-top: 15px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input__inner {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    top: 32px;
    margin-top: -1px;
    border: 1px solid rgba(var(--border-color-7), 1);
    line-height: 20px;
    box-sizing: border-box;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__decrease {
    width: 18px;
    right: 18px;
    border-bottom-left-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase {
    width: 19px;
    border-bottom-right-radius: 4px
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input .el-input-number__increase~.el-input .el-input__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:hover .el-input-number__increase {
    border-color: rgba(var(--text-color-26), 1)
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
    border-color: rgba(var(--text-color-5), 1)
}

.el-slider.is-vertical .el-slider__marks-text {
    margin-top: 0;
    left: 15px;
    transform: translateY(50%)
}

.el-loading-parent--relative {
    position: relative !important
}

.el-loading-parent--hidden {
    overflow: hidden !important
}

.el-loading-mask {
    position: absolute;
    z-index: 2000;
    background-color: hsla(0, 0%, 100%, .9);
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
    position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
    margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
    height: 50px;
    width: 50px
}

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute
}

.el-loading-spinner .el-loading-text {
    color: rgba(var(--text-color-5), 1);
    margin: 3px 0;
    font-size: 14px
}

.el-loading-spinner .circular {
    height: 42px;
    width: 42px;
    animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: rgba(var(--text-color-5), 1);
    stroke-linecap: round
}

.el-loading-spinner i {
    color: rgba(var(--text-color-5), 1)
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
    opacity: 0
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-row {
    position: relative;
    box-sizing: border-box
}

.el-row:after,
.el-row:before {
    display: table;
    content: ""
}

.el-row:after {
    clear: both
}

.el-row--flex {
    display: flex
}

.el-row--flex:after,
.el-row--flex:before {
    display: none
}

.el-row--flex.is-justify-center {
    justify-content: center
}

.el-row--flex.is-justify-end {
    justify-content: flex-end
}

.el-row--flex.is-justify-space-between {
    justify-content: space-between
}

.el-row--flex.is-justify-space-around {
    justify-content: space-around
}

.el-row--flex.is-align-top {
    align-items: flex-start
}

.el-row--flex.is-align-middle {
    align-items: center
}

.el-row--flex.is-align-bottom {
    align-items: flex-end
}

[class*=el-col-] {
    float: left;
    box-sizing: border-box
}

.el-col-0 {
    display: none;
    width: 0
}

.el-col-offset-0 {
    margin-left: 0
}

.el-col-pull-0 {
    position: relative;
    right: 0
}

.el-col-push-0 {
    position: relative;
    left: 0
}

.el-col-1 {
    width: 4.16667%
}

.el-col-offset-1 {
    margin-left: 4.16667%
}

.el-col-pull-1 {
    position: relative;
    right: 4.16667%
}

.el-col-push-1 {
    position: relative;
    left: 4.16667%
}

.el-col-2 {
    width: 8.33333%
}

.el-col-offset-2 {
    margin-left: 8.33333%
}

.el-col-pull-2 {
    position: relative;
    right: 8.33333%
}

.el-col-push-2 {
    position: relative;
    left: 8.33333%
}

.el-col-3 {
    width: 12.5%
}

.el-col-offset-3 {
    margin-left: 12.5%
}

.el-col-pull-3 {
    position: relative;
    right: 12.5%
}

.el-col-push-3 {
    position: relative;
    left: 12.5%
}

.el-col-4 {
    width: 16.66667%
}

.el-col-offset-4 {
    margin-left: 16.66667%
}

.el-col-pull-4 {
    position: relative;
    right: 16.66667%
}

.el-col-push-4 {
    position: relative;
    left: 16.66667%
}

.el-col-5 {
    width: 20.83333%
}

.el-col-offset-5 {
    margin-left: 20.83333%
}

.el-col-pull-5 {
    position: relative;
    right: 20.83333%
}

.el-col-push-5 {
    position: relative;
    left: 20.83333%
}

.el-col-6 {
    width: 25%
}

.el-col-offset-6 {
    margin-left: 25%
}

.el-col-pull-6 {
    position: relative;
    right: 25%
}

.el-col-push-6 {
    position: relative;
    left: 25%
}

.el-col-7 {
    width: 29.16667%
}

.el-col-offset-7 {
    margin-left: 29.16667%
}

.el-col-pull-7 {
    position: relative;
    right: 29.16667%
}

.el-col-push-7 {
    position: relative;
    left: 29.16667%
}

.el-col-8 {
    width: 33.33333%
}

.el-col-offset-8 {
    margin-left: 33.33333%
}

.el-col-pull-8 {
    position: relative;
    right: 33.33333%
}

.el-col-push-8 {
    position: relative;
    left: 33.33333%
}

.el-col-9 {
    width: 37.5%
}

.el-col-offset-9 {
    margin-left: 37.5%
}

.el-col-pull-9 {
    position: relative;
    right: 37.5%
}

.el-col-push-9 {
    position: relative;
    left: 37.5%
}

.el-col-10 {
    width: 41.66667%
}

.el-col-offset-10 {
    margin-left: 41.66667%
}

.el-col-pull-10 {
    position: relative;
    right: 41.66667%
}

.el-col-push-10 {
    position: relative;
    left: 41.66667%
}

.el-col-11 {
    width: 45.83333%
}

.el-col-offset-11 {
    margin-left: 45.83333%
}

.el-col-pull-11 {
    position: relative;
    right: 45.83333%
}

.el-col-push-11 {
    position: relative;
    left: 45.83333%
}

.el-col-12 {
    width: 50%
}

.el-col-offset-12 {
    margin-left: 50%
}

.el-col-pull-12 {
    position: relative;
    right: 50%
}

.el-col-push-12 {
    position: relative;
    left: 50%
}

.el-col-13 {
    width: 54.16667%
}

.el-col-offset-13 {
    margin-left: 54.16667%
}

.el-col-pull-13 {
    position: relative;
    right: 54.16667%
}

.el-col-push-13 {
    position: relative;
    left: 54.16667%
}

.el-col-14 {
    width: 58.33333%
}

.el-col-offset-14 {
    margin-left: 58.33333%
}

.el-col-pull-14 {
    position: relative;
    right: 58.33333%
}

.el-col-push-14 {
    position: relative;
    left: 58.33333%
}

.el-col-15 {
    width: 62.5%
}

.el-col-offset-15 {
    margin-left: 62.5%
}

.el-col-pull-15 {
    position: relative;
    right: 62.5%
}

.el-col-push-15 {
    position: relative;
    left: 62.5%
}

.el-col-16 {
    width: 66.66667%
}

.el-col-offset-16 {
    margin-left: 66.66667%
}

.el-col-pull-16 {
    position: relative;
    right: 66.66667%
}

.el-col-push-16 {
    position: relative;
    left: 66.66667%
}

.el-col-17 {
    width: 70.83333%
}

.el-col-offset-17 {
    margin-left: 70.83333%
}

.el-col-pull-17 {
    position: relative;
    right: 70.83333%
}

.el-col-push-17 {
    position: relative;
    left: 70.83333%
}

.el-col-18 {
    width: 75%
}

.el-col-offset-18 {
    margin-left: 75%
}

.el-col-pull-18 {
    position: relative;
    right: 75%
}

.el-col-push-18 {
    position: relative;
    left: 75%
}

.el-col-19 {
    width: 79.16667%
}

.el-col-offset-19 {
    margin-left: 79.16667%
}

.el-col-pull-19 {
    position: relative;
    right: 79.16667%
}

.el-col-push-19 {
    position: relative;
    left: 79.16667%
}

.el-col-20 {
    width: 83.33333%
}

.el-col-offset-20 {
    margin-left: 83.33333%
}

.el-col-pull-20 {
    position: relative;
    right: 83.33333%
}

.el-col-push-20 {
    position: relative;
    left: 83.33333%
}

.el-col-21 {
    width: 87.5%
}

.el-col-offset-21 {
    margin-left: 87.5%
}

.el-col-pull-21 {
    position: relative;
    right: 87.5%
}

.el-col-push-21 {
    position: relative;
    left: 87.5%
}

.el-col-22 {
    width: 91.66667%
}

.el-col-offset-22 {
    margin-left: 91.66667%
}

.el-col-pull-22 {
    position: relative;
    right: 91.66667%
}

.el-col-push-22 {
    position: relative;
    left: 91.66667%
}

.el-col-23 {
    width: 95.83333%
}

.el-col-offset-23 {
    margin-left: 95.83333%
}

.el-col-pull-23 {
    position: relative;
    right: 95.83333%
}

.el-col-push-23 {
    position: relative;
    left: 95.83333%
}

.el-col-24 {
    width: 100%
}

.el-col-offset-24 {
    margin-left: 100%
}

.el-col-pull-24 {
    position: relative;
    right: 100%
}

.el-col-push-24 {
    position: relative;
    left: 100%
}

@media only screen and (max-width:767px) {
    .el-col-xs-0 {
        display: none;
        width: 0
    }

    .el-col-xs-offset-0 {
        margin-left: 0
    }

    .el-col-xs-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xs-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xs-1 {
        width: 4.16667%
    }

    .el-col-xs-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xs-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xs-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xs-2 {
        width: 8.33333%
    }

    .el-col-xs-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xs-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xs-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xs-3 {
        width: 12.5%
    }

    .el-col-xs-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xs-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xs-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xs-4 {
        width: 16.66667%
    }

    .el-col-xs-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xs-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xs-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xs-5 {
        width: 20.83333%
    }

    .el-col-xs-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xs-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xs-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xs-6 {
        width: 25%
    }

    .el-col-xs-offset-6 {
        margin-left: 25%
    }

    .el-col-xs-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xs-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xs-7 {
        width: 29.16667%
    }

    .el-col-xs-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xs-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xs-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xs-8 {
        width: 33.33333%
    }

    .el-col-xs-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xs-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xs-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xs-9 {
        width: 37.5%
    }

    .el-col-xs-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xs-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xs-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xs-10 {
        width: 41.66667%
    }

    .el-col-xs-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xs-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xs-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xs-11 {
        width: 45.83333%
    }

    .el-col-xs-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xs-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xs-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xs-12 {
        width: 50%
    }

    .el-col-xs-offset-12 {
        margin-left: 50%
    }

    .el-col-xs-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xs-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xs-13 {
        width: 54.16667%
    }

    .el-col-xs-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xs-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xs-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xs-14 {
        width: 58.33333%
    }

    .el-col-xs-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xs-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xs-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xs-15 {
        width: 62.5%
    }

    .el-col-xs-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xs-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xs-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xs-16 {
        width: 66.66667%
    }

    .el-col-xs-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xs-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xs-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xs-17 {
        width: 70.83333%
    }

    .el-col-xs-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xs-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xs-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xs-18 {
        width: 75%
    }

    .el-col-xs-offset-18 {
        margin-left: 75%
    }

    .el-col-xs-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xs-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xs-19 {
        width: 79.16667%
    }

    .el-col-xs-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xs-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xs-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xs-20 {
        width: 83.33333%
    }

    .el-col-xs-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xs-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xs-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xs-21 {
        width: 87.5%
    }

    .el-col-xs-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xs-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xs-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xs-22 {
        width: 91.66667%
    }

    .el-col-xs-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xs-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xs-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xs-23 {
        width: 95.83333%
    }

    .el-col-xs-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xs-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xs-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xs-24 {
        width: 100%
    }

    .el-col-xs-offset-24 {
        margin-left: 100%
    }

    .el-col-xs-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xs-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:768px) {
    .el-col-sm-0 {
        display: none;
        width: 0
    }

    .el-col-sm-offset-0 {
        margin-left: 0
    }

    .el-col-sm-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-sm-push-0 {
        position: relative;
        left: 0
    }

    .el-col-sm-1 {
        width: 4.16667%
    }

    .el-col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-sm-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-sm-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-sm-2 {
        width: 8.33333%
    }

    .el-col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-sm-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-sm-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-sm-3 {
        width: 12.5%
    }

    .el-col-sm-offset-3 {
        margin-left: 12.5%
    }

    .el-col-sm-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-sm-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-sm-4 {
        width: 16.66667%
    }

    .el-col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-sm-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-sm-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-sm-5 {
        width: 20.83333%
    }

    .el-col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-sm-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-sm-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-sm-6 {
        width: 25%
    }

    .el-col-sm-offset-6 {
        margin-left: 25%
    }

    .el-col-sm-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-sm-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-sm-7 {
        width: 29.16667%
    }

    .el-col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-sm-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-sm-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-sm-8 {
        width: 33.33333%
    }

    .el-col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-sm-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-sm-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-sm-9 {
        width: 37.5%
    }

    .el-col-sm-offset-9 {
        margin-left: 37.5%
    }

    .el-col-sm-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-sm-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-sm-10 {
        width: 41.66667%
    }

    .el-col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-sm-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-sm-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-sm-11 {
        width: 45.83333%
    }

    .el-col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-sm-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-sm-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-sm-12 {
        width: 50%
    }

    .el-col-sm-offset-12 {
        margin-left: 50%
    }

    .el-col-sm-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-sm-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-sm-13 {
        width: 54.16667%
    }

    .el-col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-sm-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-sm-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-sm-14 {
        width: 58.33333%
    }

    .el-col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-sm-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-sm-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-sm-15 {
        width: 62.5%
    }

    .el-col-sm-offset-15 {
        margin-left: 62.5%
    }

    .el-col-sm-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-sm-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-sm-16 {
        width: 66.66667%
    }

    .el-col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-sm-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-sm-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-sm-17 {
        width: 70.83333%
    }

    .el-col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-sm-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-sm-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-sm-18 {
        width: 75%
    }

    .el-col-sm-offset-18 {
        margin-left: 75%
    }

    .el-col-sm-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-sm-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-sm-19 {
        width: 79.16667%
    }

    .el-col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-sm-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-sm-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-sm-20 {
        width: 83.33333%
    }

    .el-col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-sm-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-sm-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-sm-21 {
        width: 87.5%
    }

    .el-col-sm-offset-21 {
        margin-left: 87.5%
    }

    .el-col-sm-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-sm-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-sm-22 {
        width: 91.66667%
    }

    .el-col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-sm-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-sm-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-sm-23 {
        width: 95.83333%
    }

    .el-col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-sm-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-sm-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-sm-24 {
        width: 100%
    }

    .el-col-sm-offset-24 {
        margin-left: 100%
    }

    .el-col-sm-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-sm-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:992px) {
    .el-col-md-0 {
        display: none;
        width: 0
    }

    .el-col-md-offset-0 {
        margin-left: 0
    }

    .el-col-md-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-md-push-0 {
        position: relative;
        left: 0
    }

    .el-col-md-1 {
        width: 4.16667%
    }

    .el-col-md-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-md-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-md-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-md-2 {
        width: 8.33333%
    }

    .el-col-md-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-md-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-md-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-md-3 {
        width: 12.5%
    }

    .el-col-md-offset-3 {
        margin-left: 12.5%
    }

    .el-col-md-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-md-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-md-4 {
        width: 16.66667%
    }

    .el-col-md-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-md-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-md-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-md-5 {
        width: 20.83333%
    }

    .el-col-md-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-md-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-md-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-md-6 {
        width: 25%
    }

    .el-col-md-offset-6 {
        margin-left: 25%
    }

    .el-col-md-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-md-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-md-7 {
        width: 29.16667%
    }

    .el-col-md-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-md-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-md-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-md-8 {
        width: 33.33333%
    }

    .el-col-md-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-md-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-md-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-md-9 {
        width: 37.5%
    }

    .el-col-md-offset-9 {
        margin-left: 37.5%
    }

    .el-col-md-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-md-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-md-10 {
        width: 41.66667%
    }

    .el-col-md-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-md-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-md-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-md-11 {
        width: 45.83333%
    }

    .el-col-md-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-md-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-md-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-md-12 {
        width: 50%
    }

    .el-col-md-offset-12 {
        margin-left: 50%
    }

    .el-col-md-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-md-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-md-13 {
        width: 54.16667%
    }

    .el-col-md-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-md-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-md-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-md-14 {
        width: 58.33333%
    }

    .el-col-md-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-md-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-md-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-md-15 {
        width: 62.5%
    }

    .el-col-md-offset-15 {
        margin-left: 62.5%
    }

    .el-col-md-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-md-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-md-16 {
        width: 66.66667%
    }

    .el-col-md-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-md-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-md-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-md-17 {
        width: 70.83333%
    }

    .el-col-md-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-md-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-md-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-md-18 {
        width: 75%
    }

    .el-col-md-offset-18 {
        margin-left: 75%
    }

    .el-col-md-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-md-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-md-19 {
        width: 79.16667%
    }

    .el-col-md-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-md-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-md-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-md-20 {
        width: 83.33333%
    }

    .el-col-md-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-md-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-md-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-md-21 {
        width: 87.5%
    }

    .el-col-md-offset-21 {
        margin-left: 87.5%
    }

    .el-col-md-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-md-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-md-22 {
        width: 91.66667%
    }

    .el-col-md-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-md-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-md-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-md-23 {
        width: 95.83333%
    }

    .el-col-md-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-md-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-md-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-md-24 {
        width: 100%
    }

    .el-col-md-offset-24 {
        margin-left: 100%
    }

    .el-col-md-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-md-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1200px) {
    .el-col-lg-0 {
        display: none;
        width: 0
    }

    .el-col-lg-offset-0 {
        margin-left: 0
    }

    .el-col-lg-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-lg-push-0 {
        position: relative;
        left: 0
    }

    .el-col-lg-1 {
        width: 4.16667%
    }

    .el-col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-lg-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-lg-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-lg-2 {
        width: 8.33333%
    }

    .el-col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-lg-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-lg-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-lg-3 {
        width: 12.5%
    }

    .el-col-lg-offset-3 {
        margin-left: 12.5%
    }

    .el-col-lg-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-lg-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-lg-4 {
        width: 16.66667%
    }

    .el-col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-lg-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-lg-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-lg-5 {
        width: 20.83333%
    }

    .el-col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-lg-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-lg-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-lg-6 {
        width: 25%
    }

    .el-col-lg-offset-6 {
        margin-left: 25%
    }

    .el-col-lg-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-lg-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-lg-7 {
        width: 29.16667%
    }

    .el-col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-lg-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-lg-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-lg-8 {
        width: 33.33333%
    }

    .el-col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-lg-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-lg-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-lg-9 {
        width: 37.5%
    }

    .el-col-lg-offset-9 {
        margin-left: 37.5%
    }

    .el-col-lg-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-lg-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-lg-10 {
        width: 41.66667%
    }

    .el-col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-lg-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-lg-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-lg-11 {
        width: 45.83333%
    }

    .el-col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-lg-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-lg-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-lg-12 {
        width: 50%
    }

    .el-col-lg-offset-12 {
        margin-left: 50%
    }

    .el-col-lg-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-lg-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-lg-13 {
        width: 54.16667%
    }

    .el-col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-lg-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-lg-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-lg-14 {
        width: 58.33333%
    }

    .el-col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-lg-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-lg-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-lg-15 {
        width: 62.5%
    }

    .el-col-lg-offset-15 {
        margin-left: 62.5%
    }

    .el-col-lg-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-lg-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-lg-16 {
        width: 66.66667%
    }

    .el-col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-lg-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-lg-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-lg-17 {
        width: 70.83333%
    }

    .el-col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-lg-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-lg-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-lg-18 {
        width: 75%
    }

    .el-col-lg-offset-18 {
        margin-left: 75%
    }

    .el-col-lg-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-lg-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-lg-19 {
        width: 79.16667%
    }

    .el-col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-lg-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-lg-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-lg-20 {
        width: 83.33333%
    }

    .el-col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-lg-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-lg-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-lg-21 {
        width: 87.5%
    }

    .el-col-lg-offset-21 {
        margin-left: 87.5%
    }

    .el-col-lg-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-lg-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-lg-22 {
        width: 91.66667%
    }

    .el-col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-lg-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-lg-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-lg-23 {
        width: 95.83333%
    }

    .el-col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-lg-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-lg-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-lg-24 {
        width: 100%
    }

    .el-col-lg-offset-24 {
        margin-left: 100%
    }

    .el-col-lg-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-lg-push-24 {
        position: relative;
        left: 100%
    }
}

@media only screen and (min-width:1920px) {
    .el-col-xl-0 {
        display: none;
        width: 0
    }

    .el-col-xl-offset-0 {
        margin-left: 0
    }

    .el-col-xl-pull-0 {
        position: relative;
        right: 0
    }

    .el-col-xl-push-0 {
        position: relative;
        left: 0
    }

    .el-col-xl-1 {
        width: 4.16667%
    }

    .el-col-xl-offset-1 {
        margin-left: 4.16667%
    }

    .el-col-xl-pull-1 {
        position: relative;
        right: 4.16667%
    }

    .el-col-xl-push-1 {
        position: relative;
        left: 4.16667%
    }

    .el-col-xl-2 {
        width: 8.33333%
    }

    .el-col-xl-offset-2 {
        margin-left: 8.33333%
    }

    .el-col-xl-pull-2 {
        position: relative;
        right: 8.33333%
    }

    .el-col-xl-push-2 {
        position: relative;
        left: 8.33333%
    }

    .el-col-xl-3 {
        width: 12.5%
    }

    .el-col-xl-offset-3 {
        margin-left: 12.5%
    }

    .el-col-xl-pull-3 {
        position: relative;
        right: 12.5%
    }

    .el-col-xl-push-3 {
        position: relative;
        left: 12.5%
    }

    .el-col-xl-4 {
        width: 16.66667%
    }

    .el-col-xl-offset-4 {
        margin-left: 16.66667%
    }

    .el-col-xl-pull-4 {
        position: relative;
        right: 16.66667%
    }

    .el-col-xl-push-4 {
        position: relative;
        left: 16.66667%
    }

    .el-col-xl-5 {
        width: 20.83333%
    }

    .el-col-xl-offset-5 {
        margin-left: 20.83333%
    }

    .el-col-xl-pull-5 {
        position: relative;
        right: 20.83333%
    }

    .el-col-xl-push-5 {
        position: relative;
        left: 20.83333%
    }

    .el-col-xl-6 {
        width: 25%
    }

    .el-col-xl-offset-6 {
        margin-left: 25%
    }

    .el-col-xl-pull-6 {
        position: relative;
        right: 25%
    }

    .el-col-xl-push-6 {
        position: relative;
        left: 25%
    }

    .el-col-xl-7 {
        width: 29.16667%
    }

    .el-col-xl-offset-7 {
        margin-left: 29.16667%
    }

    .el-col-xl-pull-7 {
        position: relative;
        right: 29.16667%
    }

    .el-col-xl-push-7 {
        position: relative;
        left: 29.16667%
    }

    .el-col-xl-8 {
        width: 33.33333%
    }

    .el-col-xl-offset-8 {
        margin-left: 33.33333%
    }

    .el-col-xl-pull-8 {
        position: relative;
        right: 33.33333%
    }

    .el-col-xl-push-8 {
        position: relative;
        left: 33.33333%
    }

    .el-col-xl-9 {
        width: 37.5%
    }

    .el-col-xl-offset-9 {
        margin-left: 37.5%
    }

    .el-col-xl-pull-9 {
        position: relative;
        right: 37.5%
    }

    .el-col-xl-push-9 {
        position: relative;
        left: 37.5%
    }

    .el-col-xl-10 {
        width: 41.66667%
    }

    .el-col-xl-offset-10 {
        margin-left: 41.66667%
    }

    .el-col-xl-pull-10 {
        position: relative;
        right: 41.66667%
    }

    .el-col-xl-push-10 {
        position: relative;
        left: 41.66667%
    }

    .el-col-xl-11 {
        width: 45.83333%
    }

    .el-col-xl-offset-11 {
        margin-left: 45.83333%
    }

    .el-col-xl-pull-11 {
        position: relative;
        right: 45.83333%
    }

    .el-col-xl-push-11 {
        position: relative;
        left: 45.83333%
    }

    .el-col-xl-12 {
        width: 50%
    }

    .el-col-xl-offset-12 {
        margin-left: 50%
    }

    .el-col-xl-pull-12 {
        position: relative;
        right: 50%
    }

    .el-col-xl-push-12 {
        position: relative;
        left: 50%
    }

    .el-col-xl-13 {
        width: 54.16667%
    }

    .el-col-xl-offset-13 {
        margin-left: 54.16667%
    }

    .el-col-xl-pull-13 {
        position: relative;
        right: 54.16667%
    }

    .el-col-xl-push-13 {
        position: relative;
        left: 54.16667%
    }

    .el-col-xl-14 {
        width: 58.33333%
    }

    .el-col-xl-offset-14 {
        margin-left: 58.33333%
    }

    .el-col-xl-pull-14 {
        position: relative;
        right: 58.33333%
    }

    .el-col-xl-push-14 {
        position: relative;
        left: 58.33333%
    }

    .el-col-xl-15 {
        width: 62.5%
    }

    .el-col-xl-offset-15 {
        margin-left: 62.5%
    }

    .el-col-xl-pull-15 {
        position: relative;
        right: 62.5%
    }

    .el-col-xl-push-15 {
        position: relative;
        left: 62.5%
    }

    .el-col-xl-16 {
        width: 66.66667%
    }

    .el-col-xl-offset-16 {
        margin-left: 66.66667%
    }

    .el-col-xl-pull-16 {
        position: relative;
        right: 66.66667%
    }

    .el-col-xl-push-16 {
        position: relative;
        left: 66.66667%
    }

    .el-col-xl-17 {
        width: 70.83333%
    }

    .el-col-xl-offset-17 {
        margin-left: 70.83333%
    }

    .el-col-xl-pull-17 {
        position: relative;
        right: 70.83333%
    }

    .el-col-xl-push-17 {
        position: relative;
        left: 70.83333%
    }

    .el-col-xl-18 {
        width: 75%
    }

    .el-col-xl-offset-18 {
        margin-left: 75%
    }

    .el-col-xl-pull-18 {
        position: relative;
        right: 75%
    }

    .el-col-xl-push-18 {
        position: relative;
        left: 75%
    }

    .el-col-xl-19 {
        width: 79.16667%
    }

    .el-col-xl-offset-19 {
        margin-left: 79.16667%
    }

    .el-col-xl-pull-19 {
        position: relative;
        right: 79.16667%
    }

    .el-col-xl-push-19 {
        position: relative;
        left: 79.16667%
    }

    .el-col-xl-20 {
        width: 83.33333%
    }

    .el-col-xl-offset-20 {
        margin-left: 83.33333%
    }

    .el-col-xl-pull-20 {
        position: relative;
        right: 83.33333%
    }

    .el-col-xl-push-20 {
        position: relative;
        left: 83.33333%
    }

    .el-col-xl-21 {
        width: 87.5%
    }

    .el-col-xl-offset-21 {
        margin-left: 87.5%
    }

    .el-col-xl-pull-21 {
        position: relative;
        right: 87.5%
    }

    .el-col-xl-push-21 {
        position: relative;
        left: 87.5%
    }

    .el-col-xl-22 {
        width: 91.66667%
    }

    .el-col-xl-offset-22 {
        margin-left: 91.66667%
    }

    .el-col-xl-pull-22 {
        position: relative;
        right: 91.66667%
    }

    .el-col-xl-push-22 {
        position: relative;
        left: 91.66667%
    }

    .el-col-xl-23 {
        width: 95.83333%
    }

    .el-col-xl-offset-23 {
        margin-left: 95.83333%
    }

    .el-col-xl-pull-23 {
        position: relative;
        right: 95.83333%
    }

    .el-col-xl-push-23 {
        position: relative;
        left: 95.83333%
    }

    .el-col-xl-24 {
        width: 100%
    }

    .el-col-xl-offset-24 {
        margin-left: 100%
    }

    .el-col-xl-pull-24 {
        position: relative;
        right: 100%
    }

    .el-col-xl-push-24 {
        position: relative;
        left: 100%
    }
}

.el-upload {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    outline: none
}

.el-upload__input {
    display: none
}

.el-upload__tip {
    font-size: 12px;
    color: rgba(var(--text-color-15), 1);
    margin-top: 7px
}

.el-upload iframe {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.el-upload--picture-card {
    background-color: rgba(var(--el-table__row--striped-td-bakcground-47), 1);
    border: 1px dashed rgba(var(--border-color-24), 1);
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top
}

.el-upload--picture-card i {
    font-size: 28px;
    color: rgba(var(--el-upload--picture-card-i-color-6), 1)
}

.el-upload--picture-card:hover,
.el-upload:focus {
    border-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--text-color-5), 1)
}

.el-upload:focus .el-upload-dragger {
    border-color: rgba(var(--text-color-5), 1)
}

.el-upload-dragger {
    background-color: rgba(var(--white-color-2), 1);
    border: 1px dashed rgba(var(--border-color-25), 1);
    border-radius: 6px;
    box-sizing: border-box;
    width: 360px;
    height: 180px;
    text-align: center;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.el-upload-dragger .el-icon-upload {
    font-size: 67px;
    color: rgba(var(--text-color-26), 1);
    margin: 40px 0 16px;
    line-height: 50px
}

.el-upload-dragger+.el-upload__tip {
    text-align: center
}

.el-upload-dragger~.el-upload__files {
    border-top: 1px solid rgba(var(--border-color-7), 1);
    margin-top: 7px;
    padding-top: 5px
}

.el-upload-dragger .el-upload__text {
    color: rgba(var(--text-color-15), 1);
    font-size: 14px;
    text-align: center
}

.el-upload-dragger .el-upload__text em {
    color: rgba(var(--text-color-5), 1);
    font-style: normal
}

.el-upload-dragger:hover {
    border-color: rgba(var(--text-color-5), 1)
}

.el-upload-dragger.is-dragover {
    background-color: rgba(var(--el-drager-is-dragover-background-62), .06);
    border: 2px dashed rgba(var(--text-color-5), 1)
}

.el-upload-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.el-upload-list__item {
    transition: all .5s cubic-bezier(.55, 0, .1, 1);
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    line-height: 1.8;
    margin-top: 5px;
    position: relative;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%
}

.el-upload-list__item .el-progress {
    position: absolute;
    top: 20px;
    width: 100%
}

.el-upload-list__item .el-progress__text {
    position: absolute;
    right: 0;
    top: -13px
}

.el-upload-list__item .el-progress-bar {
    margin-right: 0;
    padding-right: 0
}

.el-upload-list__item:first-child {
    margin-top: 10px
}

.el-upload-list__item .el-icon-upload-success {
    color: rgba(var(--text-color-43), 1)
}

.el-upload-list__item .el-icon-close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    opacity: .75;
    color: rgba(var(--text-color-15), 1)
}

.el-upload-list__item .el-icon-close:hover {
    opacity: 1
}

.el-upload-list__item .el-icon-close-tip {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 12px;
    cursor: pointer;
    opacity: 1;
    color: rgba(var(--text-color-5), 1)
}

.el-upload-list__item:hover {
    background-color: rgba(var(--background-22), 1)
}

.el-upload-list__item:hover .el-icon-close {
    display: inline-block
}

.el-upload-list__item:hover .el-progress__text {
    display: none
}

.el-upload-list__item.is-success .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,
.el-upload-list__item.is-success .el-upload-list__item-name:hover {
    color: rgba(var(--text-color-5), 1);
    cursor: pointer
}

.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
    display: inline-block
}

.el-upload-list__item.is-success:active,
.el-upload-list__item.is-success:not(.focusing):focus {
    outline-width: 0
}

.el-upload-list__item.is-success:active .el-icon-close-tip,
.el-upload-list__item.is-success:focus .el-upload-list__item-status-label,
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label,
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip {
    display: none
}

.el-upload-list.is-disabled .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: block
}

.el-upload-list__item-name {
    color: rgba(var(--text-color-15), 1);
    display: block;
    margin-right: 40px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    transition: color .3s;
    white-space: nowrap
}

.el-upload-list__item-name [class^=el-icon] {
    height: 100%;
    margin-right: 7px;
    color: rgba(var(--text-color-13), 1);
    line-height: inherit
}

.el-upload-list__item-status-label {
    position: absolute;
    right: 5px;
    top: 0;
    line-height: inherit;
    display: none
}

.el-upload-list__item-delete {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 12px;
    color: rgba(var(--text-color-15), 1);
    display: none
}

.el-upload-list__item-delete:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-upload-list--picture-card {
    margin: 0;
    display: inline;
    vertical-align: top
}

.el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-24), 1);
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    margin: 0 8px 8px 0;
    display: inline-block
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-check,
.el-upload-list--picture-card .el-upload-list__item .el-icon-circle-check {
    color: rgba(var(--white-color-2), 1)
}

.el-upload-list--picture-card .el-upload-list__item .el-icon-close,
.el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture-card .el-upload-list__item-name {
    display: none
}

.el-upload-list--picture-card .el-upload-list__item-thumbnail {
    width: 100%;
    height: 100%
}

.el-upload-list--picture-card .el-upload-list__item-status-label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: rgba(var(--background-63), 1);
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(var(--black-color-1), .2)
}

.el-upload-list--picture-card .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg)
}

.el-upload-list--picture-card .el-upload-list__item-actions {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: default;
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    opacity: 0;
    font-size: 20px;
    background-color: rgba(var(--black-color-1), .5);
    transition: opacity .3s
}

.el-upload-list--picture-card .el-upload-list__item-actions:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-list--picture-card .el-upload-list__item-actions span {
    display: none;
    cursor: pointer
}

.el-upload-list--picture-card .el-upload-list__item-actions span+span {
    margin-left: 15px
}

.el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
    position: static;
    font-size: inherit;
    color: inherit
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover {
    opacity: 1
}

.el-upload-list--picture-card .el-upload-list__item-actions:hover span {
    display: inline-block
}

.el-upload-list--picture-card .el-progress {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: auto;
    width: 126px
}

.el-upload-list--picture-card .el-progress .el-progress__text {
    top: 50%
}

.el-upload-list--picture .el-upload-list__item {
    overflow: hidden;
    z-index: 0;
    background-color: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-24), 1);
    border-radius: 6px;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px 10px 10px 90px;
    height: 92px
}

.el-upload-list--picture .el-upload-list__item .el-icon-check,
.el-upload-list--picture .el-upload-list__item .el-icon-circle-check {
    color: rgba(var(--white-color-2), 1)
}

.el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
    background: transparent;
    box-shadow: none;
    top: -2px;
    right: -12px
}

.el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
    display: block
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name {
    line-height: 70px;
    margin-top: 0
}

.el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
    display: none
}

.el-upload-list--picture .el-upload-list__item-thumbnail {
    vertical-align: middle;
    display: inline-block;
    width: 70px;
    height: 70px;
    float: left;
    position: relative;
    z-index: 1;
    margin-left: -80px;
    background-color: rgba(var(--white-color-2), 1)
}

.el-upload-list--picture .el-upload-list__item-name {
    display: block;
    margin-top: 20px
}

.el-upload-list--picture .el-upload-list__item-name i {
    font-size: 70px;
    line-height: 1;
    position: absolute;
    left: 9px;
    top: 10px
}

.el-upload-list--picture .el-upload-list__item-status-label {
    position: absolute;
    right: -17px;
    top: -7px;
    width: 46px;
    height: 26px;
    background: rgba(var(--background-63), 1);
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 1px 1px rgba(var(--light-color-3), 1)
}

.el-upload-list--picture .el-upload-list__item-status-label i {
    font-size: 12px;
    margin-top: 12px;
    transform: rotate(-45deg)
}

.el-upload-list--picture .el-progress {
    position: relative;
    top: -7px
}

.el-upload-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
    cursor: default
}

.el-upload-cover:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-upload-cover img {
    display: block;
    width: 100%;
    height: 100%
}

.el-upload-cover__label {
    position: absolute;
    right: -15px;
    top: -6px;
    width: 40px;
    height: 24px;
    background: rgba(var(--background-63), 1);
    text-align: center;
    transform: rotate(45deg);
    box-shadow: 0 0 1pc 1px rgba(var(--black-color-1), .2)
}

.el-upload-cover__label i {
    font-size: 12px;
    margin-top: 11px;
    transform: rotate(-45deg);
    color: rgba(var(--white-color-2), 1)
}

.el-upload-cover__progress {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 243px
}

.el-upload-cover__progress+.el-upload__inner {
    opacity: 0
}

.el-upload-cover__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.el-upload-cover__interact {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--black-color-1), .72);
    text-align: center
}

.el-upload-cover__interact .btn {
    display: inline-block;
    color: rgba(var(--white-color-2), 1);
    font-size: 14px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    margin-top: 60px
}

.el-upload-cover__interact .btn i {
    margin-top: 0
}

.el-upload-cover__interact .btn span {
    opacity: 0;
    transition: opacity .15s linear
}

.el-upload-cover__interact .btn:not(:first-child) {
    margin-left: 35px
}

.el-upload-cover__interact .btn:hover {
    transform: translateY(-13px)
}

.el-upload-cover__interact .btn:hover span {
    opacity: 1
}

.el-upload-cover__interact .btn i {
    color: rgba(var(--white-color-2), 1);
    display: block;
    font-size: 24px;
    line-height: inherit;
    margin: 0 auto 5px
}

.el-upload-cover__title {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(var(--white-color-2), 1);
    height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    text-align: left;
    padding: 0 10px;
    margin: 0;
    line-height: 36px;
    font-size: 14px;
    color: rgba(var(--text-color-33), 1)
}

.el-upload-cover+.el-upload__inner {
    opacity: 0;
    position: relative;
    z-index: 1
}

.el-progress {
    position: relative;
    line-height: 1
}

.el-progress__text {
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 1
}

.el-progress__text i {
    vertical-align: middle;
    display: block
}

.el-progress--circle,
.el-progress--dashboard {
    display: inline-block
}

.el-progress--circle .el-progress__text,
.el-progress--dashboard .el-progress__text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    transform: translateY(-50%)
}

.el-progress--circle .el-progress__text i,
.el-progress--dashboard .el-progress__text i {
    vertical-align: middle;
    display: inline-block
}

.el-progress--without-text .el-progress__text {
    display: none
}

.el-progress--without-text .el-progress-bar {
    padding-right: 0;
    margin-right: 0;
    display: block
}

.el-progress--text-inside .el-progress-bar {
    padding-right: 0;
    margin-right: 0
}

.el-progress.is-success .el-progress-bar__inner {
    background-color: rgba(var(--text-color-43), 1)
}

.el-progress.is-success .el-progress__text {
    color: rgba(var(--text-color-43), 1)
}

.el-progress.is-warning .el-progress-bar__inner {
    background-color: rgba(var(--text-color-44), 1)
}

.el-progress.is-warning .el-progress__text {
    color: rgba(var(--text-color-44), 1)
}

.el-progress.is-exception .el-progress-bar__inner {
    background-color: rgba(var(--error-color-29), 1)
}

.el-progress.is-exception .el-progress__text {
    color: rgba(var(--error-color-29), 1)
}

.el-progress-bar {
    padding-right: 50px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-right: -55px;
    box-sizing: border-box
}

.el-progress-bar__outer {
    height: 6px;
    border-radius: 100px;
    background-color: rgba(var(--border-color-10), 1);
    overflow: hidden;
    position: relative;
    vertical-align: middle
}

.el-progress-bar__inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(var(--text-color-5), 1);
    text-align: right;
    border-radius: 100px;
    line-height: 1;
    white-space: nowrap;
    transition: width .6s ease
}

.el-progress-bar__inner:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-progress-bar__innerText {
    display: inline-block;
    vertical-align: middle;
    color: rgba(var(--white-color-2), 1);
    font-size: 12px;
    margin: 0 5px
}

@keyframes progress {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 32px 0
    }
}

.el-time-spinner {
    width: 100%;
    white-space: nowrap
}

.el-spinner {
    display: inline-block;
    vertical-align: middle
}

.el-spinner-inner {
    animation: rotate 2s linear infinite;
    width: 50px;
    height: 50px
}

.el-spinner-inner .path {
    stroke: rgba(var(--el-spinner-inner-path-stroke), 1);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite
}

@keyframes rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }

    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.el-message {
    min-width: 380px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-10), 1);
    position: fixed;
    left: 50%;
    top: 20px;
    transform: translateX(-50%);
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    transition: opacity .3s, transform .4s, top .4s;
    overflow: hidden;
    padding: 15px 15px 15px 20px;
    display: flex;
    align-items: center
}

.el-message.is-center {
    justify-content: center
}

.el-message.is-closable .el-message__content {
    padding-right: 16px
}

.el-message p {
    margin: 0
}

.el-message--info .el-message__content {
    color: rgba(var(--text-color-13), 1)
}

.el-message--success {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-26), 1)
}

.el-message--success .el-message__content {
    color: rgba(var(--text-color-43), 1)
}

.el-message--warning {
    background-color: rgba(var(--alert-warning-light-background-96), 1);
    border-color: rgba(var(--border-color-27), 1)
}

.el-message--warning .el-message__content {
    color: rgba(var(--text-color-44), 1)
}

.el-message--error {
    background-color: rgba(var(--alert-error-light-background-97), 1);
    border-color: rgba(var(--border-color-27), 1)
}

.el-message--error .el-message__content {
    color: rgba(var(--error-color-29), 1)
}

.el-message__icon {
    margin-right: 10px
}

.el-message__content {
    padding: 0;
    font-size: 14px;
    line-height: 1
}

.el-message__content:focus {
    outline-width: 0
}

.el-message__closeBtn {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer;
    color: rgba(var(--text-color-26), 1);
    font-size: 16px
}

.el-message__closeBtn:focus {
    outline-width: 0
}

.el-message__closeBtn:hover {
    color: rgba(var(--text-color-13), 1)
}

.el-message .el-icon-success {
    color: rgba(var(--text-color-43), 1)
}

.el-message .el-icon-error {
    color: rgba(var(--error-color-29), 1)
}

.el-message .el-icon-info {
    color: rgba(var(--text-color-13), 1)
}

.el-message .el-icon-warning {
    color: rgba(var(--text-color-44), 1)
}

.el-message-fade-enter,
.el-message-fade-leave-active {
    opacity: 0;
    transform: translate(-50%, -100%)
}

.el-badge {
    position: relative;
    vertical-align: middle;
    display: inline-block
}

.el-badge__content {
    background-color: rgba(var(--error-color-29), 1);
    border-radius: 10px;
    color: rgba(var(--white-color-2), 1);
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    border: 1px solid rgba(var(--white-color-2), 1)
}

.el-badge__content.is-fixed {
    position: absolute;
    top: 0;
    right: 10px;
    transform: translateY(-50%) translateX(100%)
}

.el-badge__content.is-fixed.is-dot {
    right: 5px
}

.el-badge__content.is-dot {
    height: 8px;
    width: 8px;
    padding: 0;
    right: 0;
    border-radius: 50%
}

.el-badge__content--primary {
    background-color: rgba(var(--text-color-5), 1)
}

.el-badge__content--success {
    background-color: rgba(var(--text-color-43), 1)
}

.el-badge__content--warning {
    background-color: rgba(var(--text-color-44), 1)
}

.el-badge__content--info {
    background-color: rgba(var(--text-color-13), 1)
}

.el-badge__content--danger {
    background-color: rgba(var(--error-color-29), 1)
}

.el-card {
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-10), 1);
    background-color: rgba(var(--white-color-2), 1);
    overflow: hidden;
    color: rgba(var(--text-color-33), 1);
    transition: .3s
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-card__header {
    padding: 18px 20px;
    border-bottom: 1px solid rgba(var(--border-color-10), 1);
    box-sizing: border-box
}

.el-card__body {
    padding: 20px
}

.el-rate {
    height: 20px;
    line-height: 1
}

.el-rate:active,
.el-rate:focus {
    outline-width: 0
}

.el-rate__item {
    font-size: 0;
    vertical-align: middle
}

.el-rate__icon,
.el-rate__item {
    display: inline-block;
    position: relative
}

.el-rate__icon {
    font-size: 18px;
    margin-right: 6px;
    color: rgba(var(--text-color-26), 1);
    transition: .3s
}

.el-rate__icon.hover {
    transform: scale(1.15)
}

.el-rate__decimal,
.el-rate__icon .path2 {
    position: absolute;
    left: 0;
    top: 0
}

.el-rate__decimal {
    display: inline-block;
    overflow: hidden
}

.el-rate__text {
    font-size: 14px;
    vertical-align: middle
}

.el-steps {
    display: flex
}

.el-steps--simple {
    padding: 13px 8%;
    border-radius: 4px;
    background: rgba(var(--background-22), 1)
}

.el-steps--horizontal {
    white-space: nowrap
}

.el-steps--vertical {
    height: 100%;
    flex-flow: column
}

.el-step {
    position: relative;
    flex-shrink: 1
}

.el-step:last-of-type .el-step__line {
    display: none
}

.el-step:last-of-type.is-flex {
    flex-basis: auto !important;
    flex-shrink: 0;
    flex-grow: 0
}

.el-step:last-of-type .el-step__description,
.el-step:last-of-type .el-step__main {
    padding-right: 0
}

.el-step__head {
    position: relative;
    width: 100%
}

.el-step__head.is-process {
    color: rgba(var(--text-color-33), 1);
    border-color: rgba(var(--text-color-33), 1)
}

.el-step__head.is-wait {
    color: rgba(var(--text-color-26), 1);
    border-color: rgba(var(--text-color-26), 1)
}

.el-step__head.is-success {
    color: rgba(var(--text-color-43), 1);
    border-color: rgba(var(--text-color-43), 1)
}

.el-step__head.is-error {
    color: rgba(var(--error-color-29), 1);
    border-color: rgba(var(--error-color-29), 1)
}

.el-step__head.is-finish {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.el-step__icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    box-sizing: border-box;
    background: rgba(var(--white-color-2), 1);
    transition: .15s ease-out
}

.el-step__icon.is-text {
    border-radius: 50%;
    border: 2px solid;
    border-color: inherit
}

.el-step__icon.is-icon {
    width: 40px
}

.el-step__icon-inner {
    display: inline-block;
    user-select: none;
    text-align: center;
    font-weight: 700;
    line-height: 1;
    color: inherit
}

.el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 25px;
    font-weight: 400
}

.el-step__icon-inner.is-status {
    transform: translateY(1px)
}

.el-step__line {
    position: absolute;
    border-color: inherit;
    background-color: rgba(var(--text-color-26), 1)
}

.el-step__line-inner {
    display: block;
    border: 1px solid;
    border-color: inherit;
    transition: .15s ease-out;
    box-sizing: border-box;
    width: 0;
    height: 0
}

.el-step__main {
    white-space: normal;
    text-align: left
}

.el-step__title {
    font-size: 16px;
    line-height: 38px
}

.el-step__title.is-process {
    font-weight: 700;
    color: rgba(var(--text-color-33), 1)
}

.el-step__title.is-wait {
    color: rgba(var(--text-color-26), 1)
}

.el-step__title.is-success {
    color: rgba(var(--text-color-43), 1)
}

.el-step__title.is-error {
    color: rgba(var(--error-color-29), 1)
}

.el-step__title.is-finish {
    color: rgba(var(--text-color-5), 1)
}

.el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

.el-step__description.is-process {
    color: rgba(var(--text-color-33), 1)
}

.el-step__description.is-wait {
    color: rgba(var(--text-color-26), 1)
}

.el-step__description.is-success {
    color: rgba(var(--text-color-43), 1)
}

.el-step__description.is-error {
    color: rgba(var(--error-color-29), 1)
}

.el-step__description.is-finish {
    color: rgba(var(--text-color-5), 1)
}

.el-step.is-horizontal {
    display: inline-block
}

.el-step.is-horizontal .el-step__line {
    height: 2px;
    top: 11px;
    left: 0;
    right: 0
}

.el-step.is-vertical {
    display: flex
}

.el-step.is-vertical .el-step__head {
    flex-grow: 0;
    width: 24px
}

.el-step.is-vertical .el-step__main {
    padding-left: 10px;
    flex-grow: 1
}

.el-step.is-vertical .el-step__title {
    line-height: 24px;
    padding-bottom: 8px
}

.el-step.is-vertical .el-step__line {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 11px
}

.el-step.is-vertical .el-step__icon.is-icon {
    width: 24px
}

.el-step.is-center .el-step__head,
.el-step.is-center .el-step__main {
    text-align: center
}

.el-step.is-center .el-step__description {
    padding-left: 20%;
    padding-right: 20%
}

.el-step.is-center .el-step__line {
    left: 50%;
    right: -50%
}

.el-step.is-simple {
    display: flex;
    align-items: center
}

.el-step.is-simple .el-step__head {
    width: auto;
    font-size: 0;
    padding-right: 10px
}

.el-step.is-simple .el-step__icon {
    background: transparent;
    width: 16px;
    height: 16px;
    font-size: 12px
}

.el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
    font-size: 18px
}

.el-step.is-simple .el-step__icon-inner.is-status {
    transform: scale(.8) translateY(1px)
}

.el-step.is-simple .el-step__main {
    position: relative;
    display: flex;
    align-items: stretch;
    flex-grow: 1
}

.el-step.is-simple .el-step__title {
    font-size: 16px;
    line-height: 20px
}

.el-step.is-simple:not(:last-of-type) .el-step__title {
    max-width: 50%;
    word-break: break-all
}

.el-step.is-simple .el-step__arrow {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.el-step.is-simple .el-step__arrow:after,
.el-step.is-simple .el-step__arrow:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 15px;
    width: 1px;
    background: rgba(var(--text-color-26), 1)
}

.el-step.is-simple .el-step__arrow:before {
    transform: rotate(-45deg) translateY(-4px);
    transform-origin: 0 0
}

.el-step.is-simple .el-step__arrow:after {
    transform: rotate(45deg) translateY(4px);
    transform-origin: 100% 100%
}

.el-step.is-simple:last-of-type .el-step__arrow {
    display: none
}

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    position: relative;
    height: 300px
}

.el-carousel__arrow {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(var(--background-23), .11);
    color: rgba(var(--white-color-2), 1);
    position: absolute;
    top: 50%;
    z-index: 10;
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(var(--background-23), .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: rgba(var(--text-color-26), 1);
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    transform: none;
    text-align: center
}

.el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    width: 2px;
    height: 15px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: rgba(var(--white-color-2), 1);
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    transition: .3s
}

.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.el-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card,
.el-carousel__item.is-animating {
    transition: transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(var(--white-color-2), 1);
    opacity: .24;
    transition: .2s
}

.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
    transition: opacity .2s linear
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
    opacity: 0
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-fade-in-enter,
.el-fade-in-leave-active {
    opacity: 0
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
    transition: all .3s cubic-bezier(.55, 0, .1, 1)
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
    opacity: 0;
    transform: scaleX(0)
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: center top
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
    opacity: 1;
    transform: scaleY(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: center bottom
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
    opacity: 0;
    transform: scaleY(0)
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
    opacity: 1;
    transform: scale(1);
    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
    transform-origin: top left
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
    opacity: 0;
    transform: scale(.45)
}

.collapse-transition {
    transition: height .3s ease-in-out, padding-top .3s ease-in-out, padding-bottom .3s ease-in-out
}

.horizontal-collapse-transition {
    transition: width .3s ease-in-out, padding-left .3s ease-in-out, padding-right .3s ease-in-out
}

.el-list-enter-active,
.el-list-leave-active {
    transition: all 1s
}

.el-list-enter,
.el-list-leave-active {
    opacity: 0;
    transform: translateY(-30px)
}

.el-opacity-transition {
    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
}

.el-collapse {
    border-top: 1px solid rgba(var(--border-color-10), 1);
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-collapse-item.is-disabled .el-collapse-item__header {
    color: rgba(var(--text-color-21), 1);
    cursor: not-allowed
}

.el-collapse-item__header {
    display: flex;
    align-items: center;
    height: 48px;
    line-height: 48px;
    background-color: rgba(var(--white-color-2), 1);
    color: rgba(var(--text-color-33), 1);
    cursor: pointer;
    border-bottom: 1px solid rgba(var(--border-color-10), 1);
    font-size: 13px;
    font-weight: 500;
    transition: border-bottom-color .3s;
    outline: none
}

.el-collapse-item__arrow {
    margin: 0 8px 0 auto;
    transition: transform .3s;
    font-weight: 300
}

.el-collapse-item__arrow.is-active {
    transform: rotate(90deg)
}

.el-collapse-item__header.focusing:focus:not(:hover) {
    color: rgba(var(--text-color-5), 1)
}

.el-collapse-item__header.is-active {
    border-bottom-color: transparent
}

.el-collapse-item__wrap {
    will-change: height;
    background-color: rgba(var(--white-color-2), 1);
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-collapse-item__content {
    padding-bottom: 25px;
    font-size: 13px;
    color: rgba(var(--text-color-33), 1);
    line-height: 1.769230769230769
}

.el-collapse-item:last-child {
    margin-bottom: -1px
}

.el-popper .popper__arrow,
.el-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.el-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(var(--black-color-1), .03))
}

.el-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
}

.el-popper[x-placement^=top] {
    margin-bottom: 12px
}

.el-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: rgba(var(--border-color-10), 1);
    border-bottom-width: 0
}

.el-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: rgba(var(--white-color-2), 1);
    border-bottom-width: 0
}

.el-popper[x-placement^=bottom] {
    margin-top: 12px
}

.el-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: rgba(var(--border-color-10), 1)
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: rgba(var(--white-color-2), 1)
}

.el-popper[x-placement^=right] {
    margin-left: 12px
}

.el-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: rgba(var(--border-color-10), 1);
    border-left-width: 0
}

.el-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: rgba(var(--white-color-2), 1);
    border-left-width: 0
}

.el-popper[x-placement^=left] {
    margin-right: 12px
}

.el-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: rgba(var(--border-color-10), 1)
}

.el-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: rgba(var(--white-color-2), 1)
}

.el-tag {
    background-color: rgba(var(--background-59), 1);
    display: inline-block;
    height: 32px;
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px;
    color: rgba(var(--text-color-5), 1);
    border: 1px solid rgba(var(--border-color-28), 1);
    border-radius: 4px;
    box-sizing: border-box;
    white-space: nowrap
}

.el-tag.is-hit {
    border-color: rgba(var(--text-color-5), 1)
}

.el-tag .el-tag__close {
    color: rgba(var(--text-color-5), 1)
}

.el-tag .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.el-tag.el-tag--info {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--disabled-border-color-16), 1);
    color: rgba(var(--text-color-13), 1)
}

.el-tag.el-tag--info.is-hit {
    border-color: rgba(var(--text-color-13), 1)
}

.el-tag.el-tag--info .el-tag__close {
    color: rgba(var(--text-color-13), 1)
}

.el-tag.el-tag--info .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-13), 1)
}

.el-tag.el-tag--success {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-26), 1);
    color: rgba(var(--text-color-43), 1)
}

.el-tag.el-tag--success.is-hit {
    border-color: rgba(var(--text-color-43), 1)
}

.el-tag.el-tag--success .el-tag__close {
    color: rgba(var(--text-color-43), 1)
}

.el-tag.el-tag--success .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-43), 1)
}

.el-tag.el-tag--warning {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-27), 1);
    color: rgba(var(--text-color-44), 1)
}

.el-tag.el-tag--warning.is-hit {
    border-color: rgba(var(--text-color-44), 1)
}

.el-tag.el-tag--warning .el-tag__close {
    color: rgba(var(--text-color-44), 1)
}

.el-tag.el-tag--warning .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-44), 1)
}

.el-tag.el-tag--danger {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-27), 1);
    color: rgba(var(--error-color-29), 1)
}

.el-tag.el-tag--danger.is-hit {
    border-color: rgba(var(--error-color-29), 1)
}

.el-tag.el-tag--danger .el-tag__close {
    color: rgba(var(--error-color-29), 1)
}

.el-tag.el-tag--danger .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--error-color-29), 1)
}

.el-tag .el-icon-close {
    border-radius: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 16px;
    vertical-align: middle;
    top: -1px;
    right: -5px
}

.el-tag .el-icon-close:before {
    display: block
}

.el-tag--dark {
    background-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark,
.el-tag--dark.is-hit {
    border-color: rgba(var(--text-color-5), 1)
}

.el-tag--dark .el-tag__close {
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--border-color-13), 1)
}

.el-tag--dark.el-tag--info {
    background-color: rgba(var(--text-color-13), 1);
    border-color: rgba(var(--text-color-13), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--info.is-hit {
    border-color: rgba(var(--text-color-13), 1)
}

.el-tag--dark.el-tag--info .el-tag__close {
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--info .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-42), 1)
}

.el-tag--dark.el-tag--success {
    background-color: rgba(var(--text-color-43), 1);
    border-color: rgba(var(--text-color-43), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--success.is-hit {
    border-color: rgba(var(--text-color-43), 1)
}

.el-tag--dark.el-tag--success .el-tag__close {
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--success .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-64), 1)
}

.el-tag--dark.el-tag--warning {
    background-color: rgba(var(--text-color-44), 1);
    border-color: rgba(var(--text-color-44), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--warning.is-hit {
    border-color: rgba(var(--text-color-44), 1)
}

.el-tag--dark.el-tag--warning .el-tag__close {
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--warning .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--bakcground-65), 1)
}

.el-tag--dark.el-tag--danger {
    background-color: rgba(var(--error-color-29), 1);
    border-color: rgba(var(--error-color-29), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--danger.is-hit {
    border-color: rgba(var(--error-color-29), 1)
}

.el-tag--dark.el-tag--danger .el-tag__close {
    color: rgba(var(--white-color-2), 1)
}

.el-tag--dark.el-tag--danger .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-66), 1)
}

.el-tag--plain {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-29), 1);
    color: rgba(var(--text-color-5), 1)
}

.el-tag--plain.is-hit {
    border-color: rgba(var(--text-color-5), 1)
}

.el-tag--plain .el-tag__close {
    color: rgba(var(--text-color-5), 1)
}

.el-tag--plain .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.el-tag--plain.el-tag--info {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-30), 1);
    color: rgba(var(--text-color-13), 1)
}

.el-tag--plain.el-tag--info.is-hit {
    border-color: rgba(var(--text-color-13), 1)
}

.el-tag--plain.el-tag--info .el-tag__close {
    color: rgba(var(--text-color-13), 1)
}

.el-tag--plain.el-tag--info .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-13), 1)
}

.el-tag--plain.el-tag--success {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-31), 1);
    color: rgba(var(--text-color-43), 1)
}

.el-tag--plain.el-tag--success.is-hit {
    border-color: rgba(var(--text-color-43), 1)
}

.el-tag--plain.el-tag--success .el-tag__close {
    color: rgba(var(--text-color-43), 1)
}

.el-tag--plain.el-tag--success .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-43), 1)
}

.el-tag--plain.el-tag--warning {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-32), 1);
    color: rgba(var(--text-color-44), 1)
}

.el-tag--plain.el-tag--warning.is-hit {
    border-color: rgba(var(--text-color-44), 1)
}

.el-tag--plain.el-tag--warning .el-tag__close {
    color: rgba(var(--text-color-44), 1)
}

.el-tag--plain.el-tag--warning .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-44), 1)
}

.el-tag--plain.el-tag--danger {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-33), 1);
    color: rgba(var(--error-color-29), 1)
}

.el-tag--plain.el-tag--danger.is-hit {
    border-color: rgba(var(--error-color-29), 1)
}

.el-tag--plain.el-tag--danger .el-tag__close {
    color: rgba(var(--error-color-29), 1)
}

.el-tag--plain.el-tag--danger .el-tag__close:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--error-color-29), 1)
}

.el-tag--medium {
    height: 28px;
    line-height: 26px
}

.el-tag--medium .el-icon-close {
    transform: scale(.8)
}

.el-tag--small {
    height: 24px;
    padding: 0 8px;
    line-height: 22px
}

.el-tag--small .el-icon-close {
    transform: scale(.8)
}

.el-tag--mini {
    height: 20px;
    padding: 0 5px;
    line-height: 19px
}

.el-tag--mini .el-icon-close {
    margin-left: -3px;
    transform: scale(.7)
}

.el-cascader {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 40px
}

.el-cascader:not(.is-disabled):hover .el-input__inner {
    cursor: pointer;
    border-color: rgba(var(--text-color-26), 1)
}

.el-cascader .el-input {
    cursor: pointer
}

.el-cascader .el-input .el-input__inner {
    text-overflow: ellipsis
}

.el-cascader .el-input .el-input__inner:focus {
    border-color: rgba(var(--text-color-5), 1)
}

.el-cascader .el-input .el-icon-arrow-down {
    transition: transform .3s;
    font-size: 14px
}

.el-cascader .el-input .el-icon-arrow-down.is-reverse {
    transform: rotate(180deg)
}

.el-cascader .el-input .el-icon-circle-close:hover {
    color: rgba(var(--text-color-13), 1)
}

.el-cascader .el-input.is-focus .el-input__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-cascader--medium {
    font-size: 14px;
    line-height: 36px
}

.el-cascader--small {
    font-size: 13px;
    line-height: 32px
}

.el-cascader--mini {
    font-size: 12px;
    line-height: 28px
}

.el-cascader.is-disabled .el-cascader__label {
    z-index: 2;
    color: rgba(var(--text-color-26), 1)
}

.el-cascader__dropdown {
    margin: 5px 0;
    font-size: 14px;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-19), 1);
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-cascader__tags {
    position: absolute;
    left: 0;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-wrap: wrap;
    line-height: normal;
    text-align: left;
    box-sizing: border-box
}

.el-cascader__tags .el-tag {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    margin: 2px 0 2px 6px;
    text-overflow: ellipsis;
    background: rgba(var(--background-61), 1)
}

.el-cascader__tags .el-tag:not(.is-hit) {
    border-color: transparent
}

.el-cascader__tags .el-tag>span {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader__tags .el-tag .el-icon-close {
    flex: none;
    background-color: rgba(var(--text-color-26), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-cascader__tags .el-tag .el-icon-close:hover {
    background-color: rgba(var(--text-color-13), 1)
}

.el-cascader__suggestion-panel {
    border-radius: 4px
}

.el-cascader__suggestion-list {
    max-height: 204px;
    margin: 0;
    padding: 6px 0;
    font-size: 14px;
    color: rgba(var(--text-color-15), 1);
    text-align: center
}

.el-cascader__suggestion-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 34px;
    padding: 0 15px;
    text-align: left;
    outline: none;
    cursor: pointer
}

.el-cascader__suggestion-item:focus,
.el-cascader__suggestion-item:hover {
    background: rgba(var(--background-22), 1)
}

.el-cascader__suggestion-item.is-checked {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-cascader__suggestion-item>span {
    margin-right: 10px
}

.el-cascader__empty-text {
    margin: 10px 0;
    color: rgba(var(--text-color-26), 1)
}

.el-cascader__search-input {
    flex: 1;
    height: 24px;
    min-width: 60px;
    margin: 2px 0 2px 15px;
    padding: 0;
    color: rgba(var(--text-color-15), 1);
    border: none;
    outline: none;
    box-sizing: border-box
}

.el-cascader__search-input::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-color-predefine {
    display: flex;
    font-size: 12px;
    margin-top: 8px;
    width: 280px
}

.el-color-predefine__colors {
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.el-color-predefine__color-selector {
    margin: 0 0 8px 8px;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    cursor: pointer
}

.el-color-predefine__color-selector:nth-child(10n+1) {
    margin-left: 0
}

.el-color-predefine__color-selector.selected {
    box-shadow: 0 0 3px 2px rgba(var(--text-color-5), 1)
}

.el-color-predefine__color-selector>div {
    display: flex;
    height: 100%;
    border-radius: 3px
}

.el-color-predefine__color-selector.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-hue-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background-color: rgba(var(--red-color-22), 1);
    padding: 0 2px
}

.el-color-hue-slider__bar {
    position: relative;
    background: linear-gradient(90deg, rgba(var(--red-color-22), 1) 0, rgba(var(--background-3), 1) 17%, rgba(var(--green-background-67), 1) 33%, rgba(var(--background-68), 1) 50%, rgba(var(--blue-background-69), 1) 67%, rgba(var(--purple-background-70), 1) 83%, rgba(var(--red-color-22), 1));
    height: 100%
}

.el-color-hue-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--slider__thumb-border-color-14), 1);
    box-shadow: 0 0 2px rgba(var(--black-color-1), .6);
    z-index: 1
}

.el-color-hue-slider.is-vertical {
    width: 12px;
    height: 180px;
    padding: 2px 0
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
    background: linear-gradient(180deg, rgba(var(--red-color-22), 1) 0, rgba(var(--background-3), 1) 17%, rgba(var(--green-background-67), 1) 33%, rgba(var(--background-68), 1) 50%, rgba(var(--blue-background-69), 1) 67%, rgba(var(--purple-background-70), 1) 83%, rgba(var(--red-color-22), 1))
}

.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-svpanel {
    position: relative;
    width: 280px;
    height: 180px
}

.el-color-svpanel__black,
.el-color-svpanel__white {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.el-color-svpanel__white {
    background: linear-gradient(90deg, rgba(var(--white-color-2), 1), hsla(0, 0%, 100%, 0))
}

.el-color-svpanel__black {
    background: linear-gradient(0deg, rgba(var(--black-color-1), 1), transparent)
}

.el-color-svpanel__cursor {
    position: absolute
}

.el-color-svpanel__cursor>div {
    cursor: head;
    width: 4px;
    height: 4px;
    box-shadow: 0 0 0 1.5px rgba(var(--white-color-2), 1), inset 0 0 1px 1px rgba(var(--black-color-1), .3), 0 0 1px 2px rgba(var(--black-color-1), .4);
    border-radius: 50%;
    transform: translate(-2px, -2px)
}

.el-color-alpha-slider {
    position: relative;
    box-sizing: border-box;
    width: 280px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-alpha-slider__bar {
    position: relative;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, rgba(var(--white-color-2), 1));
    height: 100%
}

.el-color-alpha-slider__thumb {
    position: absolute;
    cursor: pointer;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    border-radius: 1px;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--slider__thumb-border-color-14), 1);
    box-shadow: 0 0 2px rgba(var(--black-color-1), .6);
    z-index: 1
}

.el-color-alpha-slider.is-vertical {
    width: 20px;
    height: 180px
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, rgba(var(--white-color-2), 1))
}

.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
    left: 0;
    top: 0;
    width: 100%;
    height: 4px
}

.el-color-dropdown {
    width: 300px
}

.el-color-dropdown__main-wrapper {
    margin-bottom: 6px
}

.el-color-dropdown__main-wrapper:after {
    content: "";
    display: table;
    clear: both
}

.el-color-dropdown__btns {
    margin-top: 6px;
    text-align: right
}

.el-color-dropdown__value {
    float: left;
    line-height: 26px;
    font-size: 12px;
    color: rgba(var(--black-color-1), 1);
    width: 160px
}

.el-color-dropdown__btn {
    border: 1px solid rgba(var(--border-color-21), 1);
    color: rgba(var(--text-color-11), 1);
    line-height: 24px;
    border-radius: 2px;
    padding: 0 20px;
    cursor: pointer;
    background-color: transparent;
    outline: none;
    font-size: 12px
}

.el-color-dropdown__btn[disabled] {
    color: rgba(var(--light-color-3), 1);
    cursor: not-allowed
}

.el-color-dropdown__btn:hover {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.el-color-dropdown__link-btn {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1);
    text-decoration: none;
    padding: 15px;
    font-size: 12px
}

.el-color-dropdown__link-btn:hover {
    color: tint(rgba(var(--text-color-5), 1), 20%)
}

.el-color-picker {
    display: inline-block;
    position: relative;
    line-height: normal;
    height: 40px
}

.el-color-picker.is-disabled .el-color-picker__trigger {
    cursor: not-allowed
}

.el-color-picker--medium {
    height: 36px
}

.el-color-picker--medium .el-color-picker__trigger {
    height: 36px;
    width: 36px
}

.el-color-picker--medium .el-color-picker__mask {
    height: 34px;
    width: 34px
}

.el-color-picker--small {
    height: 32px
}

.el-color-picker--small .el-color-picker__trigger {
    height: 32px;
    width: 32px
}

.el-color-picker--small .el-color-picker__mask {
    height: 30px;
    width: 30px
}

.el-color-picker--small .el-color-picker__empty,
.el-color-picker--small .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker--mini {
    height: 28px
}

.el-color-picker--mini .el-color-picker__trigger {
    height: 28px;
    width: 28px
}

.el-color-picker--mini .el-color-picker__mask {
    height: 26px;
    width: 26px
}

.el-color-picker--mini .el-color-picker__empty,
.el-color-picker--mini .el-color-picker__icon {
    transform: translate3d(-50%, -50%, 0) scale(.8)
}

.el-color-picker__mask {
    height: 38px;
    width: 38px;
    border-radius: 4px;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    cursor: not-allowed;
    background-color: hsla(0, 0%, 100%, .7)
}

.el-color-picker__trigger {
    display: inline-block;
    box-sizing: border-box;
    height: 40px;
    width: 40px;
    padding: 4px;
    border: 1px solid rgba(var(--border-color-20), 1);
    border-radius: 4px;
    font-size: 0;
    position: relative;
    cursor: pointer
}

.el-color-picker__color {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 1px solid rgba(var(--background-10), 1);
    border-radius: 2px;
    width: 100%;
    height: 100%;
    text-align: center
}

.el-color-picker__color.is-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)
}

.el-color-picker__color-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.el-color-picker__empty {
    color: rgba(var(--background-10), 1)
}

.el-color-picker__empty,
.el-color-picker__icon {
    font-size: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.el-color-picker__icon {
    display: inline-block;
    width: 100%;
    color: rgba(var(--white-color-2), 1);
    text-align: center
}

.el-color-picker__panel {
    position: absolute;
    z-index: 10;
    padding: 6px;
    box-sizing: content-box;
    background-color: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-10), 1);
    border-radius: 4px;
    box-shadow: 0 2px 12px 0 rgba(var(--black-color-1), .1)
}

.el-textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
    font-size: 14px
}

.el-textarea__inner {
    display: block;
    resize: vertical;
    padding: 5px 15px;
    line-height: 1.5;
    box-sizing: border-box;
    width: 100%;
    font-size: inherit;
    color: rgba(var(--text-color-15), 1);
    background-color: rgba(var(--white-color-2), 1);
    background-image: none;
    border: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-textarea__inner::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-textarea__inner:hover {
    border-color: rgba(var(--text-color-26), 1)
}

.el-textarea__inner:focus {
    outline: none;
    border-color: rgba(var(--text-color-5), 1)
}

.el-textarea .el-input__count {
    color: rgba(var(--text-color-13), 1);
    background: rgba(var(--white-color-2), 1);
    position: absolute;
    font-size: 12px;
    bottom: 5px;
    right: 10px
}

.el-textarea.is-disabled .el-textarea__inner {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-19), 1);
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-textarea.is-disabled .el-textarea__inner::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-textarea.is-exceed .el-textarea__inner {
    border-color: rgba(var(--error-color-29), 1)
}

.el-textarea.is-exceed .el-input__count {
    color: rgba(var(--error-color-29), 1)
}

.el-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%
}

.el-input::-webkit-scrollbar {
    z-index: 11;
    width: 6px
}

.el-input::-webkit-scrollbar:horizontal {
    height: 6px
}

.el-input::-webkit-scrollbar-thumb {
    border-radius: 5px;
    width: 6px;
    background: rgba(var(--background-71), 1)
}

.el-input::-webkit-scrollbar-corner,
.el-input::-webkit-scrollbar-track {
    background: rgba(var(--white-color-2), 1)
}

.el-input::-webkit-scrollbar-track-piece {
    background: rgba(var(--white-color-2), 1);
    width: 6px
}

.el-input .el-input__clear {
    color: rgba(var(--text-color-26), 1);
    font-size: 14px;
    cursor: pointer;
    transition: color .2s cubic-bezier(.645, .045, .355, 1)
}

.el-input .el-input__clear:hover {
    color: rgba(var(--text-color-13), 1)
}

.el-input .el-input__count {
    height: 100%;
    display: inline-flex;
    align-items: center;
    color: rgba(var(--text-color-13), 1);
    font-size: 12px
}

.el-input .el-input__count .el-input__count-inner {
    background: rgba(var(--white-color-2), 1);
    line-height: normal;
    display: inline-block;
    padding: 0 5px
}

.el-input__inner {
    -webkit-appearance: none;
    background-color: rgba(var(--white-color-2), 1);
    background-image: none;
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-7), 1);
    box-sizing: border-box;
    color: rgba(var(--text-color-15), 1);
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

.el-input__inner::-ms-reveal {
    display: none
}

.el-input__inner::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-input__inner:hover {
    border-color: rgba(var(--text-color-26), 1)
}

.el-input__inner:focus {
    outline: none;
    border-color: rgba(var(--text-color-5), 1)
}

.el-input__suffix {
    position: absolute;
    height: 100%;
    right: 5px;
    top: 0;
    text-align: center;
    color: rgba(var(--text-color-26), 1);
    transition: all .3s;
    pointer-events: none
}

.el-input__suffix-inner {
    pointer-events: all
}

.el-input__prefix {
    position: absolute;
    left: 5px;
    top: 0;
    color: rgba(var(--text-color-26), 1)
}

.el-input__icon,
.el-input__prefix {
    height: 100%;
    text-align: center;
    transition: all .3s
}

.el-input__icon {
    width: 25px;
    line-height: 40px
}

.el-input__icon:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.el-input__validateIcon {
    pointer-events: none
}

.el-input.is-active .el-input__inner {
    outline: none;
    border-color: rgba(var(--text-color-5), 1)
}

.el-input.is-disabled .el-input__inner {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-19), 1);
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-input.is-disabled .el-input__inner::placeholder {
    color: rgba(var(--text-color-26), 1)
}

.el-input.is-disabled .el-input__icon {
    cursor: not-allowed
}

.el-input.is-exceed .el-input__inner {
    border-color: rgba(var(--error-color-29), 1)
}

.el-input.is-exceed .el-input__suffix .el-input__count {
    color: rgba(var(--error-color-29), 1)
}

.el-input--suffix .el-input__inner {
    padding-right: 30px
}

.el-input--prefix .el-input__inner {
    padding-left: 30px
}

.el-input--medium {
    font-size: 14px
}

.el-input--medium .el-input__inner {
    height: 36px;
    line-height: 36px
}

.el-input--medium .el-input__icon {
    line-height: 36px
}

.el-input--small {
    font-size: 13px
}

.el-input--small .el-input__inner {
    height: 32px;
    line-height: 32px
}

.el-input--small .el-input__icon {
    line-height: 32px
}

.el-input--mini {
    font-size: 12px
}

.el-input--mini .el-input__inner {
    height: 28px;
    line-height: 28px
}

.el-input--mini .el-input__icon {
    line-height: 28px
}

.el-input-group {
    line-height: normal;
    display: inline-table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.el-input-group>.el-input__inner {
    vertical-align: middle;
    display: table-cell
}

.el-input-group__append,
.el-input-group__prepend {
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-13), 1);
    vertical-align: middle;
    display: table-cell;
    position: relative;
    border: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 4px;
    padding: 0 20px;
    width: 1px;
    white-space: nowrap
}

.el-input-group__append:focus,
.el-input-group__prepend:focus {
    outline: none
}

.el-input-group__append .el-button,
.el-input-group__append .el-select,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-select {
    display: inline-block;
    margin: -10px -20px
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select .el-input__inner,
.el-input-group__prepend div.el-select:hover .el-input__inner {
    border-color: transparent;
    background-color: transparent;
    color: inherit;
    border-top: 0;
    border-bottom: 0
}

.el-input-group__append .el-button,
.el-input-group__append .el-input,
.el-input-group__prepend .el-button,
.el-input-group__prepend .el-input {
    font-size: inherit
}

.el-input-group__prepend {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group__append {
    border-left: 0
}

.el-input-group--prepend .el-input__inner,
.el-input-group__append {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input-group--append .el-input__inner {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.el-input__inner::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.el-transfer {
    font-size: 14px
}

.el-transfer__buttons {
    display: inline-block;
    vertical-align: middle;
    padding: 0 30px
}

.el-transfer__button {
    display: block;
    margin: 0 auto;
    padding: 10px;
    border-radius: 50%;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1);
    font-size: 0
}

.el-transfer__button.is-with-texts {
    border-radius: 4px
}

.el-transfer__button.is-disabled,
.el-transfer__button.is-disabled:hover {
    border: 1px solid rgba(var(--border-color-7), 1);
    background-color: rgba(var(--background-22), 1);
    color: rgba(var(--text-color-26), 1)
}

.el-transfer__button:first-child {
    margin-bottom: 10px
}

.el-transfer__button:nth-child(2) {
    margin: 0
}

.el-transfer__button i,
.el-transfer__button span {
    font-size: 14px
}

.el-transfer__button [class*=el-icon-]+span {
    margin-left: 0
}

.el-transfer-panel {
    border: 1px solid rgba(var(--border-color-10), 1);
    border-radius: 4px;
    overflow: hidden;
    background: rgba(var(--white-color-2), 1);
    display: inline-block;
    vertical-align: middle;
    width: 200px;
    max-height: 100%;
    box-sizing: border-box;
    position: relative
}

.el-transfer-panel__body {
    height: 246px
}

.el-transfer-panel__body.is-with-footer {
    padding-bottom: 40px
}

.el-transfer-panel__list {
    margin: 0;
    padding: 6px 0;
    list-style: none;
    height: 246px;
    overflow: auto;
    box-sizing: border-box
}

.el-transfer-panel__list.is-filterable {
    height: 194px;
    padding-top: 0
}

.el-transfer-panel__item {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    display: block !important
}

.el-transfer-panel__item+.el-transfer-panel__item {
    margin-left: 0
}

.el-transfer-panel__item.el-checkbox {
    color: rgba(var(--text-color-15), 1)
}

.el-transfer-panel__item:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-transfer-panel__item.el-checkbox .el-checkbox__label {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    box-sizing: border-box;
    padding-left: 24px;
    line-height: 30px
}

.el-transfer-panel__item .el-checkbox__input {
    position: absolute;
    top: 8px
}

.el-transfer-panel__filter {
    text-align: center;
    margin: 15px;
    box-sizing: border-box;
    display: block;
    width: auto
}

.el-transfer-panel__filter .el-input__inner {
    height: 32px;
    width: 100%;
    font-size: 12px;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 16px;
    padding-right: 10px;
    padding-left: 30px
}

.el-transfer-panel__filter .el-input__icon {
    margin-left: 5px
}

.el-transfer-panel__filter .el-icon-circle-close {
    cursor: pointer
}

.el-transfer-panel .el-transfer-panel__header {
    height: 40px;
    line-height: 40px;
    background: rgba(var(--background-22), 1);
    margin: 0;
    padding-left: 15px;
    border-bottom: 1px solid rgba(var(--border-color-10), 1);
    box-sizing: border-box;
    color: rgba(var(--black-color-1), 1)
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox {
    display: block;
    line-height: 40px
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
    font-size: 16px;
    color: rgba(var(--text-color-33), 1);
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
    position: absolute;
    right: 15px;
    color: rgba(var(--text-color-13), 1);
    font-size: 12px;
    font-weight: 400
}

.el-transfer-panel .el-transfer-panel__footer {
    height: 40px;
    background: rgba(var(--white-color-2), 1);
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(var(--border-color-10), 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1
}

.el-transfer-panel .el-transfer-panel__footer:after {
    display: inline-block;
    content: "";
    height: 100%;
    vertical-align: middle
}

.el-transfer-panel .el-transfer-panel__footer .el-checkbox {
    padding-left: 20px;
    color: rgba(var(--text-color-15), 1)
}

.el-transfer-panel .el-transfer-panel__empty {
    margin: 0;
    height: 30px;
    line-height: 30px;
    padding: 6px 15px 0;
    color: rgba(var(--text-color-13), 1);
    text-align: center
}

.el-transfer-panel .el-checkbox__label {
    padding-left: 8px
}

.el-transfer-panel .el-checkbox__inner {
    height: 14px;
    width: 14px;
    border-radius: 3px
}

.el-transfer-panel .el-checkbox__inner:after {
    height: 6px;
    width: 3px;
    left: 4px
}

.el-container {
    display: flex;
    flex-direction: row;
    flex: 1;
    flex-basis: auto;
    box-sizing: border-box;
    min-width: 0
}

.el-container.is-vertical {
    flex-direction: column
}

.el-header {
    padding: 0 20px
}

.el-aside,
.el-header {
    box-sizing: border-box;
    flex-shrink: 0
}

.el-aside,
.el-main {
    overflow: auto
}

.el-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    padding: 20px
}

.el-footer,
.el-main {
    box-sizing: border-box
}

.el-footer {
    padding: 0 20px;
    flex-shrink: 0
}

.el-timeline {
    margin: 0;
    font-size: 14px;
    list-style: none
}

.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
    display: none
}

.el-timeline-item {
    position: relative;
    padding-bottom: 20px
}

.el-timeline-item__wrapper {
    position: relative;
    padding-left: 28px;
    top: -3px
}

.el-timeline-item__tail {
    position: absolute;
    left: 4px;
    height: 100%;
    border-left: 2px solid rgba(var(--border-color-19), 1)
}

.el-timeline-item__icon {
    color: rgba(var(--white-color-2), 1);
    font-size: 13px
}

.el-timeline-item__node {
    position: absolute;
    background-color: rgba(var(--border-color-19), 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-timeline-item__node--normal {
    left: -1px;
    width: 12px;
    height: 12px
}

.el-timeline-item__node--large {
    left: -2px;
    width: 14px;
    height: 14px
}

.el-timeline-item__node--primary {
    background-color: rgba(var(--text-color-5), 1)
}

.el-timeline-item__node--success {
    background-color: rgba(var(--text-color-43), 1)
}

.el-timeline-item__node--warning {
    background-color: rgba(var(--text-color-44), 1)
}

.el-timeline-item__node--danger {
    background-color: rgba(var(--error-color-29), 1)
}

.el-timeline-item__node--info {
    background-color: rgba(var(--text-color-13), 1)
}

.el-timeline-item__dot {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-timeline-item__content {
    color: rgba(var(--text-color-33), 1)
}

.el-timeline-item__timestamp {
    color: rgba(var(--text-color-13), 1);
    line-height: 1;
    font-size: 13px
}

.el-timeline-item__timestamp.is-top {
    margin-bottom: 8px;
    padding-top: 4px
}

.el-timeline-item__timestamp.is-bottom {
    margin-top: 8px
}

.el-link {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.el-link.is-underline:hover:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
    bottom: 0;
    border-bottom: 1px solid rgba(var(--text-color-5), 1)
}

.el-link.is-disabled {
    cursor: not-allowed
}

.el-link [class*=el-icon-]+span {
    margin-left: 5px
}

.el-link.el-link--default {
    color: rgba(var(--text-color-15), 1)
}

.el-link.el-link--default:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-link.el-link--default:after {
    border-color: rgba(var(--text-color-5), 1)
}

.el-link.el-link--default.is-disabled {
    color: rgba(var(--text-color-26), 1)
}

.el-link.el-link--primary {
    color: rgba(var(--text-color-5), 1)
}

.el-link.el-link--primary:hover {
    color: rgba(var(--border-color-13), 1)
}

.el-link.el-link--primary:after {
    border-color: rgba(var(--text-color-5), 1)
}

.el-link.el-link--primary.is-disabled {
    color: rgba(var(--disabled-color-36), 1)
}

.el-link.el-link--primary.is-underline:hover:after {
    border-color: rgba(var(--text-color-5), 1)
}

.el-link.el-link--danger {
    color: rgba(var(--error-color-29), 1)
}

.el-link.el-link--danger:hover {
    color: rgba(var(--background-66), 1)
}

.el-link.el-link--danger:after {
    border-color: rgba(var(--error-color-29), 1)
}

.el-link.el-link--danger.is-disabled {
    color: rgba(var(--text-color-45), 1)
}

.el-link.el-link--danger.is-underline:hover:after {
    border-color: rgba(var(--error-color-29), 1)
}

.el-link.el-link--success {
    color: rgba(var(--text-color-43), 1)
}

.el-link.el-link--success:hover {
    color: rgba(var(--background-64), 1)
}

.el-link.el-link--success:after {
    border-color: rgba(var(--text-color-43), 1)
}

.el-link.el-link--success.is-disabled {
    color: rgba(var(--text-color-46), 1)
}

.el-link.el-link--success.is-underline:hover:after {
    border-color: rgba(var(--text-color-43), 1)
}

.el-link.el-link--warning {
    color: rgba(var(--text-color-44), 1)
}

.el-link.el-link--warning:hover {
    color: rgba(var(--bakcground-65), 1)
}

.el-link.el-link--warning:after {
    border-color: rgba(var(--text-color-44), 1)
}

.el-link.el-link--warning.is-disabled {
    color: rgba(var(--text-color-47), 1)
}

.el-link.el-link--warning.is-underline:hover:after {
    border-color: rgba(var(--text-color-44), 1)
}

.el-link.el-link--info {
    color: rgba(var(--text-color-13), 1)
}

.el-link.el-link--info:hover {
    color: rgba(var(--background-42), 1)
}

.el-link.el-link--info:after {
    border-color: rgba(var(--text-color-13), 1)
}

.el-link.el-link--info.is-disabled {
    color: rgba(var(--background-71), 1)
}

.el-link.el-link--info.is-underline:hover:after {
    border-color: rgba(var(--text-color-13), 1)
}

.el-divider {
    background-color: rgba(var(--border-color-7), 1);
    position: relative
}

.el-divider--horizontal {
    display: block;
    height: 1px;
    width: 100%;
    margin: 24px 0
}

.el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative
}

.el-divider__text {
    position: absolute;
    background-color: rgba(var(--white-color-2), 1);
    padding: 0 20px;
    font-weight: 500;
    color: rgba(var(--text-color-33), 1);
    font-size: 14px
}

.el-divider__text.is-left {
    left: 20px;
    transform: translateY(-50%)
}

.el-divider__text.is-center {
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.el-divider__text.is-right {
    right: 20px;
    transform: translateY(-50%)
}

.el-image__error,
.el-image__inner,
.el-image__placeholder {
    width: 100%;
    height: 100%
}

.el-image {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.el-image__inner {
    vertical-align: top
}

.el-image__inner--center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block
}

.el-image__error,
.el-image__placeholder {
    background: rgba(var(--background-22), 1)
}

.el-image__error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: rgba(var(--text-color-26), 1);
    vertical-align: middle
}

.el-image__preview {
    cursor: pointer
}

.el-image-viewer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.el-image-viewer__btn {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .8;
    cursor: pointer;
    box-sizing: border-box;
    user-select: none
}

.el-image-viewer__close {
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-15), 1)
}

.el-image-viewer__canvas {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.el-image-viewer__actions {
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%);
    width: 282px;
    height: 44px;
    padding: 0 23px;
    background-color: rgba(var(--text-color-15), 1);
    border-color: rgba(var(--white-color-2), 1);
    border-radius: 22px
}

.el-image-viewer__actions__inner {
    width: 100%;
    height: 100%;
    text-align: justify;
    cursor: default;
    font-size: 23px;
    color: rgba(var(--white-color-2), 1);
    display: flex;
    align-items: center;
    justify-content: space-around
}

.el-image-viewer__prev {
    left: 40px
}

.el-image-viewer__next,
.el-image-viewer__prev {
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    font-size: 24px;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-15), 1);
    border-color: rgba(var(--white-color-2), 1)
}

.el-image-viewer__next {
    right: 40px;
    text-indent: 2px
}

.el-image-viewer__mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .5;
    background: rgba(var(--black-color-1), 1)
}

.viewer-fade-enter-active {
    animation: viewer-fade-in .3s
}

.viewer-fade-leave-active {
    animation: viewer-fade-out .3s
}

@keyframes viewer-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes viewer-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-7), 1);
    color: rgba(var(--text-color-15), 1);
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button+.el-button {
    margin-left: 10px
}

.el-button.is-round {
    padding: 12px 20px
}

.el-button:focus,
.el-button:hover {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-48), 1);
    background-color: rgba(var(--background-59), 1)
}

.el-button:active {
    color: rgba(var(--text-color-25), 1);
    border-color: rgba(var(--text-color-25), 1);
    outline: none
}

.el-button::-moz-focus-inner {
    border: 0
}

.el-button [class*=el-icon-]+span {
    margin-left: 5px
}

.el-button.is-plain:focus,
.el-button.is-plain:hover {
    background: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--text-color-5), 1)
}

.el-button.is-plain:active {
    background: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button.is-active,
.el-button.is-plain:active {
    border-color: rgba(var(--text-color-25), 1);
    color: rgba(var(--text-color-25), 1)
}

.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed;
    background-image: none;
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-10), 1)
}

.el-button.is-disabled.el-button--text {
    background-color: transparent
}

.el-button.is-disabled.is-plain,
.el-button.is-disabled.is-plain:focus,
.el-button.is-disabled.is-plain:hover {
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-10), 1);
    color: rgba(var(--text-color-26), 1)
}

.el-button.is-loading {
    position: relative;
    pointer-events: none
}

.el-button.is-loading:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    border-radius: inherit;
    background-color: hsla(0, 0%, 100%, .35)
}

.el-button.is-round {
    border-radius: 20px;
    padding: 12px 23px
}

.el-button.is-circle {
    border-radius: 50%;
    padding: 12px
}

.el-button--primary {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.el-button--primary:focus,
.el-button--primary:hover {
    background: rgba(var(--border-color-13), 1);
    border-color: rgba(var(--border-color-13), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--primary:active {
    outline: none
}

.el-button--primary.is-active,
.el-button--primary:active {
    background: rgba(var(--text-color-25), 1);
    border-color: rgba(var(--text-color-25), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--primary.is-disabled,
.el-button--primary.is-disabled:active,
.el-button--primary.is-disabled:focus,
.el-button--primary.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--disabled-color-36), 1);
    border-color: rgba(var(--disabled-color-36), 1)
}

.el-button--primary.is-plain {
    color: rgba(var(--text-color-5), 1);
    background: rgba(var(--background-59), 1);
    border-color: rgba(var(--border-color-29), 1)
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
    background: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--primary.is-plain:active {
    background: rgba(var(--text-color-25), 1);
    border-color: rgba(var(--text-color-25), 1);
    color: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover {
    color: rgba(var(--text-color-48), 1);
    background-color: rgba(var(--background-59), 1);
    border-color: rgba(var(--border-color-28), 1)
}

.el-button--success {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-43), 1);
    border-color: rgba(var(--text-color-43), 1)
}

.el-button--success:focus,
.el-button--success:hover {
    background: rgba(var(--background-64), 1);
    border-color: rgba(var(--background-64), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--success:active {
    outline: none
}

.el-button--success.is-active,
.el-button--success:active {
    background: rgba(var(--border-color-34), 1);
    border-color: rgba(var(--border-color-34), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--success.is-disabled,
.el-button--success.is-disabled:active,
.el-button--success.is-disabled:focus,
.el-button--success.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-46), 1);
    border-color: rgba(var(--text-color-46), 1)
}

.el-button--success.is-plain {
    color: rgba(var(--text-color-43), 1);
    background: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-31), 1)
}

.el-button--success.is-plain:focus,
.el-button--success.is-plain:hover {
    background: rgba(var(--text-color-43), 1);
    border-color: rgba(var(--text-color-43), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--success.is-plain:active {
    background: rgba(var(--border-color-34), 1);
    border-color: rgba(var(--border-color-34), 1);
    color: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover {
    color: rgba(var(--text-color-46), 1);
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-26), 1)
}

.el-button--warning {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-44), 1);
    border-color: rgba(var(--text-color-44), 1)
}

.el-button--warning:focus,
.el-button--warning:hover {
    background: rgba(var(--bakcground-65), 1);
    border-color: rgba(var(--bakcground-65), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--warning:active {
    outline: none
}

.el-button--warning.is-active,
.el-button--warning:active {
    background: rgba(var(--border-color-35), 1);
    border-color: rgba(var(--border-color-35), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--warning.is-disabled,
.el-button--warning.is-disabled:active,
.el-button--warning.is-disabled:focus,
.el-button--warning.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-47), 1);
    border-color: rgba(var(--text-color-47), 1)
}

.el-button--warning.is-plain {
    color: rgba(var(--text-color-44), 1);
    background: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-32), 1)
}

.el-button--warning.is-plain:focus,
.el-button--warning.is-plain:hover {
    background: rgba(var(--text-color-44), 1);
    border-color: rgba(var(--text-color-44), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--warning.is-plain:active {
    background: rgba(var(--border-color-35), 1);
    border-color: rgba(var(--border-color-35), 1);
    color: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover {
    color: rgba(var(--text-color-48), 1);
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-27), 1)
}

.el-button--danger {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--error-color-29), 1);
    border-color: rgba(var(--error-color-29), 1)
}

.el-button--danger:focus,
.el-button--danger:hover {
    background: rgba(var(--background-66), 1);
    border-color: rgba(var(--background-66), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--danger:active {
    outline: none
}

.el-button--danger.is-active,
.el-button--danger:active {
    background: rgba(var(--danger-color-39), 1);
    border-color: rgba(var(--danger-color-39), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--danger.is-disabled,
.el-button--danger.is-disabled:active,
.el-button--danger.is-disabled:focus,
.el-button--danger.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-45), 1);
    border-color: rgba(var(--text-color-45), 1)
}

.el-button--danger.is-plain {
    color: rgba(var(--error-color-29), 1);
    background: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-33), 1)
}

.el-button--danger.is-plain:focus,
.el-button--danger.is-plain:hover {
    background: rgba(var(--error-color-29), 1);
    border-color: rgba(var(--error-color-29), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--danger.is-plain:active {
    background: rgba(var(--danger-color-39), 1);
    border-color: rgba(var(--danger-color-39), 1);
    color: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover {
    color: rgba(var(--background-66), 1);
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-27), 1)
}

.el-button--info {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-13), 1);
    border-color: rgba(var(--text-color-13), 1)
}

.el-button--info:focus,
.el-button--info:hover {
    background: rgba(var(--background-42), 1);
    border-color: rgba(var(--background-42), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--info:active {
    outline: none
}

.el-button--info.is-active,
.el-button--info:active {
    background: rgba(var(--border-color-12), 1);
    border-color: rgba(var(--border-color-12), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--info.is-disabled,
.el-button--info.is-disabled:active,
.el-button--info.is-disabled:focus,
.el-button--info.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-71), 1);
    border-color: rgba(var(--background-71), 1)
}

.el-button--info.is-plain {
    color: rgba(var(--text-color-13), 1);
    background: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-30), 1)
}

.el-button--info.is-plain:focus,
.el-button--info.is-plain:hover {
    background: rgba(var(--text-color-13), 1);
    border-color: rgba(var(--text-color-13), 1);
    color: rgba(var(--white-color-2), 1)
}

.el-button--info.is-plain:active {
    background: rgba(var(--border-color-12), 1);
    border-color: rgba(var(--border-color-12), 1);
    color: rgba(var(--white-color-2), 1);
    outline: none
}

.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover {
    color: rgba(var(--text-color-49), 1);
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--disabled-border-color-16), 1)
}

.el-button--medium {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 4px
}

.el-button--medium.is-round {
    padding: 10px 20px
}

.el-button--medium.is-circle {
    padding: 10px
}

.el-button--small {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--small.is-round {
    padding: 9px 15px
}

.el-button--small.is-circle {
    padding: 9px
}

.el-button--mini {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 3px
}

.el-button--mini.is-round {
    padding: 7px 15px
}

.el-button--mini.is-circle {
    padding: 7px
}

.el-button--text {
    border-color: transparent;
    color: rgba(var(--text-color-5), 1);
    background: transparent;
    padding-left: 0;
    padding-right: 0
}

.el-button--text:focus,
.el-button--text:hover {
    color: rgba(var(--border-color-13), 1);
    border-color: transparent;
    background-color: transparent
}

.el-button--text:active {
    color: rgba(var(--text-color-25), 1);
    background-color: transparent
}

.el-button--text.is-disabled,
.el-button--text.is-disabled:focus,
.el-button--text.is-disabled:hover,
.el-button--text:active {
    border-color: transparent
}

.el-button-group {
    display: inline-block;
    vertical-align: middle
}

.el-button-group:after,
.el-button-group:before {
    display: table;
    content: ""
}

.el-button-group:after {
    clear: both
}

.el-button-group>.el-button {
    float: left;
    position: relative
}

.el-button-group>.el-button+.el-button {
    margin-left: 0
}

.el-button-group>.el-button.is-disabled {
    z-index: 1
}

.el-button-group>.el-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.el-button-group>.el-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.el-button-group>.el-button:first-child:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.el-button-group>.el-button:first-child:last-child.is-round {
    border-radius: 20px
}

.el-button-group>.el-button:first-child:last-child.is-circle {
    border-radius: 50%
}

.el-button-group>.el-button:not(:first-child):not(:last-child) {
    border-radius: 0
}

.el-button-group>.el-button:not(:last-child) {
    margin-right: -1px
}

.el-button-group>.el-button.is-active,
.el-button-group>.el-button:active,
.el-button-group>.el-button:focus,
.el-button-group>.el-button:hover {
    z-index: 1
}

.el-button-group>.el-dropdown>.el-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--success:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:first-child {
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:last-child {
    border-left-color: hsla(0, 0%, 100%, .5)
}

.el-button-group .el-button--info:not(:first-child):not(:last-child) {
    border-left-color: hsla(0, 0%, 100%, .5);
    border-right-color: hsla(0, 0%, 100%, .5)
}

.el-calendar {
    background-color: rgba(var(--white-color-2), 1)
}

.el-calendar__header {
    display: flex;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid rgba(var(--border-color-10), 1)
}

.el-calendar__title {
    color: rgba(var(--black-color-1), 1);
    align-self: center
}

.el-calendar__body {
    padding: 12px 20px 35px
}

.el-calendar-table {
    table-layout: fixed;
    width: 100%
}

.el-calendar-table thead th {
    padding: 12px 0;
    color: rgba(var(--text-color-15), 1);
    font-weight: 400
}

.el-calendar-table:not(.is-range) td.next,
.el-calendar-table:not(.is-range) td.prev {
    color: rgba(var(--text-color-26), 1)
}

.el-calendar-table td {
    border-bottom: 1px solid rgba(var(--border-color-10), 1);
    border-right: 1px solid rgba(var(--border-color-10), 1);
    vertical-align: top;
    transition: background-color .2s ease
}

.el-calendar-table td.is-selected {
    background-color: rgba(var(--white-color-2), 1)
}

.el-calendar-table td.is-today {
    color: rgba(var(--text-color-5), 1)
}

.el-calendar-table tr:first-child td {
    border-top: 1px solid rgba(var(--border-color-10), 1)
}

.el-calendar-table tr td:first-child {
    border-left: 1px solid rgba(var(--border-color-10), 1)
}

.el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none
}

.el-calendar-table .el-calendar-day {
    box-sizing: border-box;
    padding: 8px;
    height: 85px
}

.el-calendar-table .el-calendar-day:hover {
    cursor: pointer;
    background-color: rgba(var(--white-color-2), 1)
}

.el-backtop {
    position: fixed;
    background-color: rgba(var(--white-color-2), 1);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: rgba(var(--text-color-5), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    box-shadow: 0 0 6px rgba(var(--black-color-1), .12);
    cursor: pointer;
    z-index: 5
}

.el-backtop:hover {
    background-color: rgba(var(--background-60), 1)
}

.el-page-header {
    display: flex;
    line-height: 24px
}

.el-page-header__left {
    display: flex;
    cursor: pointer;
    margin-right: 40px;
    position: relative
}

.el-page-header__left:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(var(--border-color-7), 1)
}

.el-page-header__left .el-icon-back {
    font-size: 18px;
    margin-right: 6px;
    align-self: center
}

.el-page-header__title {
    font-size: 14px;
    font-weight: 500
}

.el-page-header__content {
    font-size: 18px;
    color: rgba(var(--text-color-33), 1)
}

.el-checkbox {
    color: rgba(var(--text-color-15), 1);
    font-weight: 500;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    user-select: none;
    margin-right: 30px
}

.el-checkbox.is-bordered {
    padding: 9px 20px 9px 10px;
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-7), 1);
    box-sizing: border-box;
    line-height: normal;
    height: 40px
}

.el-checkbox.is-bordered.is-checked {
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox.is-bordered.is-disabled {
    border-color: rgba(var(--border-color-10), 1);
    cursor: not-allowed
}

.el-checkbox.is-bordered+.el-checkbox.is-bordered {
    margin-left: 10px
}

.el-checkbox.is-bordered.el-checkbox--medium {
    padding: 7px 20px 7px 10px;
    border-radius: 4px;
    height: 36px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
    line-height: 17px;
    font-size: 14px
}

.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
    height: 14px;
    width: 14px
}

.el-checkbox.is-bordered.el-checkbox--small {
    padding: 5px 15px 5px 10px;
    border-radius: 3px;
    height: 32px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
    line-height: 15px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox.is-bordered.el-checkbox--mini {
    padding: 3px 15px 3px 10px;
    border-radius: 3px;
    height: 28px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
    line-height: 12px;
    font-size: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
    height: 12px;
    width: 12px
}

.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner:after {
    height: 6px;
    width: 2px
}

.el-checkbox__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-checkbox__input.is-disabled .el-checkbox__inner {
    background-color: rgba(var(--el-upload--picture-card-background-50), 1);
    border-color: rgba(var(--border-color-7), 1);
    cursor: not-allowed
}

.el-checkbox__input.is-disabled .el-checkbox__inner:after {
    cursor: not-allowed;
    border-color: rgba(var(--text-color-26), 1)
}

.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
    cursor: not-allowed
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
    background-color: rgba(var(--background-60), 1);
    border-color: rgba(var(--border-color-7), 1)
}

.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
    border-color: rgba(var(--text-color-26), 1)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--background-60), 1);
    border-color: rgba(var(--border-color-7), 1)
}

.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
    background-color: rgba(var(--text-color-26), 1);
    border-color: rgba(var(--text-color-26), 1)
}

.el-checkbox__input.is-disabled+span.el-checkbox__label {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox__input.is-checked .el-checkbox__inner:after {
    transform: rotate(45deg) scaleY(1)
}

.el-checkbox__input.is-checked+.el-checkbox__label {
    color: rgba(var(--text-color-5), 1)
}

.el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    content: "";
    position: absolute;
    display: block;
    background-color: rgba(var(--white-color-2), 1);
    height: 2px;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
    display: none
}

.el-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 2px;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: rgba(var(--white-color-2), 1);
    z-index: 1;
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
}

.el-checkbox__inner:hover {
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox__inner:after {
    box-sizing: content-box;
    content: "";
    border: 1px solid rgba(var(--white-color-2), 1);
    border-left: 0;
    border-top: 0;
    height: 7px;
    left: 4px;
    position: absolute;
    top: 1px;
    transform: rotate(45deg) scaleY(0);
    width: 3px;
    transition: transform .15s ease-in .05s;
    transform-origin: center
}

.el-checkbox__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    width: 0;
    height: 0;
    z-index: -1
}

.el-checkbox__label {
    display: inline-block;
    padding-left: 10px;
    line-height: 19px;
    font-size: 14px
}

.el-checkbox:last-of-type {
    margin-right: 0
}

.el-checkbox-button,
.el-checkbox-button__inner {
    position: relative;
    display: inline-block
}

.el-checkbox-button__inner {
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background: rgba(var(--white-color-2), 1);
    border: 1px solid rgba(var(--border-color-7), 1);
    border-left: 0;
    color: rgba(var(--text-color-15), 1);
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button__inner.is-round {
    padding: 12px 20px
}

.el-checkbox-button__inner:hover {
    color: rgba(var(--text-color-5), 1)
}

.el-checkbox-button__inner [class*=el-icon-] {
    line-height: .9
}

.el-checkbox-button__inner [class*=el-icon-]+span {
    margin-left: 5px
}

.el-checkbox-button__original {
    opacity: 0;
    outline: none;
    position: absolute;
    margin: 0;
    z-index: -1
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1);
    box-shadow: -1px 0 0 0 rgba(var(--text-color-48), 1)
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: rgba(var(--text-color-5), 1)
}

.el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed;
    background-image: none;
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--border-color-10), 1);
    box-shadow: none
}

.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
    border-left-color: rgba(var(--border-color-10), 1)
}

.el-checkbox-button:first-child .el-checkbox-button__inner {
    border-left: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 4px 0 0 4px;
    box-shadow: none !important
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0
}

.el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 0
}

.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
    padding: 10px 20px
}

.el-checkbox-button--small .el-checkbox-button__inner {
    padding: 9px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--small .el-checkbox-button__inner.is-round {
    padding: 9px 15px
}

.el-checkbox-button--mini .el-checkbox-button__inner {
    padding: 7px 15px;
    font-size: 12px;
    border-radius: 0
}

.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
    padding: 7px 15px
}

.el-checkbox-group {
    font-size: 0
}

.el-radio {
    color: rgba(var(--text-color-15), 1);
    font-weight: 500;
    line-height: 1;
    position: relative;
    cursor: pointer;
    display: inline-block;
    white-space: nowrap;
    outline: none;
    font-size: 14px;
    margin-right: 30px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.el-radio.is-bordered {
    padding: 12px 20px 0 10px;
    border-radius: 4px;
    border: 1px solid rgba(var(--border-color-7), 1);
    box-sizing: border-box;
    height: 40px
}

.el-radio.is-bordered.is-checked {
    border-color: rgba(var(--text-color-5), 1)
}

.el-radio.is-bordered.is-disabled {
    cursor: not-allowed;
    border-color: rgba(var(--border-color-10), 1)
}

.el-radio.is-bordered+.el-radio.is-bordered {
    margin-left: 10px
}

.el-radio--medium.is-bordered {
    padding: 10px 20px 0 10px;
    border-radius: 4px;
    height: 36px
}

.el-radio--medium.is-bordered .el-radio__label {
    font-size: 14px
}

.el-radio--medium.is-bordered .el-radio__inner {
    height: 14px;
    width: 14px
}

.el-radio--small.is-bordered {
    padding: 8px 15px 0 10px;
    border-radius: 3px;
    height: 32px
}

.el-radio--small.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--small.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio--mini.is-bordered {
    padding: 6px 15px 0 10px;
    border-radius: 3px;
    height: 28px
}

.el-radio--mini.is-bordered .el-radio__label {
    font-size: 12px
}

.el-radio--mini.is-bordered .el-radio__inner {
    height: 12px;
    width: 12px
}

.el-radio:last-child {
    margin-right: 0
}

.el-radio__input {
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    display: inline-block;
    line-height: 1;
    position: relative;
    vertical-align: middle
}

.el-radio__input.is-disabled .el-radio__inner {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-19), 1);
    cursor: not-allowed
}

.el-radio__input.is-disabled .el-radio__inner:after {
    cursor: not-allowed;
    background-color: rgba(var(--background-22), 1)
}

.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
    cursor: not-allowed
}

.el-radio__input.is-disabled.is-checked .el-radio__inner {
    background-color: rgba(var(--background-22), 1);
    border-color: rgba(var(--border-color-19), 1)
}

.el-radio__input.is-disabled.is-checked .el-radio__inner:after {
    background-color: rgba(var(--text-color-26), 1)
}

.el-radio__input.is-disabled+span.el-radio__label {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: rgba(var(--text-color-5), 1);
    background: rgba(var(--text-color-5), 1)
}

.el-radio__input.is-checked .el-radio__inner:after {
    transform: translate(-50%, -50%) scale(1)
}

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

.el-radio__input.is-focus .el-radio__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-radio__inner {
    border: 1px solid rgba(var(--border-color-7), 1);
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: rgba(var(--white-color-2), 1);
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.el-radio__inner:hover {
    border-color: rgba(var(--text-color-5), 1)
}

.el-radio__inner:after {
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: rgba(var(--white-color-2), 1);
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: transform .15s ease-in
}

.el-radio__original {
    opacity: 0;
    outline: none;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
    box-shadow: 0 0 2px 2px rgba(var(--text-color-5), 1)
}

.el-radio__label {
    font-size: 14px;
    padding-left: 10px
}

.el-scrollbar {
    overflow: hidden;
    position: relative
}

.el-scrollbar:active>.el-scrollbar__bar,
.el-scrollbar:focus>.el-scrollbar__bar,
.el-scrollbar:hover>.el-scrollbar__bar {
    opacity: 1;
    transition: opacity .34s ease-out
}

.el-scrollbar__wrap {
    overflow: scroll;
    height: 100%
}

.el-scrollbar__wrap--hidden-default {
    scrollbar-width: none
}

.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
    width: 0;
    height: 0
}

.el-scrollbar__thumb {
    position: relative;
    display: block;
    width: 0;
    height: 0;
    cursor: pointer;
    border-radius: inherit;
    background-color: rgba(var(--text-color-13), .3);
    transition: background-color .3s
}

.el-scrollbar__thumb:hover {
    background-color: rgba(var(--text-color-13), .5)
}

.el-scrollbar__bar {
    position: absolute;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    border-radius: 4px;
    opacity: 0;
    transition: opacity .12s ease-out
}

.el-scrollbar__bar.is-vertical {
    width: 6px;
    top: 2px
}

.el-scrollbar__bar.is-vertical>div {
    width: 100%
}

.el-scrollbar__bar.is-horizontal {
    height: 6px;
    left: 2px
}

.el-scrollbar__bar.is-horizontal>div {
    height: 100%
}

.el-cascader-panel {
    display: flex;
    border-radius: 4px;
    font-size: 14px
}

.el-cascader-panel.is-bordered {
    border: 1px solid rgba(var(--border-color-19), 1);
    border-radius: 4px
}

.el-cascader-menu {
    min-width: 180px;
    box-sizing: border-box;
    color: rgba(var(--text-color-15), 1);
    border-right: 1px solid rgba(var(--border-color-19), 1)
}

.el-cascader-menu:last-child {
    border-right: none
}

.el-cascader-menu:last-child .el-cascader-node {
    padding-right: 20px
}

.el-cascader-menu__wrap {
    height: 204px
}

.el-cascader-menu__list {
    position: relative;
    min-height: 100%;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    box-sizing: border-box
}

.el-cascader-menu__hover-zone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.el-cascader-menu__empty-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: rgba(var(--text-color-26), 1)
}

.el-cascader-node {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 20px;
    height: 34px;
    line-height: 34px;
    outline: none
}

.el-cascader-node.is-selectable.in-active-path {
    color: rgba(var(--text-color-15), 1)
}

.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
    color: rgba(var(--text-color-5), 1);
    font-weight: 700
}

.el-cascader-node:not(.is-disabled) {
    cursor: pointer
}

.el-cascader-node:not(.is-disabled):focus,
.el-cascader-node:not(.is-disabled):hover {
    background: rgba(var(--background-22), 1)
}

.el-cascader-node.is-disabled {
    color: rgba(var(--text-color-26), 1);
    cursor: not-allowed
}

.el-cascader-node__prefix {
    position: absolute;
    left: 10px
}

.el-cascader-node__postfix {
    position: absolute;
    right: 10px
}

.el-cascader-node__label {
    flex: 1;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.el-cascader-node>.el-radio {
    margin-right: 0
}

.el-cascader-node>.el-radio .el-radio__label {
    padding-left: 0
}

.el-avatar {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--text-color-26), 1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px
}

.el-avatar>img {
    display: block;
    height: 100%;
    vertical-align: middle
}

.el-avatar--circle {
    border-radius: 50%
}

.el-avatar--square {
    border-radius: 4px
}

.el-avatar--icon {
    font-size: 18px
}

.el-avatar--large {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.el-avatar--medium {
    width: 36px;
    height: 36px;
    line-height: 36px
}

.el-avatar--small {
    width: 28px;
    height: 28px;
    line-height: 28px
}

@keyframes el-drawer-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rtl-drawer-in {
    0% {
        transform: translate(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes rtl-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(100%)
    }
}

@keyframes ltr-drawer-in {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ltr-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@keyframes ttb-drawer-in {
    0% {
        transform: translateY(-100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes ttb-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes btt-drawer-in {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes btt-drawer-out {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

.el-drawer {
    position: absolute;
    box-sizing: border-box;
    background-color: rgba(var(--white-color-2), 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 10px -5px rgba(var(--black-color-1), .2), 0 16px 24px 2px rgba(var(--black-color-1), .14), 0 6px 30px 5px rgba(var(--black-color-1), .12);
    overflow: hidden;
    outline: 0
}

.el-drawer.rtl {
    animation: rtl-drawer-out .3s
}

.el-drawer__open .el-drawer.rtl {
    animation: rtl-drawer-in .3s 1ms
}

.el-drawer.ltr {
    animation: ltr-drawer-out .3s
}

.el-drawer__open .el-drawer.ltr {
    animation: ltr-drawer-in .3s 1ms
}

.el-drawer.ttb {
    animation: ttb-drawer-out .3s
}

.el-drawer__open .el-drawer.ttb {
    animation: ttb-drawer-in .3s 1ms
}

.el-drawer.btt {
    animation: btt-drawer-out .3s
}

.el-drawer__open .el-drawer.btt {
    animation: btt-drawer-in .3s 1ms
}

.el-drawer__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0
}

.el-drawer__header {
    align-items: center;
    color: rgba(var(--el-drawer-header-color-37), 1);
    display: flex;
    margin-bottom: 32px;
    padding: 20px 20px 0
}

.el-drawer__header>:first-child {
    flex: 1
}

.el-drawer__title {
    margin: 0;
    flex: 1;
    line-height: inherit;
    font-size: 1rem
}

.el-drawer__close-btn {
    border: none;
    cursor: pointer;
    font-size: 20px;
    color: inherit;
    background-color: transparent
}

.el-drawer__body {
    flex: 1;
    overflow: auto
}

.el-drawer__body>* {
    box-sizing: border-box
}

.el-drawer.ltr,
.el-drawer.rtl {
    height: 100%;
    top: 0;
    bottom: 0
}

.el-drawer.btt,
.el-drawer.ttb {
    width: 100%;
    left: 0;
    right: 0
}

.el-drawer.ltr {
    left: 0
}

.el-drawer.rtl {
    right: 0
}

.el-drawer.ttb {
    top: 0
}

.el-drawer.btt {
    bottom: 0
}

.el-drawer__container {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.el-drawer-fade-enter-active {
    animation: el-drawer-fade-in .3s
}

.el-drawer-fade-leave-active {
    animation: el-drawer-fade-in .3s reverse
}

.el-popconfirm__main {
    display: flex;
    align-items: center
}

.el-popconfirm__icon {
    margin-right: 5px
}

.el-popconfirm__action {
    text-align: right;
    margin: 0
}

@keyframes el-skeleton-loading {
    0% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}

.el-skeleton {
    width: 100%
}

.el-skeleton__first-line,
.el-skeleton__paragraph {
    height: 16px;
    margin-top: 16px;
    background: rgba(var(--background-22), 1)
}

.el-skeleton.is-animated .el-skeleton__item {
    background: linear-gradient(90deg, rgba(var(--background-22), 1) 25%, rgba(var(--border-color-20), 1) 37%, rgba(var(--background-22), 1) 63%);
    background-size: 400% 100%;
    animation: el-skeleton-loading 1.4s ease infinite
}

.el-skeleton__item {
    background: rgba(var(--background-22), 1);
    display: inline-block;
    height: 16px;
    border-radius: 4px;
    width: 100%
}

.el-skeleton__circle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 36px
}

.el-skeleton__circle--lg {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.el-skeleton__circle--md {
    width: 28px;
    height: 28px;
    line-height: 28px
}

.el-skeleton__button {
    height: 40px;
    width: 64px;
    border-radius: 4px
}

.el-skeleton__p {
    width: 100%
}

.el-skeleton__p.is-last {
    width: 61%
}

.el-skeleton__p.is-first {
    width: 33%
}

.el-skeleton__text {
    width: 100%;
    height: 13px
}

.el-skeleton__caption {
    height: 12px
}

.el-skeleton__h1 {
    height: 20px
}

.el-skeleton__h3 {
    height: 18px
}

.el-skeleton__h5 {
    height: 16px
}

.el-skeleton__image {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0
}

.el-skeleton__image svg {
    fill: rgba(var(--border-color-23), 1);
    width: 22%;
    height: 22%
}

.el-empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 0
}

.el-empty__image {
    width: 160px
}

.el-empty__image img {
    user-select: none;
    width: 100%;
    height: 100%;
    vertical-align: top;
    object-fit: contain
}

.el-empty__image svg {
    fill: rgba(var(--border-color-23), 1);
    width: 100%;
    height: 100%;
    vertical-align: top
}

.el-empty__description {
    margin-top: 20px
}

.el-empty__description p {
    margin: 0;
    font-size: 14px;
    color: rgba(var(--text-color-13), 1)
}

.el-empty__bottom {
    margin-top: 20px
}

.el-divider {
    flex: 0 0 auto;
    background-color: rgba(var(--primary-border), 1)
}

.el-divider--horizontal {
    margin: 0
}

.el-form-item__label {
    color: rgba(var(--white-color-2), 1);
    font-size: .75rem
}

.el-form-item__label:before {
    color: rgba(var(--text-color-5), 1) !important
}

.el-form-item.is-error .el-input__inner,
.el-form-item.is-error .el-input__inner:focus,
.el-form-item.is-error .el-textarea__inner,
.el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 .5rem 0 rgba(var(--text-color-5), .7);
    border: 1px solid rgba(var(--text-color-5), 1) !important
}

.el-form-item__error {
    color: rgba(var(--red-color-22), 1)
}

.el-input__inner {
    background: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1)
}

.el-loading-mask {
    background-color: rgba(var(--background-8), .6)
}

.el-select-dropdown.el-popper .el-select-dropdown__item {
    height: 2.5rem;
    line-height: 2.5rem;
    color: rgba(var(--white-color-2), 1)
}

.el-select-dropdown.el-popper .el-select-dropdown__item.selected {
    color: rgba(var(--text-color-5), 1);
    background-color: transparent
}

.el-select-dropdown.el-popper .el-select-dropdown__item.hover {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--primary-background-2), .3)
}

.el-select-dropdown.el-popper .el-scrollbar__view.el-select-dropdown__list {
    padding: 0 0 6px
}

.el-select-dropdown.el-popper .popper__arrow {
    border-bottom-color: rgba(var(--primary-border), 1)
}

.el-select-dropdown.el-popper .popper__arrow:after {
    border-bottom-color: rgba(var(--background-38), 1)
}

.el-cascader__dropdown.el-popper .el-cascader-menu {
    color: rgba(var(--white-color-2), 1)
}

.el-cascader__dropdown.el-popper .el-cascader-node:not(.is-disabled):focus,
.el-cascader__dropdown.el-popper .el-cascader-node:not(.is-disabled):hover {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--primary-background-2), .3)
}

.el-picker-panel {
    background-color: rgba(var(--background-38), 1);
    box-shadow: 0 16px 48px 0 rgba(var(--background-8), .7);
    border-radius: 8px;
    border: 1px solid rgba(var(--primary-border), .3);
    color: rgba(var(--white-color-2), 1)
}

.el-picker-panel .popper__arrow {
    display: none
}

.el-picker-panel .el-date-table td.in-range div {
    background-color: rgba(var(--text-color-5), .1)
}

.el-picker-panel .el-date-table th,
.el-picker-panel .el-icon-arrow-right,
.el-picker-panel button {
    color: rgba(var(--white-color-2), 1)
}

.el-picker-panel .el-date-range-picker__time-header {
    padding: 16px 30px
}

.el-date-table td.next-month,
.el-date-table td.prev-month {
    color: rgba(var(--el-date-table-td-prev-month-text-16), 1)
}

.el-date-range-picker__content.is-left,
.el-date-range-picker__time-header,
.el-date-table th {
    border-color: rgba(var(--primary-border), 1)
}

.el-picker-panel__footer {
    border-color: rgba(var(--primary-border), 1);
    text-align: right;
    background: transparent;
    position: relative;
    font-size: 0;
    padding: 24px 0;
    margin: 0 16px
}

.el-picker-panel__footer .el-button.is-plain {
    width: 104px;
    height: 40px;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-41), 1);
    border-color: rgba(var(--background-41), 1);
    border-radius: 4px;
    margin-left: 24px;
    margin-right: 16px
}

.el-picker-panel__footer .el-button.is-plain:hover {
    background-color: rgba(var(--background-41), 1);
    border-color: rgba(var(--background-41), 1);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.el-picker-panel__footer .el-button.is-plain:active {
    background: rgba(var(--button-active-background-72), 1)
}

.el-picker-panel__footer .el-button.el-button--text {
    width: 104px;
    height: 40px;
    border-radius: 4px;
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    border: 2px solid rgba(var(--primary-background-2), 1)
}

.el-picker-panel__footer .el-button.el-button--text:hover {
    background: rgba(var(--button-hover-background-73), 1);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.el-picker-panel__footer .el-button.el-button--text:active {
    background: rgba(var(--background-44), 1)
}

.hw-breadcrumb {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    cursor: default
}

.hw-breadcrumb .el-breadcrumb__item {
    font-size: .75rem
}

.hw-breadcrumb .el-breadcrumb__item .el-breadcrumb__inner {
    color: rgba(var(--text-color-6), 1) !important;
    cursor: default
}

.hw-breadcrumb .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    font-weight: 400;
    color: rgba(var(--white-color-2), 1) !important
}

.hw-breadcrumb .is-link,
.hw-breadcrumb .is-link .is-link {
    color: rgba(var(--color-text-4), 1);
    font-weight: 400
}

.hw-breadcrumb .is-link .is-link:hover {
    color: rgba(var(--text-color-5), 1)
}

.hw-breadcrumb .el-breadcrumb__separator {
    margin: 0 6px;
    color: rgba(var(--text-color-6), 1);
    font-weight: 400
}

.hw-button {
    display: inline-block
}

.hw-button .el-button {
    min-width: 6rem;
    height: 2.5rem;
    line-height: 1rem;
    border-width: 1px;
    padding: 0 1rem
}

.hw-button .el-button--primary {
    border-color: rgba(var(--background-41), 1);
    background: rgba(var(--background-41), 1)
}

.hw-button .el-button--primary:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.hw-button .el-button--primary:active {
    background: rgba(var(--button-active-background-72), 1)
}

.hw-button .el-button--info {
    border-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1)
}

.hw-button .el-button--info:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.hw-button .el-button--info:active {
    background: rgba(var(--info-active-background-74), 1)
}

.hw-button--ghost .el-button {
    background: rgba(var(--ghost-button-background-43), 1);
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1);
    border-width: .125rem
}

.hw-button--ghost .el-button:hover {
    background: rgba(var(--button-hover-background-73), 1);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.hw-button--ghost .el-button:active {
    background: rgba(var(--background-44), 1)
}

.hw-button--small .el-button {
    height: 2.5rem
}

.hw-card {
    display: flex;
    flex-direction: column
}

.hw-card__title {
    font-size: 1rem;
    z-index: 2
}

.hw-card__body.el-card {
    z-index: 1;
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    overflow: auto;
    background-color: rgba(var(--background-8), .3);
    border-radius: 0 0 4px 4px;
    color: rgba(var(--color-text-4), 1);
    border: 1px solid rgba(var(--primary-border), 1);
    border-top: none
}

.hw-card__body.el-card .el-card__body {
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem
}

.hw-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: .85rem
}

.hw-circle__default {
    border: 2px solid rgba(var(--white-color-2), 1);
    box-shadow: 0 0 4px 0 rgba(var(--white-color-2), 1)
}

.hw-circle__error {
    border: 2px solid rgba(var(--red-color-22), 1);
    box-shadow: 0 0 4px 0 rgba(var(--red-color-22), 1)
}

.hw-circle__warning {
    border: 2px solid rgba(var(--yellow-color-23), 1);
    box-shadow: 0 0 4px 0 rgba(var(--yellow-color-23), 1)
}

.hw-circle__normal {
    border: 2px solid rgba(var(--green-color-24), 1);
    box-shadow: 0 0 4px 0 rgba(var(--green-color-24), 1)
}

.hw-circle__info {
    border: 2px solid rgba(var(--text-color-7), 1);
    box-shadow: 0 0 4px 0 rgba(var(--text-color-7), 1)
}

.el-input.is-disabled .el-input__inner {
    background: transparent;
    border-color: rgba(var(--primary-border), 1)
}

.el-input--small .el-input__inner {
    color: rgba(var(--white-color-2), 1)
}

.hw-data-picker .el-range-editor.is-active {
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7);
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-data-picker .el-date-editor,
.hw-data-picker .el-date-editor .el-date-editor {
    height: 2.5rem;
    width: 100%;
    padding: 0 10px;
    border-color: transparent
}

.hw-data-picker .el-date-editor .el-range-input {
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem
}

.hw-data-picker .el-date-editor .el-range-input::placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-data-picker .el-date-editor .el-range-input::-webkit-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-data-picker .el-date-editor .el-range-input:-moz-placeholder,
.hw-data-picker .el-date-editor .el-range-input::-moz-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-data-picker .el-date-editor .el-range-input:-ms-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-data-picker .el-date-editor .el-range__icon {
    font-size: 16px;
    margin: 3px 0 0 -5px
}

.hw-data-picker .el-date-editor .el-range-separator {
    color: rgba(var(--white-color-2), 1);
    line-height: 40px
}

.hw-data-picker .el-range__icon {
    font-size: 16px;
    margin: 3px 0 0 -5px
}

.hw-data-picker .el-range-separator {
    color: rgba(var(--white-color-2), 1);
    line-height: 2.5
}

.hw-data-picker--small .el-date-editor {
    height: 2.5rem
}

.hw-data-picker--border .el-date-editor {
    border-color: rgba(var(--primary-border), 1)
}

.hw-dialog .el-dialog {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .2);
    border-radius: .5rem;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5)
}

.hw-dialog .el-dialog__header {
    background: rgba(var(--primary-background-2), 1);
    border-bottom: .063rem solid rgba(var(--text-color-5), 1);
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    font-size: 1rem;
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    height: 3.5rem;
    justify-content: space-between
}

.hw-dialog .el-dialog__title {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem
}

.hw-dialog .el-dialog__body {
    background-color: rgba(var(--background-8), 1);
    color: rgba(var(--white-color-2), 1);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.hw-dialog .el-dialog__headerbtn {
    position: static
}

.hw-dialog .el-dialog__headerbtn .el-dialog__close {
    font-size: 1rem
}

.hw-dialog .el-dialog__headerbtn:focus .el-dialog__close,
.hw-dialog .el-dialog__headerbtn:hover .el-dialog__close {
    color: rgba(var(--text-color-5), 1)
}

.hw-ok-check .hw-icon-circle-check {
    text-align: center
}

.hw-ok-check .el-icon-close {
    font-size: 1rem
}

.hw-ok-check .el-dialog {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .2);
    border-radius: .5rem;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5)
}

.hw-ok-check p {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem
}

.hw-ok-check span {
    font-size: .875rem;
    color: rgba(var(--color-text-4), 1)
}

.hw-ok-check span em {
    color: rgba(var(--text-color-5), 1);
    font-style: normal
}

.hw-ok-check span a {
    color: rgba(var(--text-color-5), 1)
}

.hw-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1);
    border-color: transparent;
    height: 2.5rem;
    font-size: .875rem;
    border-radius: .25rem
}

.hw-input .el-input__inner:hover {
    border-color: transparent
}

.hw-input .el-input__inner:focus {
    caret-color: rgba(var(--text-color-5), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.hw-input .el-input__inner::placeholder {
    color: rgba(var(--placeholder-color-28), 1);
    padding-left: .2rem
}

.hw-input .el-input__inner::-webkit-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-input .el-input__inner:-moz-placeholder,
.hw-input .el-input__inner::-moz-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-input .el-input__inner:-ms-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-input .el-input .el-input-group__append {
    color: rgba(var(--text-color-7), 1);
    background-color: rgba(var(--background-14), 1);
    border-color: rgba(var(--background-14), 1);
    border-radius: 0 .25rem .25rem 0;
    text-align: center
}

.hw-input .el-input .el-input-group__append .el-button {
    width: 3rem;
    padding: 0
}

.hw-input .el-input .el-input-group__append:hover {
    cursor: pointer
}

.hw-input .el-textarea__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1)
}

.hw-input__circle .el-input__inner {
    border-radius: 1.219rem
}

.hw-input__small .el-input__inner {
    height: 2.5rem
}

.hw-input__small .el-input .el-input__suffix {
    right: .5rem
}

.hw-input__small .el-input .el-input__suffix .el-input__icon {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-weight: 600
}

.hw-input__small .el-input .el-input__prefix {
    left: .5rem
}

.hw-input__small .el-input .el-input__prefix .el-input__icon {
    font-size: 1rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.hw-input--border .el-input__inner {
    border-color: rgba(var(--primary-border), 1)
}

.hw-input--border .el-input__inner:focus {
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.hw-pagination {
    width: 100%
}

.hw-pagination .el-pagination {
    padding: 0
}

.hw-pagination .el-pagination button {
    min-width: auto
}

.hw-pagination .el-pagination button:disabled {
    background-color: transparent
}

.hw-pagination .el-pagination .btn-next .el-icon {
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI1M0MyNzM4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI1M0MyNzQ4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQjUzQzI3MTg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQjUzQzI3Mjg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsvDEBwAAACVSURBVHjaYmxoaGCgBDAxUAhoZ4CFtc81ILahxAW5QLwOaIgxWQacOLplL5BKAeJNQEO0yQoDoCGbgFQpEG8FGqJCViACDVkGpNqghjCTGwvsUPo/ugQLIZ1AWxOg3rABuuYfSQYANQdDnW8P1PwImxoWPJo9gNRUIHYFar5NTix0AbE/UPNlfK5kwRP6ekMjMwEEGAD3NiuPTJrTjQAAAABJRU5ErkJggg==) no-repeat
}

.hw-pagination .el-pagination .btn-next .el-icon:before {
    display: none
}

.hw-pagination .el-pagination .btn-next .el-icon:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI1M0MyNkY4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI1M0MyNzA4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQjUzQzI2RDg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQjUzQzI2RTg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtcIufEAAACVSURBVHjaYmxoaGCgBDAxUAhoZ0A9d8M1ILahxAW5QLwOaIgxWQY0fm3YC6RSgHgT0BBtssIAaMgmIFUKxFuBhqiQFYhAQ5YBqTaoIczkxgI7lP6PLsFCSCfQ1gSoN2yArvlHkgFAzcFQ59sDNT/CpoYFj2YPIDUViF2Bmm+TEwtdQOwP1HwZnytZ8IS+3tDITAABBgA9ASvaX6UrnwAAAABJRU5ErkJggg==) no-repeat
}

.hw-pagination .el-pagination .btn-prev {
    text-align: right
}

.hw-pagination .el-pagination .btn-prev .el-icon {
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI1M0MyNzM4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI1M0MyNzQ4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQjUzQzI3MTg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQjUzQzI3Mjg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsvDEBwAAACVSURBVHjaYmxoaGCgBDAxUAhoZ4CFtc81ILahxAW5QLwOaIgxWQacOLplL5BKAeJNQEO0yQoDoCGbgFQpEG8FGqJCViACDVkGpNqghjCTGwvsUPo/ugQLIZ1AWxOg3rABuuYfSQYANQdDnW8P1PwImxoWPJo9gNRUIHYFar5NTix0AbE/UPNlfK5kwRP6ekMjMwEEGAD3NiuPTJrTjQAAAABJRU5ErkJggg==) no-repeat
}

.hw-pagination .el-pagination .btn-prev .el-icon:before {
    display: none
}

.hw-pagination .el-pagination .btn-prev .el-icon:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUI1M0MyNkY4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUI1M0MyNzA4NjVGMTFFOUE4MUY5MzY5NTc0Rjc4QkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxQjUzQzI2RDg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxQjUzQzI2RTg2NUYxMUU5QTgxRjkzNjk1NzRGNzhCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtcIufEAAACVSURBVHjaYmxoaGCgBDAxUAhoZ0A9d8M1ILahxAW5QLwOaIgxWQY0fm3YC6RSgHgT0BBtssIAaMgmIFUKxFuBhqiQFYhAQ5YBqTaoIczkxgI7lP6PLsFCSCfQ1gSoN2yArvlHkgFAzcFQ59sDNT/CpoYFj2YPIDUViF2Bmm+TEwtdQOwP1HwZnytZ8IS+3tDITAABBgA9ASvaX6UrnwAAAABJRU5ErkJggg==) no-repeat
}

.hw-pagination .el-pagination .btn-next,
.hw-pagination .el-pagination .btn-prev,
.hw-pagination .el-pagination .el-pager li {
    color: rgba(var(--white-color-2), 1);
    background-color: transparent;
    padding: 0
}

.hw-pagination .el-pagination .el-pagination__jump,
.hw-pagination .el-pagination .el-pagination__total {
    color: rgba(var(--text-color-6), 1);
    font-size: .875rem
}

.hw-pagination .el-pagination .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1);
    border-color: transparent
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up {
    width: 24px;
    height: 24px;
    transform: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjlBOEFBRTg4NThBMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjlBOEFBRTk4NThBMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGOUE4QUFFNjg1OEExMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGOUE4QUFFNzg1OEExMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pide070AAACmSURBVHjaYvz//z8DLQHjqAWjFoxagN+CnXvOHgFSIAU+7i7GH9Hk+IHUJiBmB8pZ4DKDiYAD/gGxDRDvhhqIbPh2ILYD4j/4DGAhYIEvEO8BYlOQuUCD3aE+2gbElkB8DqqG/DgAGioAtcQYiI9DfWUNxOeB2AUYPO8ojmSgJYJQS4ygQheghr+lWioCWiIEpLaC9EAj/c1oPhi1YNSCQWIBQIABAEJLbuwj6S99AAAAAElFTkSuQmCC) no-repeat
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up:before {
    display: none;
    text-indent: -9999px
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up .el-pagination__total {
    margin-right: 0
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up .el-pagination__sizes {
    margin: 0;
    height: auto;
    line-height: inherit
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up .el-pagination__jump {
    margin-left: 0;
    height: auto;
    line-height: inherit
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up .el-pagination__jump .el-pagination__editor.el-input {
    width: inherit
}

.hw-pagination .el-pagination .el-select__caret.el-icon-arrow-up .el-pagination__jump .el-input__inner {
    width: 2.5rem
}

.hw-pagination--small .el-pagination {
    font-size: 12px
}

.hw-pagination--small .el-pagination__total {
    margin-right: 0;
    min-width: 0
}

.hw-pagination--small .el-pagination__sizes {
    margin: 0
}

.hw-pagination--small .el-pagination__sizes .el-input {
    width: 85px
}

.hw-pagination--small .el-pagination__sizes .el-input__inner {
    font-size: 12px
}

.hw-pagination--small .el-pager li,
.hw-pagination--small .el-pagination button,
.hw-pagination--small .el-pagination span:not([class*=suffix]) {
    min-width: 12px
}

.hw-pagination--small .el-pagination__jump {
    margin-left: 5px
}

.hw-pagination--small .el-pagination__jump .el-input {
    width: 40px;
    font-size: 12px
}

.hw-pagination .number {
    color: rgba(var(--white-color-2), 1)
}

.hw-pagination--border .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1)
}

.hw-select .el-select {
    position: relative;
    line-height: 1;
    width: 100%
}

.hw-select .el-select:hover .el-input__inner {
    border: .063rem solid rgba(var(--background-38), 1)
}

.hw-select .el-select .el-input {
    border-radius: 4px;
    border: .063rem solid transparent
}

.hw-select .el-select .el-input.is-focus {
    border-radius: 4px;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7)
}

.hw-select .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

.hw-select .el-select .el-input .el-select__caret.is-reverse {
    color: rgba(var(--text-color-5), 1)
}

.hw-select .el-select .el-input.is-disabled .el-input__inner {
    color: rgba(var(--color-text-4), 1);
    background-color: rgba(var(--primary-background-2), .2);
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-select .el-select .el-tag__close.el-icon-close {
    background-color: transparent
}

.hw-select .el-input__inner {
    background: rgba(var(--background-38), 1);
    border-color: transparent;
    height: 2.5rem !important;
    line-height: 2.5rem;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-select .el-input__inner:focus {
    border-color: rgba(var(--background-38), 1)
}

.hw-select .el-input__inner::placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-select .el-input__inner::-webkit-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-select .el-input__inner:-moz-placeholder,
.hw-select .el-input__inner::-moz-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-select .el-input__inner:-ms-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-select--icon-button .el-input__suffix {
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    background: rgba(var(--primary-background-2), 1);
    border-radius: 0 3px 3px 0
}

.hw-select--icon-button.hw-select--border:hover .el-input__inner {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.hw-select--icon-button.hw-select--border .el-input__suffix {
    top: 1px;
    right: 1px;
    width: calc(2.5rem - 2px);
    height: calc(2.5rem - 2px);
    display: flex;
    justify-content: center;
    background: rgba(var(--primary-background-2), 1);
    border-radius: 0 3px 3px 0
}

.hw-select--big .el-input__inner {
    height: 2.5rem !important
}

.hw-select--big .el-input__suffix {
    top: 0;
    right: 0;
    width: 3rem;
    height: 2.5rem
}

.hw-select--border .el-input__inner {
    border-color: rgba(var(--primary-border), 1)
}

.hw-select--border .el-select:hover .el-input__inner {
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-select--border .el-select .el-input.is-focus .el-input__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: rgba(var(--primary-border), .7) !important
}

.el-popper[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.el-select-dropdown.el-popper .el-scrollbar__view.el-select-dropdown__list {
    max-height: 26rem;
    overflow: auto
}

.el-select-dropdown {
    border: .063rem solid rgba(var(--primary-border), .7) !important;
    border-radius: .5rem !important;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5) !important;
    background-color: rgba(var(--background-38), 1) !important
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: rgba(var(--text-color-5), 1) !important;
    background-color: rgba(var(--primary-background-2), .3) !important;
    font-weight: 400
}

.el-select-dropdown__item {
    font-size: .875rem
}

.el-tag.el-tag--info {
    background-color: transparent !important;
    border-color: rgba(var(--primary-background-2), 1) !important;
    color: rgba(var(--white-color-2), 1)
}

.hw-steps .el-step__head.is-process {
    position: relative
}

.hw-steps .el-step__title {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-steps .el-step__description {
    font-size: .75rem;
    color: rgba(var(--color-text-4), 1);
    padding-right: 0
}

.hw-steps .el-step__head.is-success {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.hw-steps .el-step__line {
    background: rgba(var(--primary-border), 1)
}

.hw-steps .el-step__icon.is-text {
    border: .25rem solid rgba(var(--background-38), 1);
    background: rgba(var(--background-8), 1);
    color: rgba(var(--white-color-2), 1)
}

.hw-steps .is-success .el-step__icon.is-text {
    border: .25rem solid rgba(var(--text-color-5), 1);
    background: rgba(var(--background-8), 1);
    color: rgba(var(--text-color-5), 1)
}

.hw-steps .is-success .el-step__line {
    background: rgba(var(--text-color-5), 1)
}

.hw-steps--1 .el-step__head.is-success {
    border-color: rgba(var(--text-color-5), 1)
}

.hw-steps--1 .el-step__icon.is-text {
    border: .25rem solid rgba(var(--background-38), 1);
    background: rgba(var(--background-8), 1)
}

.hw-steps--1 .is-success .el-step__icon.is-text {
    border: .25rem solid rgba(var(--text-color-5), 1);
    background: rgba(var(--background-8), 1)
}

.hw-steps--1 .is-success .el-step__line {
    background: rgba(var(--text-color-5), 1)
}

.hw-steps--1 .el-step__head.is-process {
    position: relative
}

.hw-steps--1 .el-step__title {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-steps--1 .el-step__description {
    font-size: .75rem;
    color: rgba(var(--color-text-4), 1);
    padding-right: 0
}

.hw-steps--1 .el-step__head.is-success {
    color: rgba(var(--text-color-5), 1)
}

.hw-steps--1 .el-step__line {
    background: rgba(var(--primary-border), 1)
}

.hw-steps--1 .el-step__icon.is-text {
    border: .25rem solid rgba(var(--text-color-5), 1);
    background: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.hw-steps--1 .is-success .el-step__icon.is-text {
    border: .25rem solid rgba(var(--primary-border), 1);
    background: rgba(var(--primary-border), 1);
    color: rgba(var(--text-color-5), 1)
}

.hw-steps--1 .is-success .el-step__line {
    background: rgba(var(--primary-border), 1)
}

.hw-table .el-table__body-wrapper {
    overflow: inherit
}

.hw-table .el-table {
    overflow: inherit;
    background-color: transparent;
    color: rgba(var(--white-color-2), 1)
}

.hw-table .el-table:before {
    display: none
}

.hw-table .el-table td,
.hw-table .el-table tr {
    background-color: transparent
}

.hw-table .el-table th {
    background-color: rgba(var(--primary-background-2), .5)
}

.hw-table .el-table th>.cell {
    white-space: nowrap;
    font-size: 1rem
}

.hw-table .el-table thead {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-table .el-table thead th {
    height: 3.5rem
}

.hw-table .el-table thead th.is-leaf {
    border-bottom-color: rgba(var(--text-color-5), 1);
    border-bottom-width: 2px
}

.hw-table .el-table .el-table__body tbody tr {
    margin: 0
}

.hw-table .el-table .el-table__body tbody tr td {
    font-size: .875rem;
    border-color: rgba(var(--primary-border), 1);
    height: 3rem;
    padding: 0
}

.hw-table .el-table .el-table__body tbody tr td.handle {
    border-left: 1px solid transparent
}

.hw-table .el-table .el-table__body tbody tr.hover,
.hw-table .el-table .el-table__body tbody tr:hover {
    box-shadow: 0 4px 20px 0 rgba(var(--box-shadow-1), .7)
}

.hw-table .el-table .el-table__body tbody tr.hover>td,
.hw-table .el-table .el-table__body tbody tr:hover>td {
    background-color: rgba(var(--table-td-dialog-background-36), 1);
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.hw-table .el-table .el-table__body tbody tr.hover>td.handle,
.hw-table .el-table .el-table__body tbody tr:hover>td.handle {
    background-color: rgba(var(--primary-border), 1);
    border-left: 1px solid rgba(var(--text-color-5), 1)
}

.hw-table .el-table .el-table__body tbody tr.hover>td:first-child,
.hw-table .el-table .el-table__body tbody tr:hover>td:first-child {
    border-left: 1px solid rgba(var(--primary-border), 1);
    border-radius: .25rem 0 0 .25rem
}

.hw-table .el-table .el-table__body tbody tr.hover>td:last-child,
.hw-table .el-table .el-table__body tbody tr:hover>td:last-child {
    border-right: 1px solid rgba(var(--primary-border), 1);
    border-radius: 0 .25rem .25rem 0
}

.hw-table .el-table .el-table__body .tableHandle {
    color: rgba(var(--white-color-2), 1);
    cursor: pointer
}

.hw-table .el-table .el-table__body .tableHandle:hover {
    color: rgba(var(--text-color-5), 1)
}

.hw-table .el-table .el-table__body .tableHandle>i {
    font-size: 1.2rem;
    margin: 0 10px
}

.hw-table--border {
    border-color: rgba(var(--primary-border), 1)
}

.hw-table--border .el-table__header-wrapper {
    background: rgba(var(--primary-border), .5)
}

.hw-table--border .el-table__body tbody tr td,
.hw-table--border td,
.hw-table--border th,
.hw-table--border tr {
    border-color: rgba(var(--primary-border), 1)
}

.hw-table--border:after {
    width: 0
}

.hw_table_2 {
    border: 1px solid rgba(var(--primary-border), 1);
    overflow: hidden;
    width: 99%
}

.hw_table_2 .el-table--border:after,
.hw_table_2 .el-table--group:after {
    background: none
}

.hw_table_2 .el-table__body tbody tr td:last-child {
    border-right: none
}

.hw_table_2 .el-table__body-wrapper tr:last-child td {
    border-bottom: none
}

.hw_table_2 .el-table thead th.is-leaf {
    border-width: 1px !important;
    border-color: rgba(var(--primary-border), 1) !important
}

.hw_table_2 .el-table thead th.el-table_1_column_4 {
    border-right: none
}

.hw_table_2 .el-table--border {
    border: none
}

.hw_table_2 .el-table--border td,
.hw_table_2 .el-table--border th {
    border-color: rgba(var(--primary-border), 1)
}

.hw_table_2 .el-table--border tr:hover {
    border: none
}

.hw_table_2 .el-table--border .el-table__body .el-table__row td:last-child {
    border-right: none
}

.hw_table_2 .el-table--border .el-table__body tr:last-child td {
    border-bottom: none
}

.hw_table_1 .el-table--border {
    border: none
}

.hw_table_1 .el-table--border:after,
.hw_table_1 .el-table--group:after {
    background: none
}

.hw_table_1 .el-table__body tbody tr td:last-child {
    border-right: none
}

.hw_table_1 .el-table__body-wrapper tr:last-child td {
    border-bottom: none
}

.hw_table_1 .el-table thead th {
    border-color: rgba(var(--primary-border), 1)
}

.hw_table_1 .el-table thead th:nth-child(3) {
    border-right: none
}

.hw_table_1 .el-table thead th.is-leaf {
    border-bottom-width: 1px !important;
    border-color: rgba(var(--primary-border), 1) !important
}

.hw_table_1 .el-table .el-table--border,
.hw_table_1 .el-table .el-table--border tr:hover {
    border: none
}

.hw_table_1 .el-table .el-table--border .el-table__body .el-table__row td {
    border-color: rgba(var(--primary-border), 1)
}

.hw_table_1 .el-table .el-table--border .el-table__body tr:last-child td {
    border-bottom: none
}

.hw_table_3 {
    border: 1px solid rgba(var(--primary-border), 1);
    overflow: hidden;
    width: 99%;
    margin-top: 1rem
}

.hw_table_3 .el-table--border:after,
.hw_table_3 .el-table--group:after {
    background: none
}

.hw_table_3 .el-table thead th.is-leaf {
    border-width: 1px !important;
    border-color: rgba(var(--primary-border), 1) !important
}

.hw_table_3 .el-table thead th.el-table_1_column_5 {
    border-right: none
}

.hw_table_3 .el-table--border,
.hw_table_3 .el-table--border tr:hover {
    border: none
}

.hw_table_3 .el-table--border .el-table__body .el-table__row td:last-child {
    border-right: none
}

.hw_table_3 .el-table--border .el-table__body tr:last-child td {
    border-bottom: none
}

.hw-tabs {
    height: 100%
}

.hw-tabs .el-tabs--border-card {
    box-shadow: none
}

.hw-tabs .el-tabs__nav-scroll {
    border-bottom: 1px solid rgba(var(--primary-border), 1);
    background-color: rgba(var(--background-8), 1);
    height: 40px;
    overflow: initial
}

.hw-tabs .el-tabs {
    height: 100%;
    display: flex;
    flex-direction: column;
    background-color: transparent;
    border: 1px solid rgba(var(--primary-border), 1)
}

.hw-tabs .el-tabs--border-card>.el-tabs__header {
    flex: 0 0 2.5rem;
    background: transparent;
    border-bottom: transparent
}

.hw-tabs .el-tab-pane {
    height: 100%
}

.hw-tabs .el-tabs__content {
    flex: 1;
    padding: 0;
    background-color: transparent;
    color: rgba(var(--white-color-2), 1)
}

.hw-tabs .el-tabs--border-card>.el-tabs__header .el-tabs__item,
.hw-tabs .el-tabs__item {
    color: rgba(var(--white-color-2), 1)
}

.hw-tabs .el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    height: 42px;
    border-bottom: transparent;
    background: rgba(var(--tabs-item-active-background-75), 1);
    border-right-color: rgba(var(--primary-border), 1);
    border-left-color: rgba(var(--primary-border), 1);
    color: rgba(var(--text-color-5), 1)
}

.hw-card-tabs .el-tabs--card>.el-tabs__header {
    border-bottom: none
}

.hw-card-tabs .el-tabs--card>.el-tabs__header .el-tabs__nav {
    border: none
}

.hw-card-tabs .el-tabs--card>.el-tabs__header .el-tabs__nav .el-tabs__item {
    background: rgba(var(--background-8), 1);
    height: 2.5rem;
    width: 10.5rem;
    line-height: 2.5rem;
    color: rgba(var(--white-color-2), 1);
    text-align: center
}

.hw-card-tabs .el-tabs--card>.el-tabs__header .el-tabs__nav .el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1);
    background: transparent;
    border-left: 1px solid rgba(var(--primary-border), 1) !important;
    border-top: 1px solid rgba(var(--primary-border), 1) !important
}

.hw-card-tabs .el-tabs--top.el-tabs--card .el-tabs__nav {
    border: none
}

.hw-card-tabs .el-tabs--top.el-tabs--card .el-tabs__nav .el-tabs__item.is-top {
    border-left: none;
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.hw-card-tabs .el-tabs--top.el-tabs--card .el-tabs__nav .el-tabs__item.is-top.is-active {
    border-bottom: none;
    border-right: 1px solid rgba(var(--primary-border), 1);
    border-left: 1px solid rgba(var(--primary-border), 1)
}

.hw-card-tabs .el-tabs--left.el-tabs--card {
    border-left: 1px solid rgba(var(--primary-border), 1)
}

.hw-card-tabs .el-tabs--left.el-tabs--card .el-tabs__header {
    margin-right: 1px
}

.hw-card-tabs .el-tabs--left.el-tabs--card .el-tabs__header .el-tabs__nav .el-tabs__item.is-left {
    border-bottom: none;
    border-top: none;
    border-right: 1px solid rgba(var(--primary-border), 1)
}

.hw-card-tabs .el-tabs--left.el-tabs--card .el-tabs__header .el-tabs__nav .el-tabs__item.is-left.is-active {
    border-right: none;
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.hw-card-tabs .el-tabs--left.el-tabs--card .el-tabs__header.is-left {
    margin-right: 1px
}

.hw-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 2rem;
    border-radius: 1rem;
    font-size: 1.125rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: .044rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-tag__default {
    border: 1px solid rgba(var(--white-color-2), 1);
    box-shadow: 0 0 4px 0 rgba(var(--white-color-2), 1)
}

.hw-tag__error {
    border: 1px solid rgba(var(--red-color-22), 1);
    box-shadow: 0 0 4px 0 rgba(var(--red-color-22), 1)
}

.hw-tag__warning {
    border: 1px solid rgba(var(--yellow-color-23), 1);
    box-shadow: 0 0 4px 0 rgba(var(--yellow-color-23), 1)
}

.hw-tag__normal {
    border: 1px solid rgba(var(--green-color-24), 1);
    box-shadow: 0 0 4px 0 rgba(var(--green-color-24), 1)
}

.hw-tag__info {
    border: 1px solid rgba(var(--text-color-7), 1);
    box-shadow: 0 0 4px 0 rgba(var(--text-color-7), 1)
}

.hw-tree {
    height: 100%
}

.hw-tree .tree_img {
    width: 32px;
    height: 32px;
    vertical-align: -10px
}

.hw-tree .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
    background: rgba(var(--text-color-5), 1)
}

.hw-tree .el-tree {
    background: transparent;
    color: rgba(var(--white-color-2), 1)
}

.hw-tree .el-tree .el-checkbox__inner {
    border: 1px solid rgba(var(--primary-background-2), 1);
    background: none
}

.hw-tree .el-tree .el-checkbox__inner:hover,
.hw-tree .is-indeterminate .el-checkbox__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.hw-tree .is-indeterminate .el-checkbox__inner:after {
    background-color: rgba(var(--text-color-5), 1)
}

.hw-tree .is-checked .tree_img {
    content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjVGRTY4RjI4NTdBMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjVGRTY4RjM4NTdBMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMUQyRTg4Mzg1NzgxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMUQyRTg4NDg1NzgxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjJKSV4AAAHySURBVHja7Jc/SFtBHMffSYaC+IcabAYRFF0KFUSti8VJRBFcVBQXQ6ulSFHoG7rUzMJDKoo4aekiKCg4iIIg6tKhCpWg0kWdpFKUCEUxxNfPPU8IKs+reTFD84PP3Uve3e++97v73SXCtm0jlZZhpNjSAtIC9ARYIheyUyPAEp2UJxDh+SvkeSlAuJ4DlvBT7oA/7ttf8N4w7ZnHiMDQjcGlPYNpxM1CIHkRsEQN5fo9/Y/hA9H4kowIlGj0fwqTiF2EQq8FzMEIxDT81EMYEb0gvBFg2hHKMxiFbxq+slTbVUSUerEHXjrODOMJLCsR70AnDaXwkLOJTTuWSBoWq2VohD8qK+TOfyP7agj5DkFEhP99CSwxQdkErdAMv+ETlMFr2NAQUAmb+Ao9ZBMGYRjymcE8dQMsQTmMwwL0qVPSzQ5gzYvLqEXt9m3YVdHogS4nFW+bXPtBeMEEVhIRMEAIP1N3q89RqII2yFHpegp1sKXayOWpYOCPcO7m3KchIBj3LAfqwOkF9YxzAEmBhtGv9ompBn8FmYmm4fWLt3CknvcY/McdbZ9TjkEt/FT3R4C2US8EFOFoX+PalmnZDtXOspj2qk4EfIZXZjozmVJom5uAQ+favcr/pJmbgAJmdZns34Qi/c8oLeC/F/BXgAEAwcWQlq3tm60AAAAASUVORK5CYII=)
}

.hw-tree .is-checked .el-checkbox__inner,
.hw-tree .is-checked .el-checkbox__inner:after {
    border-color: rgba(var(--text-color-5), 1)
}

.hw-tree .el-tree-node:focus .el-tree-node__content {
    background: rgba(var(--primary-background-2), 1)
}

.hw-tree .el-tree-node__content:hover .is-indeterminate .el-checkbox__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.hw-tree .el-tree-node__content:hover .el-checkbox__inner {
    border-color: rgba(var(--white-color-2), 1)
}

.hw-tree .el-tree-node__content:hover .is-checked .el-checkbox__inner {
    border-color: rgba(var(--text-color-5), 1)
}

.hw-tree .el-tree-node__content:hover {
    background-color: rgba(var(--primary-background-2), 1)
}

#turntable {
    width: 100%;
    height: 100%
}

#turntable path {
    transition: fill .4s ease
}

#turntable g {
    cursor: pointer
}

#turntable g:hover path.st1 {
    fill: rgba(var(--text-color-5), 1)
}

#turntable .turntable-bnt {
    width: 2rem;
    height: 2rem
}

#turntable .st0 {
    fill: rgba(var(--primary-background-2), 1)
}

#turntable .st1 {
    fill: rgba(var(--text-color-7), 1)
}

#turntable .st2 {
    fill: rgba(var(--fill-1), 1)
}

.hw-message.el-message {
    border-radius: .5rem;
    min-width: 24rem
}

.hw-message.el-message--warning {
    background-color: rgba(var(--button-hover-background-73), 1);
    border-color: rgba(var(--yellow-color-23), .4)
}

.hw-message.el-message--warning .el-message__content {
    color: rgba(var(--yellow-color-23), 1);
    font-size: .875rem
}

.hw-message .el-icon-warning {
    color: rgba(var(--yellow-color-23), 1)
}

.hw-message.el-message--success {
    background-color: rgba(var(--button-hover-background-73), 1);
    border-color: rgba(var(--background-76), .4)
}

.hw-message.el-message--success .el-message__content {
    color: rgba(var(--green-color-24), 1);
    font-size: .875rem
}

.hw-message .el-icon-success {
    color: rgba(var(--green-color-24), 1)
}

.hw-message.el-message--info {
    background-color: rgba(var(--background-44), 1);
    border-color: rgba(var(--text-color-7), .4)
}

.hw-message.el-message--info .el-message__content {
    color: rgba(var(--text-color-7), 1);
    font-size: .875rem
}

.hw-message .el-icon-info {
    color: rgba(var(--text-color-7), 1)
}

.hw-message.el-message--error {
    background-color: rgba(var(--background-37), .98);
    border-color: rgba(var(--red-color-22), .39)
}

.hw-message.el-message--error .el-message__content {
    color: rgba(var(--red-color-22), 1);
    font-size: .875rem
}

.hw-message .el-icon-error {
    color: rgba(var(--red-color-22), 1)
}

.hw-cascader .el-cascader {
    font-size: .875rem;
    line-height: 2.5rem
}

.hw-cascader .el-cascader:not(.is-disabled):hover .el-input__inner {
    border-color: transparent
}

.hw-cascader .el-cascader .el-input.is-focus .el-input__inner {
    caret-color: rgba(var(--text-color-5), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.hw-cascader .el-cascader-node.in-active-path,
.hw-cascader .el-cascader-node.is-active,
.hw-cascader .el-cascader-node.is-selectable.in-checked-path {
    color: rgba(var(--text-color-5), 1) !important;
    background-color: rgba(var(--primary-background-2), .3) !important
}

.hw-cascader .el-input__inner {
    background: rgba(var(--background-38), 1);
    border-color: transparent;
    height: 2.5rem !important;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

.hw-cascader .el-input__inner::placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-cascader .el-input__inner::-webkit-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-cascader .el-input__inner:-moz-placeholder,
.hw-cascader .el-input__inner::-moz-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-cascader .el-input__inner:-ms-input-placeholder {
    color: rgba(var(--placeholder-color-28), 1)
}

.hw-cascader--border .el-cascader:not(.is-disabled):hover .el-input__inner,
.hw-cascader--border .el-input__inner {
    border-color: rgba(var(--primary-border), 1)
}

.el-cascader-menu {
    border-right: 1px solid rgba(var(--primary-border), .2)
}

.el-cascader__dropdown {
    background: rgba(var(--background-38), 1);
    border: 1px solid rgba(var(--primary-border), .2);
    border-radius: .5rem;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5)
}

.v-modal {
    background: transparent !important
}

.hw-input .el-input.is-disabled .el-input__inner {
    color: rgba(var(--color-text-4), 1);
    background-color: rgba(var(--primary-background-2), .3);
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-input .el-input-group__append .el-button.is-disabled:hover {
    background-color: unset;
    border: unset
}

.hw-input .el-input .el-input-group__append {
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-input .el-textarea.is-disabled .el-textarea__inner {
    color: rgba(var(--color-text-4), 1);
    background-color: rgba(var(--primary-background-2), .3);
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-input .el-textarea .el-input__count {
    background: unset
}

.hw-data-picker .el-input.is-disabled .el-input__inner {
    color: rgba(var(--color-text-4), 1);
    background-color: rgba(var(--primary-background-2), .2);
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-data-picker .el-input:hover .el-input__inner {
    border-color: rgba(var(--primary-background-2), 1)
}

.hw-pagination .el-pagination button:disabled {
    background-color: unset
}

.hw-pagination .el-pagination .el-pager li.active {
    color: rgba(var(--text-color-5), 1)
}

.hw-table .el-table td .cell,
.hw-table .el-table td .cell .el-table__expand-icon i {
    color: rgba(var(--white-color-2), 1)
}

.hw-table .el-table td .el-radio__label {
    display: none
}

.hw-table--border .el-table--border {
    border-color: rgba(var(--primary-border), 1)
}

.hw-table--border .el-table--border:after {
    background-color: rgba(var(--primary-border), 1)
}

.hw-table .el-table--mini .el-table__body tbody tr td,
.hw-table .el-table--mini .el-table__header thead th {
    height: 2.5rem
}

.hw-table .el-table__expanded-cell form {
    margin: 0 0 0 2rem
}

.hw-table .el-table__expanded-cell form .el-form-item {
    margin-bottom: 0
}

.hw-table .el-table__expanded-cell form .el-form-item label,
.hw-table .el-table__expanded-cell form .el-form-item span {
    line-height: 2rem
}

.hw-table .el-table__expanded-cell form .el-form-item span {
    color: rgba(var(--color-text-4), 1)
}

.hw-messagebox.el-message-box {
    background-color: rgba(var(--background-38), 1);
    color: rgba(var(--white-color-2), 1);
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    border: transparent;
    padding: 1rem;
    width: 25rem;
    border: .063rem solid rgba(var(--primary-border), .2);
    border-radius: .5rem;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5);
    min-height: 15rem
}

.hw-messagebox.el-message-box .el-message-box__header {
    padding-bottom: unset;
    height: 1.5rem
}

.hw-messagebox.el-message-box .el-message-box__header .el-message-box__title span {
    display: none
}

.hw-messagebox.el-message-box .el-message-box__header button i {
    font-size: 1.15em
}

.hw-messagebox.el-message-box .el-message-box__header button.el-message-box__headerbtn {
    top: 0;
    right: 0
}

.hw-messagebox.el-message-box .el-message-box__header button.el-message-box__headerbtn .el-message-box__close {
    color: rgba(var(--white-color-2), 1)
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__status {
    position: relative;
    top: 1.5rem;
    justify-content: center;
    display: flex
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__status.el-icon-warning:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI2QUFDMDY4NTdFMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI2QUFDMDc4NTdFMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjZBQUMwNDg1N0UxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjZBQUMwNTg1N0UxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmMQwYMAAAnASURBVHja5JtdbFxXEcfPXl87ttefcZy0SU2rBgRJChK0BbXlsyKlfQJSkIC3Ag/lqfCEBAUBbXlueSlIEN6oBLT0BSkQVFpaqKBUSIU0rSpoIB9OnMaO44/11+4yp/lNd/b47u7d3WvHq17pn3XO2vfO/M/MnDlz5ubK5bJ7O1/xm/8+n9uo++dAJOgynzkDf5UNioKS+dTxDSQge6VV0W5Bj0E3iPkdS4BXdk2wClYMVgNCthwBOpuqdC/oF/SBbZAQNyBgDaWXBQWwKFgCSkYmlhFnpHiMcl7RvGBQMMDP/vM9gvcJ3iG4SrCd3+3lPksoOi04K/if4CXBK4J5wQKfc/xcgKS1donIvRkEW4sBVvF+lB4Go4JbBB8XHOD7Vi4/88cET/tIJZgRzII5vrdEbAoB6uPdzOIgCvtZ3SP4rOAg43qdF7wqeF1wSnBGcBEFHASNCHYLrhFch9WMm3t4hY8KfiM4jbXMMF7ANZqOEc0SoH6+DdP2Qu9A8C8I7oIUh5LPCZ7FpJfw61VmrGiE1fvGELsN95gQfFTwYZ7hUPaI4DGe8QZkznP/YjMkNEOAmrxXcEgwJtgl+ITgK2a2jjFLfzc+q0FsJSUBPSaIaky5Ces6YKzqZ4I/Cs4JLgguQVBql0hLQM6YvDf3nczO1wS387037cOCF5iRS8Y8l1G+WGN9D/MFu5r0YW3DWNzNgnt4vv/7pwSPCk4KpnALdYlyFgSo8v34uZ/1/YJvCa6H7ccFv2YmplF+oY1lK2lZzWN5KsPnBHdjNT62PCR42ciwmIaERgSo2avy3g/fL/geLuDN7hHB32BflQ8Vb3eptUQoCd4KPyi4z8ji5foHsUFJqOsOcYoH92J6fv3+gOAH/P8ErL9mWF9oJRA1uMomZmiGqAmSJ3pS8G1WjgcE38XFFIV68kR1HhwRjYdhe5/gOyh/XHA/JncSAmZTBiD19bhOalyPiALPOsezX0aW48jmZXw3Mg+hQ1RPyXp+n8e89uDz42bm/816/AZL0AqMN7oikzUOgj7GohR/X+JZ8zz7NLI8hGzjELKHJXoAXaK0BNjlTiP+vYK9LD0/JOhMmojbTCYW4VaDkDvGz70pCQitYQZZXke288h6L7KPoEtXkoXVIqAHoXawzN2B/z1MRne2ReU17qhlPQ7GGItbiA1KwllkexhZvcyfRIdBdGpIgI36o0T9LzOuyc1UG8o7ZkJT3/eCEca6WgyQSsI5ZHwCmb+KK4xy/zgkIaoz+36p+SJm5JOcX2JeqZaXFDEgb8byTcSAWiQsQoKX8VfI7HX4Ep+JVhAlzI6mun5Tcifjh806v5A2y6pDQEx01mubWQlaXSpXkW0aWQ/z3R3oMmxiQSIBNvJ7k/wMf3CM9FaTnOWU0T5Nplfr/61cJWS7hKwvIHsfugyjW7d9VlQjOo+ypXX400WT4RW3cI2ziIyXkPkJxg+i07rVJgrMv5d18xZ+2a+xL5J4tGv6m3FZV5hF9jPociu69Vo3iBI2PHkqOf76Mzu6+Q6Y/dAKtIT2HOMfQ7d+6wZRwna33+y5n+FGhQ6Y/dAKCljCnxg/AAF9SQREpgqzHxLOkGsXOmj2QytYRIfz6LQPHd/aH0TG/3v44gbGXgtK0Z10hKRWoPIfZ/wGU57vCi1AS1HXMPYflpXldqquV5AAe77wX8YnzAFNlERAN6mjw3RWTbW1066Skf8kY1cbPdcRoLW47YxNmUJEpxKgJ02TjI0ZPaNwFegyGxXHOlrKuLqz2W6gRdgZs+foslvjKEhFc65yXLXgqk9tO5EARcHsOapOpiP39rhiszwm1gMsW0vGXHIZbVSuxGVlV7deMsXSckiA+oue1w3xfbQBBIRutRFuZuPaYCMCSoaAacZ2ueqz/Kyj87IZ01wjy9UmMvJfxdi0qz6dqiJA18zTJmnorldRbYOAFYKsMwF3JWMCuoz8E4xNhrlNnEDAKcauJ2pqtWYlIzNVN/P79X9iqnpUXszY/DW9v7ZWcmej4wo+8gpj73KVVhfdPWVBwJpZYu82FqB1xqwIsK06+xh/1VUf1FZZgBJwjHVzN6ZzjpssZGSiJbO71BUn65Rbizv97G3G0elfrtJeUwpXAT1zm+MXtYgwEO6hM1gBNOiq4ll2gNnaRh4dHBM7bwhYtwxqaXmBQoi/bnOVhqeqUlIbwmlFWI+7h/hZY00uo9kfQPbbEoo7b+1u48A3tZT0FyzB7wxvdJePni+6BietKYXTA9ftCOl45rTZf6y1Oft5nnEjOsxR3rMErCuKqm/OsXk4yvghd7lMPpSBFWjleTv3/S04xFgz54P1Zn8ImQ8xfhSd5k0ytI6AsKL6JGz5WtpNCNjwuDkFAT3M/H0IOcLPA6710yFb1tMGipuRvYAusxBQVd2KEtZoPX/3+cARxn0T1E5unM8wIFrTzSLw5V2le+Qevvs9uswaF3a1CNDVYA6ffIzCiF9KPs9yUvOgsYks0M/EjxDKm+Yjrrkeg6TAqge648g6gQ6/4HMuKZmLa9TS9KDRV4b9Gds38aeXXHX/T7MnxBpnvED+WPx3QRBcapKAsJdhF4HvEDL9lNR+xtU40I1rrNNqBb4Dw7eh+caoTwm+Tol51ZhSMyQUycRm+exhXJOw5SbS4STlfWvMN3AHT+4f0GGuViof16mo6pm7j6o/FrzTXe688K0y9wc3S0tC2WR8y8FmrJnyW6j81exdtI3Ht8z8BPetu3xHDQRdcJU+nAeZ/evc5a6sva66DydtBLcla63bN9PwbFeSHciw11U6xS4g6yl+nq+XZkcN/FWPm6fYSDwAo/t4yH6CzS5XOX+P3cZUkOysD/PMCWR4EJm8a30fWaeMq9WMK1k1Sv7VVbpHNqtR0pv6h1xyo+Qk/2/YydJsq+wo1ZWt1irrT7F8h1jmrbJJO6wREg3ve75Z+iDf+2LDz12lWXrW5N5KxFpQk0tqlrZNlGmapX2a+yhx6rzbgGbp0B16EWYMIm5369vlfWfGiy7bdnld38N2+afw9wuQvuQ2oF0+9MekFyZ8R9ldrnKw4pOoZ8FJt/6FiZIJTuHM2xcmPgJ2m8ruETK8TX1hwpJQ65UZL/Cn3fpXZqYotZ3AVM8yW/aVmSHii31lZqe5xxyJzZMQekVemUlyiVovTd1KNSaLl6aeoUaxJV6aSorW9rW5AYPwtblrmeVRV2mO1PR40VW6wE9QMQ5fm5sPylpX9LW5RstWrRcnu13leNq+OKkHFh314qRNb8vBqY8WVtK+OlsMCqX21dk1Ezi35KuzIRlFc9ZQcOlfni4FG6OOfHm6nmVsuev/AgwAK9/7WlbDFxkAAAAASUVORK5CYII=) no-repeat;
    width: 4rem;
    height: 4rem;
    background-size: cover
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__status.el-icon-success:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE4NjA4RTM4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE4NjA4RTQ4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTg2MDhFMTg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTg2MDhFMjg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnSq+/MAAAqNSURBVHja5JtrbFxHFcdnr3ft+B07cRLnQUpDgdQFgUhBpC2FioRUqgSUN99KEVAkRHm/ESAIpeFRKFJB0PQLaiUeIV+A0JbQkrQVlAoEhKaq2gYanDiO7dpee9evXc4ovxMfX9+7e+1dex240r+bzvXePf//nDlz5szcVLFYdP/PV9r/J+UeWarnp0AgqDOfKQN/FQ1mBAXzqe1LY6D3gCoLYAlnBPUGGZDmb6wAnuy0YApMGkyFBFlxAmhvKulVoEnQCBoQIV1GgGlITwhyYFyQBypGVTyjUgGUeBpynmizoFXQwr/954sFLxU8T7BB0MnfruI5eYgOCk4L/i34m+C4ICsY43OUf+cQabpSISoRwBJvgnQ76BC8WvBaQQ/3F3P5nj8meEDgjRwSDINR7lshlkUAHeMZerEVwr5XNwneLNhFu179gicEzwhOCnoFz0HAIdBqwUbBZsFFeE2XeYYnfJ/gl4L/4C1DtOcYGguOEQsVQMd5A67tjV6L4e8UXIsoDpJHBUdw6TzjeooemzHG6nPTCNvA8NgieI3gSn7DQfaQ4B5+4yxiZnn+zEJEWIgA6vKeYJtgjWC94HWCG01vHaOX/mzGrAaxyYQC1JsgqjFlB97VY7zqTsHvBX2CAcEIAiUeEkkFSBmX9+6+jt65SXAN971r7xc8So+MGPecgPxMzPwezhfsbNKIt7XjcZcLbuD3/fcPC+4QPCs4w7DQIVGshgBKvolx7nv9UsFnBRej9i8EP6cnBiE/VsG0FTWtNuN5asNbBW/Ba3xs+Zrgn8aG8SQilBNA3V7J+3H4csGXGALe7b4r+BPqK/kw8UpzDCuEiuC98JWCDxtbvF1/ITaoCCWHQykB9IcbDXk/Dr+CK55A9SeN6mOLCUSLCMDNxhMuEXyOmcMPvS8Sf1SEXCl7SglQh+J+zHcLXiK4hWD3OOSfIXEZMi5XWOL1S2CGZAeJ1fMRYTvB8ZMEY51u84gQ+bBS474Z99rEmO8yPf8U8/FZpqDJZSDv+I1JfvMsNjyFTSew8fPYvJYAmonjGpSZ7jTif0CwDXX30vOnTMSddku4You4ivxmDhtOYdNebNyGzesYro1mFZpIgHrm3rVMc7tx79vI6E7XkHycCKex7TZs9Ta/Hg6tcCorgI36HQS+99Cuyc2ZFUA+ToQ+bDyAze9lKHTAKR0WISjR+z7Kvgs38knOT3GvRNNLDUQYRwRv48+w2XN4N5+RXhBERH5Ndf2iZA/t+808P5Y0y1riKlO4ojSFbYPYup97u+HSbmJBpAA28vvA8Sa+cIz0VpOciWWK9nErUF0oNeDSGtwK2DaCrY9ieyNc2uGWsV4QhMRYZZa3u2g/YHL72Pl0GcjbFWgHXtoYGtcz2DiCzQdo38V3WuEYRAmgiU8LxYxW5tjHKEDUwvUt+Tbm+G5WoJvp0XTMUBjG9l647ITbKjsMgogFTzOVHH89xIouW4Pet+TbSXv9CvDTgp8IvhzhAdYLtIR2lPar4dZkh0EQsdxtMmvuB3lQbpl7P4q87/GbBW+H5COhnnchL8jhCX+gvQcBGqMECExwuRQRellj55a591MmHil5P5d/SHAddvhk53cEvajpWL1gHA79cNpuAmhgBahjjvQ3LqPtyVApulgj8ptZ8u6B2PcFvzY1xSjb1AvU/sdpv8yU5+vO7wyZKaaeH/TX0yg8sUxJTxz5m0nHPfnbBb8i9y+VkBVD+wv/on2L2aAJogTI4G4O15lKuMQNDAFnqj9Jq7R2rW/Jf4SI78l8T/AbZqb+BCvQgrH/Wdq6Dc95AmgtrpO2M6Z4WUhgfL1xrRmzvTWd8PsNzPFK/mNUhKeoOh0iLiUh70I7TadoW2N4zhEgZW7oJsawm92kLCasGbYQZWcInlmTPxQWQP4TlMInCXj3LqL2UDRF2CHamg3PedOgQrerxtzcXdtydUP/8A+yebEnQUEiZZIvJe+3zj5lyH9H8NtFFl6s7TnaGsLriKCKASwNCb+E/jrp58YYESz5dspaSn4nJPfR8wtx+7grbabHyBtWrbwpQ1u1imVczbv5j6jPXUkJLcPGhTNeNWU8bbXJ8D5DlXcC8ofNzk92EfVGa7sO6zzPOB+c0xHjZdyUnwM3dxu7XFHCz83f4Ds7KU76nr7fGJPnfhvkt0J+B/f2IVol5MNxrTVOgMBETBVgkLb1bu5efqlLFyADGH4r64h6ovluYsIGhsQ6hsdFVHN3IOAtVSKv3NT+DbQNhnanznuAnTN9wHkBbpkpVVE1HqBr8WHjLV6EjwuuEnyU33oAodII4T3kZZD3ceMI5AcqJO/MZkoGLo7pcE5uEyXASdouJmpq4WEyQRyYYBhoPPkmz76adNaPxb/iGe8nNR2H/FHT82MVkk+F0vutccmdjY6TjJHjtF3iZo+6ZMoEQitCPtT+Ldp9Ovs+d24P0W+vvRCiexku2vOVkre5idq/nfYn3NyN2jkeoAIcwyU34jp9PGQsYfJRCIlQZD4vUKZ+B+1ZNjMexjWrRd4Wd5pIrLrg9A83e7ymEJ4FJrk5yh9ejuseN2voJIuisAj6//uIEdcxr3/bndtU7QsVWyslb2sbzXBwdGzWCDBvGtTS8hiFEC/AFYK7SWSGTW7vFiCCDZK3sqgpYIye+RlPsGZYaO+3MP1dEVHcmQ4L4GjUUtLDeIKful6Bez7nyuy0lpgd1MNG+M0i7Xmz3K4GeVvZbsf2TXB5KCTAvKKo9tgoPXMf7deTsbWFC4oJRdDZYRRX7yfSD7vq7yjXmSRuNbY7uAyZ2mYhSoBwRfUgavWQqHTy4IZFrCF0aTphqjSTrrrnCGz1uJMh3AOHg3DKhitIQUQtLccfn2QN7q8byd46ozYXVsBlXV9Pj9zAvXvhMmyGcOzWmI5Vddd7KIz4qeRtTCexG401JG83dLuwdQsc7uZzNCqZC2IWNrrR2MseW5HxtIM1QkdMTb5W5PUsw3oC3/XY/GNS+6G4+mE6JnCpF5xlWeoztzdQoOx3swegnKvdNnkU+RdRR8xQSLkfDqNxqXxQZnk7xBD4gTt3DKXLzR6P666hJ4TJd2OTHuPxtv4Q20tO30GJ6UtnBD2H81V6X5ew20Jlr/oqVpjKRft6fnMtNmxzsyfFBrD1ZJJV5f/aMTkf6b/gqnRMLhxhSx2U/KObPT2yXAclvau/ykUflNTFVUUHJaPK3noub6UdlX2aZXXVj8pGrbBWk2j4sXcT1d8UxYa73Oxh6WGTe6sQ06GaXNRhaS1lJT0s7dPcO8yOUdUPS4eHg5ay1yDENW7+cXl/MuMxV93j8jq/h4/LHybaDyB63i3BcfmoQBR+YcKfKLvWbKz0UuM7gneEX5gomMgc7nn7wsRVYKOp7B4iw1vWFyasCHGvzHiD3+jmvzJzhsLKCVz1tFkNOnq6jfhiX5lZZ54xSmJzEEFr8spM1JCIe2lqJ9WYarw09SA1ihXx0lRUtLavzbUYhF+b20ovd3Cv3tQLxiHWh6f83c1/bS4bKmvV9LW5ctNW3IuTGTe7PZ2K2Jm6oF6cLBUj0sYzkrw6qwJEvTo7bQLninx1tpxnJH15umBwwb48fUFd/xVgANaBm0kAElHrAAAAAElFTkSuQmCC) no-repeat;
    width: 4rem;
    height: 4rem;
    background-size: cover
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__status.el-icon-error:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkVERDU3QUY4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVERDU3QjA4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRURENTdBRDg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRURENTdBRTg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psi/E9sAAAriSURBVHja5JtZcJxHEce//bS6r8iHZB2Ogw0CWTkKcCCEOxVzPBEMVBF4CuYBeOB4oUiIYzDEyWPggUAVmDdcBSHk0ZBUICSBIkdRFbASYxMHbGtt2ZatY7WytNqlJ/k1ao++b/fb1eoo2Kq/tZ7dna/7P909PT0zqWKxGPw/v9Kv/5tKrVT/KRAK6szflIF7FQ0WBAXzV9tXkIDaK62K1gsaDOpBmu9YApyyecE8mDOY9whZdwToaKrSTaBF0AwaISFdhoA8Sl8R5MCMYBYoGTWxjHSNFE+jnFO0VdAuaOO9+/s2wY2CawVbBBv4bhP9zKLouOCs4N+ClwSvCKYFWf5O8T4HSfnlEpF6PQhWFwOs4i0o3Qm6BO8RfEgwzOfVvNzIHxX8QfBnwSXBBJjic0vEqhCgPl7PKLajsBvVfsEnBbtp19d5wTHBScFpwajgMgoEEHSNoE8wILgOq9ls+nAKPy74jeAM1nKJ9hyuUXGMqJQA9fNGTNsJvQnBPyv4OKQEKPmM4GlMeha/nmfEFoyw2m8aYhtxj62CDwjexzMClD0iOMwzLkDmNP0vVEJCJQSoyTsFOwQbBT2CDwv2mtE6yii9YHxWg9hcQgIaTBDVmLIL6xo2VvUzwe8F5wQXBZMQlNglkhKQMibvzL2b0fmy4DY+d6Z9SPA8IzJpzPMKyi/EzO9+vmBnk2asrROLu1lwF893v39S8LDglGAMt1CXKNaCAFW+BT93o75TcI9gO2z/WvAIIzGO8tllTFtR02orlqcyfFrwKazGxZb7BSNGhpkkJJQjQM1elXd++HbBd3ABZ3Y/EDwH+6q8r/hyp1pLhJLgrPBdgq8ZWZxcfyU2KAkl3SGd4MFNmJ6bv98hOMD/X4P144b1bDWBqMyraGKGZoiaIDmiM4JvM3N8T3AfLqbIlZKnlAWo8s7newU3CB4k2L2M8idJXC4Zkyus8PolNC7ZxcC8CRKGCI7fJBjrdDsLCRH0CgFFbzXiKBE0CboFNwnuEJwouq+L0oLPC24RbBN0COr5TbBKSPHMDmS4BZlOIuMJZHay96BLGNVXWGa604j/JcEO2D3IyGdMxM0HK7hiK+EWOWTIINNBZNyBzN24a7NZhS4xpygCGph7NzHNfQTzfoiM7uwaKh9HwllkewhZncy3o0M7OpUlwEb9LqL+F2jX5GZsHSgfR8I5ZHwUmb9Iet6FTmmfhLDE6Lup5k7MyCU5v8S84qYXvw4Qte6vZs2RNv3VRfSnJMxAgpPxV8jsdPgcfyOtIIyI/JrqukXJx2g/ZOb5bEyCYWNHG320MpOkKyRB+7IJUBt9R/VVRKYsMo4hc4ArDJBJaiyIzAM042slcNzBD46S3mqScyVmqlPr0RpAA0LNsFBJ6jI+ka38f45+gpgprYBsk8j6PLIPo8spLCRr5Qg9a2gyy9vdtD9qcvv4+XRxfm4jXzhMEaQPE2xJYAlRmecN9PUgfdfHBG8lZhZZLyN7gC5d6NZkfx9GJD5tFDPaWXe/SAEimyC3Dhn5QcFNpMnDJFJdZUjwA3Avv/0hfQ3Sd1gmKKorTCD7KLrcim5N1g3CiAVPK5Uc93qWFd10mdEPTEXXmdd3IW+AuXlnGRKiZh/3mweI4mfoM58gzVYr0BLaM7R/EN1a0DUVRUAzX9A191PGf8uNfgE/zVIAuZcEpY8cPY6EKOWH+E0vfdxLn1meUUhgBTm+/0fahyGgOYqA0FRhdiLMKIEjl2D07YOnqdIcY2GSQREloc+QUO/l9VHK30dfF+g7yTpfrWAGHc7zjCF0bFTdQ+P/DXxwPW3HvVJ0MQEBfmY2EkHCEIpuZHrT6lKc8iNVZJ46GCr/y7Rfb8rzdb4FaClqgLZXmVauVJDx2aRkHCVGYixhAP/u5/3OGOUzSdf2EXLo/sK/aN9qNmjCKALqESjAdOarWOImIeEAU+SbwY201UJ5G5NU/lO09Ro9Q5sI2VrcBtrGTNStdI1vSbCv/URzJ8g+ipoBRdVuFN5fA+UDb6cpQ9tGo+dVBKTMB7qJMWE2KatZ8PgkaLQ/iPJO4a/wWSeEP2BWm8tR3k7LC8SPgFmgzi6NQ68ImTLbVVmvdrDc1dokpGYY+QmzkzRB2yjvKy5vxzxbkaOt0dO1ZFb1v/RKx60h0hFszZpVmGWrmpHwN1M68f+9ZuTVBfZiAefJ4OaNBVX7bEWL2YQt2C20MMJf1Gc7+Hw56/m0V7wcZD+hG5//ERij7R6+syXB2iFpOb3O7FMuISBtIqYSMG42H+xe/sIylO8lybFT3UETnUdRXqfIfd6oVxMMQyP/FtrGvd2p/1qAnTPPmKShvszyM6nyUUmO2/8/AV6KSZZ6l2EJtjK1lbaMn9tEEXCatu1EzcYKHp5E+X3M86ch+wzvR/isFiSkvPR+W1xyF5roOIePvELbW4LFoy71CR7sl9NLKT9qdnMneT+agITmhCSkgquP6gzRfszbqL3KApSAo8ybfZhOs19EKPPQNkrRgzHKZ7ydpHlT0MzEkDBIn20JB0OLOy2sMzaj09+DxeM1BX8W0D23Kb6oRYQ2fw1dphrkps9r2Torpbw935MvQ8L99NmaoCpkaxut6BAwsNOGgCXToAqRpRDiXu8NFg88lbMCe8hhv6nk3F1C+bjStpJwN33002c6bocnprTXjg5+cSfvT4MBjVpK+hOW4B78Tnz0crmdVuNK/+A7B6jkXCihfKkFlHOPrzJDHE9QDbKV7U5k70eXZz0ClpTFCxAwhbDuQNIe8BxtWpHJl1h+uu98C1PNB4tH3JLk9pYEdcsJNmjmzPMLZUa/g9L+HtofN/LP2t+nS1RUHwveOPTkamm7aJs2o1CIEH6O93O4lz35WWkxI2cITBuC52L60bKeHqC4Gdlz6DIRVVILI2ppOb7s5uYj3np9A+ZVH7M7o4JPB1cfk6k0iysal8zSVykrsqavp0fu4rPfocuEceHYrTEdxSnSxsPk6W4q+QzTSVxSUjQptR31as/3Rp0fjjov7Cdfm5F1Kzr8gr9TUdYTlvDBSyQnh2jfgyv0VJiUrOTLT756CHx7kPmnzCKxATgdw7xagYve7hiaOxj1UcHXWa7OG1Naq23yKOXfKvgG7vBbwRPoMBUXO8IE5W3nAj8W/BPz0uNxvWtoCVFp93Zk24ysP0H2ktN3mGCP7QJm9H1G/7rgjQNJO5hjN5nd4NWoMGnGqSl3P7LoSbGLyHqa9yWnzlKnxDSzazY7tbuC1T8m58vTaKJ9D4s2VX6CFPqFYPGsYNXH5PwIW+qg5F+CxdMjq3VQ0pn6u4Pog5IZ/l+2kFLpUVktba23o7KvUmGq+VHZqBXWNSQazvfcYendfO6KDT8PFg9LT5jkZdbLC0odlrbngpIclnZp7sPEqfPBChyW9t2hCWE2QsRtwdLj8u5kxotBbY/L6/zuH5d/kmh/EdIryjxreWHiTtYOTabQ+TQ4FSy9MGHXE/7I2wsT7wd9prJ7hAxvVS9MWBLirsw4gT8RLL0yM0ap7TVM9SyjZa/MdBBf7JWZbtPHFInNYxC6Jldmolwi7tLUrVRjanFp6ilqFOvi0lRUtLbX5toM/Gtz28ymh5a3FjDdGRQ7h6X8LVh6bW7aK2ut6bW5ctNW3MXJqBOfdmdqVS9O1oqAqBiRNpaR5OrsgreUtldn88tcWq8qAVGWkfTytL3psSqXp1eagHX/+o8AAwDpAw8CLGIbTwAAAABJRU5ErkJggg==) no-repeat;
    width: 4rem;
    height: 4rem;
    background-size: cover
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__status.el-icon-info:before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkI2QUFDMDI4NTdFMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkI2QUFDMDM4NTdFMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGQjZBQUMwMDg1N0UxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGQjZBQUMwMTg1N0UxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po/splsAAAqXSURBVHja5JtbbJxHFcdnP68d310nsV0nTVIaIUhTIQGtUCk0QGmhTy0GxEXioZQHEA8FIagEJQJ6UZF4aBGiINHwUrUS0MsDSClBhdIL4lKQWpK0qoBCLk6c2o7jtXd92V3OyL/Dnh1/3v1293PqiE/6d93ZzTfnPmfOnMmUy2X3//xk/X/e97V1e38GRII285kx8E/ZoCgomU8dXz8BrAPTymi7oMOgHWT5jRWAZ3ZZsAQWDZYCgWw4Aag2lelO0C3oApsQQraOAJZhekGQB/OCAlBhpGIZ2ZQYz8KcZ7RH0Cfo5W//+VbB2wQ7BRcLNvPbTt5TgNEpwSnBfwQvCl4W5ARzfM7ydx4hLbcqiGyLzCvj3TA9AAYFV/vwItjL97UetRj/73YLrhF8Cs0fFvxO8AfBtGAGzPK9FcR5EYD6eDta7INwr9Xtgo8IrmdcnzOCVwT/EhwXnBSchQGHgC4SbBNcIrgUqxkSXAU8w4cEjwtOYC3TjOdxjYZjRLYJ5tvw516I3grhnxTciFAcTD4reAaTLuDXS2isaIjV92YR7CYsYofgWsF7mGOMOQ4KHmGO1xFmjvcXGxFCtgmT9wz2C7YIRgTvF9yKthwm67X0F+OzGsQWEwqgAwGcFhwVPCy4Euvay6cXyoOC3/LbScE5rCGxS2QbYF5N3pv7MNr5guADfO9N+4Dgz2jknDHPBZgvrrG+h/mCXU26sDbP4B9xh1uY/3b+/wGsJotbqEuU0xCAMt+Nn3utXy74uuAypP2o4BdobArm5xpYtnS8yO9VIHPMPYNQNQi+JPiY4KOC66DjbsERhDiF1dUVQrYBs/eaHxW8XfAtXMBr5X7BnwQThvmQ8UafcpAbLKLVnMFPcbfbBG8SfBe6/hZkljXdIZsg4HUS7Pz6/Q7Bd/j/15D6q0bzc80EogTCWDbWsWgSJC/occE3WDnuFOxHcIp8LXqiGhNH+NUAPr9H8E2Y94HpDkzuGAKYSRiAbP6g679miJkEgsgz12nmPgItR6HN0/gWaO6Hh6gWk7X8vgdT347PDxnN/4P1+HVMchGJJw2mA7x7C3938V2mzjtKzJVj7hPQcje0DSGQ7SzRvbw3SiqA0O+9JD9PhuYTmntIaMZNxE267LQZq/LxZBcYZWwTv0nqFnloGIeme6BxNzQPYxVdZheaSAAdZHJbWeZuwP/uI6M71QTzOl8nq4lPan4FxhjrrOOWtYRwCtrug1ZP8wfhoQ+e6gpAtd+N9n329VnGNbmZaJJ5na8Ds7wN7VzE3718FzURIFUIp6HxMWj+HK4wCE+r4kxUQ/ub2ZAMk+T8DPPSNXY5xUifSWGVmEcInsafQ7Pn4dN8xlpBFOOjmur6TcmHGT9g1vm5pFlWnQD2faL5NLlE0kC6lhCWoG0KWg/w3Q3wMmBiQWweYCO/N8ub+QeHSW81yVlokkgVQIF3+ezxScZzjBVafPcCNE5B82H2DjezZE4jpP9ZbxQToHR7ez3jj5ncvkBS0exThMgZIve/wThjCym8vwCtZ6HdwcsgvFUF2mxg/p0Eo6v5sV9jX4C4Vkw/NFXVVmS0V0ohg7SuMAPtJwnm72al6MTiitYC7Ianh0qOf55jR5dLQfth0Fo0db7FFIOqWoGW0J5lfB+8dduEK4rJ0LrxG/88zYvyKWj/fD1qBXks4feM70UAVRlnNsj7O9nqdmM6x8ymIw3t654/MpXhcMOTRulbrWAeHs6QIu+BL90flCLj/x18cQVjrwal6HJKAtCVRmsLI+wHmkmE6lmB0n+U8StMeb4ttAAtRV3C2D8JVAsp+mdkBDBEoG2DyDNGe8UU48wCK42jitRhN0ehANpJHR2ms2SitkvRAjzjD5lY44jSSyYotvqUDP3HGBs1fEY2CNpa3GbGJgK/TPNpizH12EytRQHoSdM4Y1sMn1G4CugXeogxk9LaHOeb3iy/KvhicDiSVgzQudSdphnrMXyuWgYVelw1F9TWXIpmuWBWF2sVbS1ujOLqimXmcgTAqpPpyJ3fx67RWty0wlmvJ2sCbGw9wEqrYMwlPMdPyyw1Qi/GlMbTeizt6tYFk3aXQwGov+h5Xb9JWjLuwntsXOurJ4CSEcAUYyOu+iz/QnsiQ//FjE256tOpKgHomnnCJA3ttSqqG/xpM/TvYGw8zG3iBHCcscuImpsS1Ow3qvlrer9rreQuMtFRt6cvM/ZmVzm4aD9PAsikFHg141T69zD+iqs+qK2yABXAYZapbZiOtrK0rTPz9lhcra7ZvECLO93sbYbg6e+u0l5TClcBPXOb5YdaROh1yU9tWnm04WKQFairSdeztY0eeHAoNmcEsGoZ1NLyHIUQ/1zjKg1P62EFlrktROt9WF5Pk0K3pb0+eAiLO7FF0WVTSnoeS/A7w3eyUelJ0QrKMZmfN9PPCH7oVk6gu5pwAVtvGID27fDyXCAAFwpAS9azbB4OMT6GafanaAV21XHG3a7ju+dddQ9ho9rvh+Yxxg/BU84FpfeoRkX1CaTl9+xXsk2ue9zcYMlK5/LPuyDsBxDcaKFUy3r90HoVtOfhZQYBVFW3ohjC9Pzd5wMHGfdNUMO8OA1X0JTbZ2b3ox1fy/cHm/4M8qxrrAwflto8rbfw3a/hRfsXinG7JBesBrMQ9whBxC8lH3crx03zJpFotlSmAvDn+49CZAarmHaVHsIk7w8PdIegdQc8PMznrI3+tQRgDxpPwvTt+NOLrrr/J9+kEPSE6BxETcLIUlCILSVkXnsZRgh8Y9D0E1L76bUEml0jQqsVeA095VYaoz4k+BLFyyVjSs0Iod4JUalJ5n1rzJdxB3/u+Bt4iNX+WgWR8Mzd1wZ/5FbaULx5aXvcKBM3m7DUOiFqlPlRaNI2Hk/rj6H9rKvRKBXV0dCcq/Th3IX2L3UrXVm7XXUfTpr1vHrRXpsstkLDblfpFJuE1uP8navlTlGdtVr9dIKNxJ1IdA+TXE6wGTFV3fXaOVqtDzDnDmi4C5p8pP82tE64yolzqZY065WvCjDtT1b/6lba0CaR9r1upZl5p7EGPYJOSxDKuB7dq9Z3Mve9RvN3QONpaC7Uq2pnE/pp3pSWS6wKGgv2u0qrbK9rrlV2rW2x7RnuMUmO1762ynoe/CmW7xA74ipNm4mCc7aBiD3vqttXv+JWmqV988En3MrJjm9f1WbpGZN7qyCWg5pcXLO0lrLCZukB0lvbLF0mh3iAOHXGrUOztBVC2dQPfcT+HiZ3KwTtZ9vpOzNecK23y2u/Qp9Z3/U4zTP7IMv0BC4wwzypt8uH7lAyScsvEYLvKLsRAveSRD0DjrnVFybsWh9q3l6YeC/YZiq7B8nwWr4wkfEXJxu8N1jryown+Ca3+srMBKW21zDVU2jLXpnppx5gr8wMm3fMktg8gUDfkCszdnWwrqCVJK8Jfz3mIWLCPqxhGFzb4Fx6aepptsgb4tJU6BLaxm6FMImWn3TV1+Z2oeVBfLvD7AvmXaUL3FvKS271tblcUNZ6Q6/NOTO5+vWC2ePbi5Mnqchoc4IeT2cCq7LHZhfExclQEKUYQSS9Ols01hRenV02gXNDXp2NixE2PiS9PG13ghfs5elalrHhnv8KMADNvzn58QtNxgAAAABJRU5ErkJggg==) no-repeat;
    width: 4rem;
    height: 4rem;
    background-size: cover
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__message {
    position: unset;
    justify-content: center;
    display: flex;
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    padding: 0;
    margin-top: 1rem
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__message p {
    width: 100%;
    word-wrap: break-word;
    max-height: 90px;
    overflow-y: auto
}

.hw-messagebox.el-message-box .el-message-box__btns {
    display: flex;
    justify-content: center
}

.hw-messagebox.el-message-box .el-message-box__btns .el-button {
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1);
    border-width: .1rem
}

.hw-messagebox.el-message-box .el-message-box__btns .el-button.el-button--primary {
    border-color: rgba(var(--background-41), 1);
    background: rgba(var(--background-41), 1)
}

.el-cascader__dropdown.el-popper {
    max-height: 30rem;
    overflow-y: scroll
}

.el-cascader__dropdown.el-popper .el-cascader-menu {
    max-width: 15rem
}

.hw-checkbox .el-checkbox__label {
    color: rgba(var(--white-color-2), 1)
}

.el-checkbox__input .el-checkbox__inner,
.el-radio__inner {
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1)
}

.el-radio__label {
    color: rgba(var(--white-color-2), 1)
}

.std-bg-color.main-01 {
    background: rgba(var(--text-color-5), 1)
}

.std-bg-color.main-02 {
    background: rgba(var(--background-41), 1)
}

.std-bg-color.assit-error {
    background: rgba(var(--red-color-22), 1)
}

.std-bg-color.assit-important {
    background: rgba(var(--yellow-color-23), 1)
}

.std-bg-color.assit-normal {
    background: rgba(var(--green-color-24), 1)
}

.std-bg-color.assit-prompt {
    background: rgba(var(--text-color-7), 1)
}

.std-bg-color.assit-success {
    background: rgba(var(--background-76), 1)
}

.std-bg-color.neutral-main {
    background: rgba(var(--white-color-2), 1)
}

.std-bg-color.neutral-normal {
    background: rgba(var(--color-text-4), 1)
}

.std-bg-color.neutral-minor {
    background: rgba(var(--text-color-6), 1)
}

.std-bg-color.neutral-bgc01 {
    background: rgba(var(--background-8), 1)
}

.std-bg-color.neutral-bgc02 {
    background: rgba(var(--background-38), 1)
}

.std-bg-color.neutral-bgc03 {
    background: rgba(var(--primary-background-2), 1)
}

.std-bg-color.neutral-bgc04 {
    background: rgba(var(--primary-border), 1)
}

.std-border.full {
    border: 1px solid rgba(var(--primary-border), 1)
}

.std-border.left {
    border-left: 1px solid rgba(var(--primary-border), 1)
}

.std-border.right {
    border-right: 1px solid rgba(var(--primary-border), 1)
}

.std-border.top {
    border-top: 1px solid rgba(var(--primary-border), 1)
}

.std-border.bottom {
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.std-border.strong {
    border-width: 2px
}

.std-border.highlight {
    border-color: rgba(var(--text-color-5), 1)
}

.ivu-breadcrumb {
    color: rgba(var(--text-color-6), 1);
    font-size: .75rem;
    padding: 1.5rem 0;
    line-height: 1.5rem
}

.ivu-breadcrumb-item-separator {
    margin: 0 7px;
    color: rgba(var(--text-color-6), 1)
}

.ivu-breadcrumb>span:last-child {
    font-weight: 400;
    color: rgba(var(--white-color-2), 1)
}

.ivu-breadcrumb a {
    color: rgba(var(--text-color-6), 1)
}

.ivu-breadcrumb a:hover {
    text-decoration: none;
    color: rgba(var(--white-color-2), 1)
}

.ivu-btn {
    border: none;
    border-radius: .25rem;
    font-size: 1rem !important;
    font-weight: 400;
    min-width: 6rem;
    letter-spacing: .1rem;
    height: 2.5rem;
    padding: 0 1rem
}

.ivu-btn,
.ivu-btn:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-41), 1)
}

.ivu-btn .ivu-icon {
    color: rgba(var(--white-color-2), 1)
}

.ivu-btn:hover .ivu-icon {
    color: rgba(var(--text-color-5), 1)
}

.ivu-btn.ivu-btn-icon-only {
    border: none;
    height: unset;
    min-width: unset;
    padding: unset;
    background-color: unset
}

.ivu-btn.ivu-btn-icon-only .ivu-icon {
    color: rgba(var(--white-color-2), 1)
}

.ivu-btn.ivu-btn-icon-only:hover .ivu-icon {
    color: rgba(var(--text-color-5), 1)
}

.ivu-btn.std-positive,
.ivu-btn.std-positive:hover {
    background-color: rgba(var(--background-41), 1);
    border-color: rgba(var(--background-41), 1) !important;
    background: rgba(var(--background-41), 1) !important
}

.ivu-btn.std-positive:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.ivu-btn.std-support,
.ivu-btn.std-support:hover {
    background-color: rgba(var(--primary-background-2), 1);
    border-color: rgba(var(--primary-background-2), 1) !important;
    background: rgba(var(--primary-background-2), 1) !important
}

.ivu-btn.std-support:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.ivu-btn.std-negative,
.ivu-btn.std-negative:hover {
    background-color: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-border), 1) !important;
    background: rgba(var(--background-8), .4) !important;
    padding: 5px 30px !important
}

.ivu-btn.std-negative:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.ivu-btn.std-icon {
    font-size: .875rem !important;
    background-color: rgba(var(--primary-background-2), 1)
}

.ivu-btn.std-icon:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7);
    background-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1) !important;
    border: none
}

.ivu-btn.std-icon:hover .ivu-icon {
    color: rgba(var(--text-color-5), 1)
}

.ivu-btn.std-text {
    font-size: .875rem !important;
    background-color: transparent;
    background: transparent !important;
    letter-spacing: .088rem;
    min-width: unset;
    height: unset;
    padding: 0
}

.ivu-btn.std-text:hover {
    box-shadow: none;
    color: rgba(var(--text-color-5), 1);
    background-color: transparent;
    border: none
}

.ivu-btn[disabled] {
    color: rgba(var(--white-color-2), 1) !important;
    background-color: unset !important;
    border-color: unset !important;
    opacity: .4
}

.ivu-btn[disabled]:hover {
    box-shadow: unset !important
}

.ivu-btn[disabled]:hover .ive-icon {
    color: unset !important
}

.font-color-normal {
    color: rgba(var(--text-color-6), 1)
}

.font-color-white {
    color: rgba(var(--white-color-2), 1)
}

.font-color-highlight {
    color: rgba(var(--text-color-5), 1)
}

.ivu-form-item {
    margin-bottom: 1.875rem
}

.ivu-form-item .ivu-form-item-label {
    color: rgba(var(--white-color-2), 1)
}

.ivu-form-item .ivu-form-item-content {
    border-radius: .25rem;
    line-height: 1
}

.ivu-form-item .ivu-form-item-content .ivu-form-item-error-tip {
    padding-top: .563rem;
    color: rgba(var(--red-color-22), 1);
    font-size: .75rem
}

.ivu-form-item.ivu-form-item-required .ivu-form-item-label:before {
    color: rgba(var(--text-color-5), 1)
}

.ivu-form-item.ivu-form-item-error .ivu-form-item-content .ivu-input-wrapper .ivu-input,
.ivu-form-item.ivu-form-item-error .ivu-form-item-content .ivu-select .ivu-select-selection {
    box-shadow: 0 0 .5rem 0 rgba(var(--text-color-5), .7);
    border: .063rem solid rgba(var(--text-color-5), 1) !important
}

.multilang-popup-form.ivu-form .ivu-btn-ghost {
    border: .125rem solid rgba(var(--primary-border), 1);
    background: rgba(var(--background-8), .4) !important
}

.ivu-input-wrapper .ivu-input {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1rem;
    font-size: .875rem;
    background-color: rgba(var(--background-38), 1);
    border: none;
    border-radius: .25rem;
    color: rgba(var(--white-color-2), 1);
    caret-color: rgba(var(--text-color-5), 1)
}

.ivu-input-wrapper .ivu-input:focus {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.ivu-input-wrapper .ivu-input ::-webkit-input-placeholder {
    color: rgba(var(--text-color-6), 1)
}

.ivu-input-wrapper .ivu-input[disabled] {
    background-color: rgba(var(--background-38), .5) !important;
    opacity: .5;
    color: rgba(var(--white-color-2), 1)
}

.ivu-input-wrapper .ivu-input[disabled]:hover {
    border: none;
    box-shadow: none
}

.ivu-input-wrapper.std-border .ivu-input {
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.ivu-input-wrapper.std-serach__01 .ivu-icon {
    color: rgba(var(--text-color-7), 1);
    background: rgba(var(--primary-background-2), 1);
    border-radius: 0 .25rem .25rem 0;
    width: 3rem;
    font-size: 1.4rem;
    top: 0;
    line-height: 3rem;
    border-left: none;
    height: 100%
}

.ivu-input-wrapper.std-serach__01 .ivu-input {
    height: 3rem;
    line-height: 3rem
}

.ivu-input-wrapper.std-serach__02 .ivu-input {
    height: 2.5rem;
    border-radius: 1.25rem;
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-input-wrapper.std-radius .ivu-input {
    height: 2.5rem;
    border-radius: 1.25rem
}

.ivu-input-number-input {
    color: rgba(var(--white-color-2), 1);
    caret-color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.ivu-input-number-input:focus {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.menu-model .ivu-input-number-input {
    border: .063rem solid rgba(var(--primary-background-2), 1) !important
}

.ivu-modal-mask {
    background-color: unset
}

.ivu-modal-wrap .ivu-modal .ivu-modal-content {
    background-color: rgba(var(--background-38), .98);
    border: .063rem solid rgba(var(--primary-border), .2);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5);
    border-radius: .5rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close {
    top: 0
}

.ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close .ivu-icon {
    height: 3rem;
    line-height: 3rem;
    font-size: 2.5rem;
    top: 0
}

.ivu-modal-wrap .ivu-modal .ivu-modal-content .ivu-modal-close .ivu-icon-ios-close-empty:hover {
    color: rgba(var(--white-color-2), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-header {
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    background-color: rgba(var(--primary-background-2), .5);
    border-bottom: .063rem solid rgba(var(--text-color-5), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-header .ivu-modal-header-inner {
    height: 3rem;
    line-height: 3rem;
    color: rgba(var(--white-color-2), 1);
    font-size: 1.25rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-header:before {
    display: none
}

.ivu-modal-wrap .ivu-modal .ivu-modal-footer {
    background-color: transparent;
    text-align: right;
    border-top: .063rem solid rgba(var(--primary-background-2), 1);
    padding: 1.5rem 0;
    margin: 0 1.5rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-footer .ivu-btn-ghost {
    border: .125rem solid rgba(var(--primary-border), 1);
    background: rgba(var(--background-8), .4) !important
}

.ivu-modal-wrap .ivu-modal .ivu-modal-footer>button {
    font-size: 1rem;
    padding: 0
}

.ivu-modal-wrap .ivu-modal .ivu-modal-footer>button:first-child {
    background-color: transparent;
    color: rgba(var(--white-color-2), 1);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-footer>button:nth-child(2) {
    background-color: rgba(var(--background-41), 1);
    color: rgba(var(--white-color-2), 1);
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body {
    padding: 2.5rem 2rem;
    max-height: 60vh;
    overflow-y: auto
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-head {
    display: none
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-body {
    display: block
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-body .ivu-modal-confirm-body-icon {
    font-size: 4rem;
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-body>div:nth-child(2) {
    text-align: center;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer {
    background-color: transparent;
    border: none;
    margin-top: 0;
    padding: 1.5rem 0 0
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer:after,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer:before {
    background-color: transparent;
    border: none
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button {
    padding: .3rem 1rem;
    margin: .5rem 0 0;
    border: none;
    font-size: .875rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button.ivu-btn-ghost {
    background-color: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-border), 1) !important
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button.ivu-btn-ghost:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button.ivu-btn-primary {
    background-color: rgba(var(--background-41), 1);
    border-color: rgba(var(--background-41), 1) !important
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button.ivu-btn-primary:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-modal-confirm .ivu-modal-confirm-footer button+button {
    margin-left: 1rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-input-wrapper .ivu-input {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-input-wrapper .ivu-input[disabled] {
    border: .063rem solid rgba(var(--primary-border), .2) !important
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-select .ivu-select-selection {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .ivu-select-disabled .ivu-select-selection {
    border: .063rem solid rgba(var(--primary-border), .2) !important
}

.menu-model .ivu-input-number-input {
    color: rgba(var(--white-color-2), 1);
    caret-color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.menu-model .ivu-input-number-input:focus {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-modal,
.stc-pageDivide-simple {
    color: rgba(var(--color-text-4), 1)
}

.stc-pageDivide-modal .ivu-page-next,
.stc-pageDivide-modal .ivu-page-prev,
.stc-pageDivide-simple .ivu-page-next,
.stc-pageDivide-simple .ivu-page-prev {
    background-color: transparent;
    border: none
}

.stc-pageDivide-modal .ivu-page-next a,
.stc-pageDivide-modal .ivu-page-prev a,
.stc-pageDivide-simple .ivu-page-next a,
.stc-pageDivide-simple .ivu-page-prev a {
    color: rgba(var(--white-color-2), 1)
}

.stc-pageDivide-modal .ivu-page-next:hover a,
.stc-pageDivide-modal .ivu-page-prev:hover a,
.stc-pageDivide-simple .ivu-page-next:hover a,
.stc-pageDivide-simple .ivu-page-prev:hover a {
    color: rgba(var(--text-color-5), 1)
}

.stc-pageDivide-modal .ivu-page-item,
.stc-pageDivide-modal .ivu-page-item-active,
.stc-pageDivide-simple .ivu-page-item,
.stc-pageDivide-simple .ivu-page-item-active {
    background-color: transparent;
    border-color: transparent
}

.stc-pageDivide-modal .ivu-page-item:hover a,
.stc-pageDivide-modal .ivu-page-item a,
.stc-pageDivide-simple .ivu-page-item:hover a,
.stc-pageDivide-simple .ivu-page-item a {
    color: rgba(var(--white-color-2), 1)
}

.stc-pageDivide-modal .ivu-page-item-active:hover a,
.stc-pageDivide-modal .ivu-page-item-active a,
.stc-pageDivide-simple .ivu-page-item-active:hover a,
.stc-pageDivide-simple .ivu-page-item-active a {
    color: rgba(var(--text-color-5), 1)
}

.stc-pageDivide-modal .ivu-page-disabled:hover a,
.stc-pageDivide-simple .ivu-page-disabled:hover a {
    color: rgba(var(--color-text-4), 1)
}

.stc-pageDivide-modal .ivu-page-item-jump-next,
.stc-pageDivide-modal .ivu-page-item-jump-prev,
.stc-pageDivide-modal .ivu-page-next,
.stc-pageDivide-modal .ivu-page-prev,
.stc-pageDivide-simple .ivu-page-item-jump-next,
.stc-pageDivide-simple .ivu-page-item-jump-prev,
.stc-pageDivide-simple .ivu-page-next,
.stc-pageDivide-simple .ivu-page-prev {
    border: none
}

.stc-pageDivide-modal .ivu-page-item-jump-next a,
.stc-pageDivide-modal .ivu-page-item-jump-prev a,
.stc-pageDivide-simple .ivu-page-item-jump-next a,
.stc-pageDivide-simple .ivu-page-item-jump-prev a {
    color: rgba(var(--text-color-5), 1)
}

.stc-pageDivide-modal .ivu-page-options .ivu-page-options-sizer .ivu-select .ivu-select-selection,
.stc-pageDivide-simple .ivu-page-options .ivu-page-options-sizer .ivu-select .ivu-select-selection {
    padding: 0
}

.stc-pageDivide-modal .ivu-page-options .ivu-page-options-sizer .ivu-select .ivu-select-selection .ivu-select-arrow,
.stc-pageDivide-simple .ivu-page-options .ivu-page-options-sizer .ivu-select .ivu-select-selection .ivu-select-arrow {
    margin-top: 0;
    width: auto;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 8px;
    padding: 0
}

.stc-pageDivide-modal .ivu-page-options .ivu-page-options-elevator input,
.stc-pageDivide-simple .ivu-page-options .ivu-page-options-elevator input {
    background: rgba(var(--background-38), 1);
    border: none;
    color: rgba(var(--white-color-2), 1)
}

.stc-pageDivide-modal .ivu-page-total,
.stc-pageDivide-simple .ivu-page-total {
    margin-right: 0
}

.stc-pageDivide-simple.ivu-page .ivu-page-options-elevator input,
.stc-pageDivide-simple.ivu-page .ivu-select-selection {
    border-radius: .125rem
}

.stc-pageDivide-simple.ivu-page .ivu-page-options .ivu-page-options-elevator input:hover {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-simple.ivu-page .ivu-select .ivu-select-selection {
    border: .063rem solid transparent
}

.stc-pageDivide-simple.ivu-page .ivu-select .ivu-select-selection:hover {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-modal.ivu-page,
.stc-pageDivide-modal.ivu-page .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.stc-pageDivide-modal.ivu-page .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
    font-size: .875rem
}

.stc-pageDivide-modal.ivu-page .ivu-page-options .ivu-page-options-elevator input {
    border-radius: .125rem;
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-modal.ivu-page .ivu-select .ivu-select-selection:hover {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-modal.ivu-page .ivu-select .ivu-select-selection {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.stc-pageDivide-modal.ivu-page .ivu-page-options-elevator input {
    font-size: .875rem
}

.stc-pageDivide-modal.ivu-page .ivu-page-options .ivu-page-options-elevator input:hover {
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.stc-pageDivide-simple.ivu-page .ivu-page-total {
    font-size: .875rem
}

.stc-pageDivide-modal.ivu-page .ivu-page-item:hover a,
.stc-pageDivide-modal.ivu-page .ivu-page-item a:hover,
.stc-pageDivide-simple.ivu-page .ivu-page-item:hover a,
.stc-pageDivide-simple.ivu-page .ivu-page-item a:hover {
    color: rgba(var(--text-color-5), .65)
}

.stc-pageDivide-modal.ivu-page .ivu-page-item-active:hover a,
.stc-pageDivide-modal.ivu-page .ivu-page-item-active a:hover,
.stc-pageDivide-simple.ivu-page .ivu-page-item-active:hover a {
    color: rgba(var(--text-color-5), 1)
}

.stc-pageDivide-modal.ivu-page .ivu-select .ivu-select-selection,
.stc-pageDivide-simple.ivu-page .ivu-select .ivu-select-selection {
    min-height: unset
}

.ivu-select {
    color: rgba(var(--white-color-2), 1);
    border-radius: .25rem
}

.ivu-select .ivu-select-selection {
    min-height: 2.5rem;
    line-height: 2.5rem;
    background-color: rgba(var(--background-38), 1);
    border: .063rem solid transparent;
    padding: 0 2.5rem 0 .875rem;
    font-size: .875rem;
    box-sizing: content-box;
    height: 100%
}

.ivu-select .ivu-select-selection:focus {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.ivu-select .ivu-select-selection .ivu-select-placeholder {
    color: rgba(var(--text-color-6), 1)
}

.ivu-select .ivu-select-selection .ivu-select-input {
    height: 100%;
    line-height: 100%;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1);
    background-color: transparent
}

.ivu-select .ivu-select-selection .ivu-select-input ::-webkit-input-placeholder {
    color: rgba(var(--text-color-6), 1)
}

.ivu-select .ivu-select-selection .ivu-select-input[disabled] {
    cursor: not-allowed;
    color: rgba(var(--text-color-6), 1)
}

.ivu-select .ivu-select-selection .ivu-select-input[disabled]:hover {
    border: none;
    box-shadow: none
}

.ivu-select .ivu-select-selection .ivu-select-arrow {
    right: 13px
}

.ivu-select .ivu-select-selection .ivu-tag {
    margin: -.25rem .5rem 0 0;
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: transparent;
    border: 1px solid rgba(var(--primary-background-2), 1)
}

.ivu-select .ivu-select-selection .ivu-tag .ivu-tag-text {
    color: rgba(var(--color-text-4), 1)
}

.ivu-select.std-border .ivu-select-selection {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-select .ivu-select-dropdown {
    background-color: rgba(var(--background-38), 1);
    padding: 5px 0 0;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5);
    border-radius: .5rem;
    border: .063rem solid rgba(var(--primary-border), .2)
}

.ivu-select .ivu-select-dropdown .ivu-select-item {
    color: rgba(var(--white-color-2), 1);
    height: 2.5rem;
    line-height: 2.5rem !important;
    padding: 0 16px;
    font-size: .875rem !important
}

.ivu-select .ivu-select-dropdown .ivu-select-item-focus,
.ivu-select .ivu-select-dropdown .ivu-select-item-selected,
.ivu-select .ivu-select-dropdown .ivu-select-item:hover {
    background-color: rgba(var(--primary-background-2), .3);
    color: rgba(var(--text-color-5), 1) !important
}

.ivu-select .ivu-select-dropdown .ivu-select-dropdown-list .all-selected {
    height: 1.5rem;
    padding-left: 1rem
}

.ivu-select .ivu-select-dropdown .ivu-select-dropdown-list>div {
    height: 28px;
    line-height: 28px
}

.ivu-select .ivu-select-dropdown .ivu-select-dropdown-list>div span {
    position: relative
}

.ivu-select .ivu-select-dropdown .ivu-select-dropdown-list>div span [type=checkbox] {
    top: 4px;
    position: absolute;
    right: -18px
}

.ivu-select.ivu-select-multiple .ivu-select-item-selected:after {
    line-height: 2.5rem;
    color: rgba(var(--text-color-5), 1)
}

.ivu-select.ivu-select-visible .ivu-select-arrow:nth-of-type(2) {
    color: rgba(var(--text-color-5), 1)
}

.ivu-select.ivu-select-visible .ivu-select-selection {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

.ivu-select .ivu-select-loading,
.ivu-select .ivu-select-not-found {
    padding-bottom: 5px
}

.ivu-select-disabled .ivu-select-selection {
    background-color: rgba(var(--background-38), .5) !important
}

.ivu-select-disabled .ivu-select-selection:hover {
    box-shadow: none;
    background-color: rgba(var(--background-38), .5) !important;
    border: .063rem solid transparent
}

[layoutcomponentname=datagrid] {
    box-shadow: none
}

.stc-table-modal,
.stc-table-simple,
.stc-table-simple-nooperation {
    border: none
}

.stc-table-modal .ivu-table,
.stc-table-simple-nooperation .ivu-table,
.stc-table-simple .ivu-table {
    background-color: transparent
}

.stc-table-modal .ivu-table th,
.stc-table-simple-nooperation .ivu-table th,
.stc-table-simple .ivu-table th {
    height: 3.5rem;
    font-size: 1rem;
    background-color: transparent;
    border-bottom: 2px solid rgba(var(--text-color-5), 1);
    border-right: none
}

.stc-table-modal .ivu-table th .ivu-table-cell,
.stc-table-simple-nooperation .ivu-table th .ivu-table-cell,
.stc-table-simple .ivu-table th .ivu-table-cell {
    color: rgba(var(--white-color-2), 1)
}

.stc-table-modal .ivu-table td,
.stc-table-simple-nooperation .ivu-table td,
.stc-table-simple .ivu-table td {
    height: 3.5rem;
    font-size: .875rem;
    background-color: transparent;
    border-bottom-color: rgba(var(--primary-background-2), 1);
    color: rgba(var(--text-color-6), 1)
}

.stc-table-modal .ivu-table td .ivu-table-cell,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell,
.stc-table-simple .ivu-table td .ivu-table-cell {
    color: rgba(var(--white-color-2), 1)
}

.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.std-large .ivu-radio-inner,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.std-large .ivu-radio-inner,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.std-large .ivu-radio-inner {
    width: 1.25rem;
    height: 1.25rem
}

.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner {
    z-index: 2;
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1)
}

.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner,
.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:hover,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:hover,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:hover {
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner:after,
.stc-table-modal .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:after,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner:after,
.stc-table-simple-nooperation .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:after,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio.ivu-radio-checked .ivu-radio-inner:after,
.stc-table-simple .ivu-table td .ivu-table-cell .ivu-radio-wrapper .ivu-radio .ivu-radio-inner:after {
    border-color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--text-color-5), 1)
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-hover,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-hover,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-hover td,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-hover td,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-hover td {
    background-color: rgba(var(--primary-background-2), .3);
    border: 1px solid rgba(var(--primary-border), 1);
    border-right: none;
    border-left: none
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-hover td.trOpera,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-hover td.trOpera,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-hover td.trOpera {
    border-left: 1px solid rgba(var(--text-color-5), 1);
    background-color: rgba(var(--primary-background-2), 1)
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-hover td:first-child,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-hover td:first-child,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-hover td:first-child {
    border-left: 1px solid rgba(var(--primary-border), 1);
    border-radius: 4px 0 0 4px
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-hover td:last-child,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-hover td:last-child,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-hover td:last-child {
    border-right: 1px solid rgba(var(--primary-border), 1);
    border-radius: 0 4px 4px 0
}

.stc-table-modal .ivu-table:after,
.stc-table-modal .ivu-table:before,
.stc-table-simple-nooperation .ivu-table:after,
.stc-table-simple-nooperation .ivu-table:before,
.stc-table-simple .ivu-table:after,
.stc-table-simple .ivu-table:before {
    background-color: transparent
}

.stc-table-modal .ivu-table .ivu-table-row.ivu-table-row-highlight td span,
.stc-table-simple-nooperation .ivu-table .ivu-table-row.ivu-table-row-highlight td span,
.stc-table-simple .ivu-table .ivu-table-row.ivu-table-row-highlight td span {
    color: rgba(var(--text-color-5), 1)
}

.stc-table-modal .ivu-table .ivu-input-wrapper,
.stc-table-modal .ivu-table .ivu-select,
.stc-table-simple-nooperation .ivu-table .ivu-input-wrapper,
.stc-table-simple-nooperation .ivu-table .ivu-select,
.stc-table-simple .ivu-table .ivu-input-wrapper,
.stc-table-simple .ivu-table .ivu-select {
    margin-top: 0
}

.stc-table-modal .ivu-table .ivu-table-body .ivu-icon,
.stc-table-simple-nooperation .ivu-table .ivu-table-body .ivu-icon,
.stc-table-simple .ivu-table .ivu-table-body .ivu-icon {
    color: rgba(var(--white-color-2), 1);
    font-size: 14px
}

.std-table-toolbar {
    background-color: rgba(var(--background-8), 1);
    height: 3.5rem;
    line-height: 3.5rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl {
    border: 1px solid rgba(var(--primary-background-2), 1);
    border-radius: .25rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table {
    width: 100% !important
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table td,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table th,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table td,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table th {
    border-bottom: none;
    border-right: 1px solid rgba(var(--primary-background-2), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table td:last-child,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table th:last-child,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table td:last-child,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table th:last-child {
    border-right: none
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table th,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table th {
    height: 3rem
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table td,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table td {
    height: 2.5rem;
    background-color: transparent
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table .ivu-table-row.ivu-table-row-hover,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table .ivu-table-row.ivu-table-row-hover {
    box-shadow: none
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal .ivu-table table .ivu-table-row.ivu-table-row-hover td,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-simple .ivu-tabl table .ivu-table-row.ivu-table-row-hover td {
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important
}

.stc-table-simple.ivu-table-wrapper .ivu-table .ivu-table-row.ivu-table-row-hover td:last-child {
    background-color: rgba(var(--primary-background-2), 1);
    border-left: 1px solid rgba(var(--text-color-5), 1)
}

.stc-table-simple.ivu-table-wrapper .ivu-btn.ivu-btn-text.ivu-btn-square.ivu-btn-default.ivu-btn-icon-only {
    margin-right: .5rem
}

.stc-table-simple-nooperation.ivu-table-wrapper .ivu-table th,
.stc-table-simple.ivu-table-wrapper .ivu-table th {
    background-color: rgba(var(--primary-background-2), .5)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal.ivu-table-wrapper .ivu-table table td,
.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal.ivu-table-wrapper .ivu-table table th {
    border-bottom: 1px solid rgba(var(--primary-background-2), 1)
}

.ivu-modal-wrap .ivu-modal .ivu-modal-body .stc-table-modal.ivu-table-wrapper .ivu-table table .ivu-table-row.ivu-table-row-hover td {
    border-bottom: 1px solid rgba(var(--primary-background-2), 1) !important
}

.stc-table-modal.ivu-table-wrapper td.ivu-table-column-center,
.stc-table-modal.ivu-table-wrapper th.ivu-table-column-center {
    text-align: unset
}

.stc-table-modal.ivu-table-wrapper .ivu-table-header {
    background-color: rgba(var(--primary-background-2), .5)
}

.ivu-title-heading1 {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1) !important
}

.ivu-title-heading1.std-card-title {
    background-color: rgba(var(--primary-background-2), .5);
    border-bottom: 1px solid rgba(var(--primary-border), 1);
    padding: 0 1.5rem;
    height: 3rem;
    line-height: 3rem
}

.acc-dev .menu-form .ivu-title-heading1 {
    border-bottom: .063rem solid rgba(var(--primary-border), 1) !important;
    background-color: rgba(var(--primary-background-2), .5) !important
}

.std-tree-container {
    background-color: rgba(var(--box-shadow-1), .30196078431372547)
}

.ivu-tree ul {
    font-size: 1rem
}

.ivu-tree ul li {
    margin: 0
}

.ivu-tree>ul>li .ivu-tree-title {
    color: rgba(var(--white-color-2), 1)
}

.ivu-tree>ul>li .ivu-tree-title.ivu-tree-title-selected,
.ivu-tree>ul>li .ivu-tree-title.ivu-tree-title-selected:hover,
.ivu-tree>ul>li .ivu-tree-title:hover {
    background-color: transparent;
    color: rgba(var(--text-color-5), 1)
}

.ivu-tree>ul>li .ivu-tree-title {
    height: 2.5rem;
    margin-left: .5rem
}

.ivu-tree .ivu-tree-empty {
    color: rgba(var(--text-color-6), 1)
}

.ivu-checkbox-wrapper .ivu-checkbox .ivu-checkbox-inner {
    z-index: 2;
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1);
    border-radius: .125rem
}

.ivu-checkbox-wrapper .ivu-checkbox .ivu-checkbox-inner:after {
    border-color: rgba(var(--text-color-5), 1);
    border-width: 1px
}

.ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-indeterminate .ivu-checkbox-inner,
.ivu-checkbox-wrapper .ivu-checkbox .ivu-checkbox-inner:hover {
    background-color: rgba(var(--background-38), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner {
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

.ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner:after {
    border-color: rgba(var(--white-color-2), 1);
    border-width: 1px
}

.ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-disabled .ivu-checkbox-inner {
    background-color: rgba(var(--background-38), .5);
    border-color: rgba(var(--primary-border), .4)
}

.ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-indeterminate .ivu-checkbox-inner:after {
    left: 3.5px;
    top: 5.5px
}

.discard-label {
    color: rgba(var(--text-color-5), 1);
    padding: 0 10px;
    border-radius: 1rem;
    background-color: rgba(var(--background-6), 1)
}

.dream-tabs-simple-page.ivu-tabs {
    border: 1px solid rgba(var(--primary-border), 1);
    font-family: PingFangSC-Regular, Microsoft Yahei, Helvetica, Arial, sans-serif;
    background: transparent !important;
    box-shadow: unset
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-bar {
    border-bottom: none
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav {
    display: flex;
    width: 100%;
    flex-direction: row
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav:after {
    clear: both;
    height: 2.5rem;
    flex: 1;
    text-align: left;
    border: none;
    border-bottom: 1px solid rgba(var(--primary-border), 1);
    background-color: rgba(var(--background-38), 1)
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab {
    font-size: .875rem;
    width: 10.5rem;
    height: 2.5rem;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-38), 1);
    border: none;
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:hover {
    color: rgba(var(--text-color-5), 1)
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:first-child {
    border-left: none !important
}

.dream-tabs-simple-page.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab-active {
    font-size: .875rem;
    width: 10.5rem;
    height: 2.5rem;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(var(--text-color-5), 1);
    background-color: transparent;
    border: 1px solid rgba(var(--primary-border), 1);
    border-top: none;
    border-bottom: none
}

.dream-tabs-simple-modal1.ivu-tabs {
    border: 1px solid rgba(var(--primary-border), 1);
    font-family: PingFangSC-Regular, Microsoft Yahei, Helvetica, Arial, sans-serif;
    background: transparent !important;
    box-shadow: unset
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-bar {
    border-bottom: none
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-nav {
    display: flex;
    width: 100%;
    flex-direction: row
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1);
    flex: 1;
    height: 3rem;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 3rem;
    text-align: center;
    background-color: rgba(var(--background-38), 1);
    border: 1px solid rgba(var(--primary-border), 1);
    border-top: none;
    border-right: none
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:hover {
    color: rgba(var(--text-color-5), 1)
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:first-child {
    border-left: none !important
}

.dream-tabs-simple-modal1.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab-active {
    font-size: .875rem;
    width: 10.5rem;
    height: 3rem;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 3rem;
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--primary-background-2), .5)
}

.dream-tabs-simple-modal2.ivu-tabs {
    font-family: PingFangSC-Regular, Microsoft Yahei, Helvetica, Arial, sans-serif;
    background: transparent !important;
    box-shadow: unset
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-bar {
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-nav {
    display: flex;
    width: 100%;
    flex-direction: row
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1);
    padding: 0 2rem !important;
    height: 2.5rem;
    margin: 0 !important;
    line-height: 2.5rem;
    text-align: center;
    border: none !important
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:hover {
    color: rgba(var(--text-color-5), 1)
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab:first-child {
    border-left: none !important
}

.dream-tabs-simple-modal2.ivu-tabs .ivu-tabs-nav .ivu-tabs-tab.ivu-tabs-tab-active {
    font-size: .875rem;
    border-radius: 5px 5px 0 0;
    height: 2.5rem;
    padding: 0 2rem !important;
    margin: 0 !important;
    line-height: 2.5rem;
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--primary-background-2), .5)
}

.ivu-cascader .ivu-cascader-rel .ivu-cascader-arrow {
    right: 13px
}

.ivu-cascader .ivu-cascader-rel .ivu-cascader-label {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1);
    line-height: 2.5rem
}

.ivu-cascader .ivu-select-dropdown {
    background-color: rgba(var(--background-38), 1);
    padding: 0;
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .5);
    border-radius: .5rem;
    border: .063rem solid rgba(var(--primary-border), .4)
}

.ivu-cascader .ivu-select-dropdown .ivu-cascader-not-found-tip {
    padding: 5px
}

.ivu-cascader .ivu-cascader-menu-item {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem !important;
    border: none;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1.5rem
}

.ivu-cascader .ivu-cascader-menu-item:hover {
    background: rgba(var(--primary-background-2), .3);
    color: rgba(var(--text-color-5), 1)
}

.ivu-cascader .ivu-cascader-menu-item-focus {
    background: rgba(var(--primary-background-2), .3)
}

.ivu-cascader .ivu-cascader-menu {
    padding: 5px 0 0 !important;
    border-right: .063rem solid rgba(var(--primary-border), .4)
}

.ivu-cascader .ivu-cascader-menu .ivu-cascader-menu-item-active {
    background-color: rgba(var(--primary-background-2), .3);
    color: rgba(var(--text-color-5), 1)
}

.ivu-cascader.ivu-cascader-visible .ivu-cascader-arrow:nth-of-type(2) {
    color: rgba(var(--text-color-5), 1)
}

.ivu-radio .ivu-radio-inner {
    border: .0625rem solid rgba(var(--primary-border), 1);
    background-color: rgba(var(--background-38), 1)
}

.ivu-radio .ivu-radio-inner:after {
    background-color: rgba(var(--text-color-5), 1)
}

.ivu-radio:hover .ivu-radio-inner {
    border-color: rgba(var(--text-color-5), 1)
}

.ivu-radio.ivu-radio-checked .ivu-radio-inner {
    border-color: rgba(var(--text-color-5), 1);
    box-shadow: 0 0 .25rem 0 rgba(var(--text-color-5), .7)
}

.ivu-radio.ivu-radio-checked:hover .ivu-radio-inner {
    border-color: rgba(var(--text-color-5), 1)
}

.ivu-radio .ivu-radio-disabled .ivu-radio-inner,
.ivu-radio .ivu-radio-disabled:hover .ivu-radio-inner {
    border-color: rgba(var(--primary-border), .2) !important;
    background-color: rgba(var(--background-38), .5) !important
}

.ivu-time-picker.time-border {
    border: .063rem solid rgba(var(--primary-border), 1)
}

.ivu-time-picker .ivu-select-dropdown {
    background: rgba(var(--background-38), 1);
    padding: 0 1.5rem;
    border: .125rem solid rgba(var(--primary-background-2), .6)
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-with-range .ivu-picker-panel-body {
    min-width: 660px
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header {
    border-bottom: .125rem solid rgba(var(--primary-background-2), .6)
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-picker-panel-icon-btn {
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-picker-panel-icon-btn.ivu-date-picker-prev-btn-arrow-double {
    margin-left: 0
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-picker-panel-icon-btn.ivu-date-picker-next-btn-arrow-double {
    margin-right: 0
}

.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-date-picker-header-label.month,
.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-date-picker-header-label.year,
.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-date-picker-header-wrap .ivu-date-picker-header-label.month,
.ivu-time-picker .ivu-select-dropdown .ivu-date-picker-header .ivu-date-picker-header-wrap .ivu-date-picker-header-label.year {
    color: rgba(var(--white-color-2), 1);
    font-size: 1.125rem
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content.ivu-picker-panel-content-left .ivu-date-picker-cells {
    border-right: .125rem solid rgba(var(--primary-background-2), .6);
    padding-left: 10px;
    padding-right: 10px
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content.ivu-picker-panel-content-right .ivu-date-picker-cells {
    padding-left: 25px
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells {
    color: rgba(var(--white-color-2), 1);
    width: 325px;
    margin: 0;
    padding: 25px 0 25px 15px
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-header span {
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-next-month em,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-prev-month em {
    color: rgba(var(--text-color-6), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-today em {
    color: rgba(var(--text-color-5), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-today em:after {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-disabled {
    background: transparent
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected:after,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected:hover:after,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected:hover em,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected em {
    background: rgba(var(--text-color-5), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em {
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-today.ivu-date-picker-cells-cell-selected em:after {
    background: rgba(var(--text-color-5), 1);
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell:hover em {
    background: transparent;
    border: 0 solid transparent;
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell:hover em:after {
    background: rgba(var(--text-color-5), 1);
    border: 0 solid transparent
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-content .ivu-date-picker-cells .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-range:before {
    width: 45px;
    top: -1px;
    left: -13px;
    height: 1.5rem;
    background: rgba(var(--text-color-5), .1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-confirm {
    border-top: .125rem solid rgba(var(--primary-background-2), .6);
    padding: 1.5rem 0
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-confirm>button {
    padding: 5px 14px
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-confirm .ivu-btn {
    min-width: auto;
    height: auto
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-confirm .ivu-btn.ivu-btn-text {
    border: .125rem solid rgba(var(--primary-background-2), .5);
    background: transparent
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-picker-panel-content .ivu-picker-panel-body-wrapper {
    color: rgba(var(--white-color-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-picker-panel-content .ivu-picker-panel-body-wrapper .ivu-time-picker-cells-cell.ivu-time-picker-cells-cell-selected,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-picker-panel-content .ivu-picker-panel-body-wrapper .ivu-time-picker-cells-cell.ivu-time-picker-cells-cell-selected:hover,
.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-picker-panel-content .ivu-picker-panel-body-wrapper .ivu-time-picker-cells-cell:hover {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--primary-background-2), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-picker-panel-content .ivu-time-picker-cells-list {
    border-left-color: rgba(var(--primary-border), 1)
}

.ivu-time-picker .ivu-select-dropdown .ivu-picker-panel-body-wrapper .ivu-picker-panel-body .ivu-time-picker-header {
    border-bottom-color: rgba(var(--primary-border), 1)
}

.ivu-tree-view {
    overflow: hidden
}

.ivu-tree-view ul {
    line-height: 2.5rem;
    position: relative;
    z-index: 99;
    padding: 0 0 0 1rem
}

.ivu-tree-view ul li .ivu-tree-arrow .ivu-icon-ios-arrow-forward:before {
    content: "\F363"
}

.ivu-tree-view ul li .ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner {
    background: rgba(var(--text-color-5), 1)
}

.ivu-tree-view ul li .ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner:after,
.ivu-tree-view ul li .ivu-checkbox-wrapper .ivu-checkbox.ivu-checkbox-checked .ivu-checkbox-inner:hover {
    border-color: rgba(var(--white-color-2), 1)
}

.ivu-tree-view>ul>li .ivu-tree-title {
    margin-left: 0;
    padding-left: .5rem;
    line-height: 2.5rem
}

.ivu-tree-view>ul>li .ivu-tree-title.ivu-tree-title-selected:after,
.ivu-tree-view>ul>li .ivu-tree-title.ivu-tree-title-selected:hover:after,
.ivu-tree-view>ul>li .ivu-tree-title:hover:after {
    content: "";
    width: 45rem;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -150px;
    right: 0;
    background: rgba(var(--primary-background-2), .3);
    z-index: -9
}

.ivu-slider-bar {
    height: .375rem;
    background-color: rgba(var(--text-color-5), 1);
    border-radius: .188rem
}

.ivu-slider-button {
    width: 1.25rem;
    height: 1.25rem;
    background-color: rgba(var(--white-color-2), 1);
    border: .125rem solid rgba(var(--text-color-5), 1)
}

.ivu-slider-wrap {
    background-color: rgba(var(--primary-background-2), .5);
    height: .375rem;
    border-radius: .188rem
}

.ivu-slider-wrap:active {
    background-color: rgba(var(--background-38), 1);
    height: .375rem;
    border-radius: .188rem
}

.ivu-upload {
    display: flex !important;
    flex-wrap: wrap
}

.ivu-upload .ivu-upload-select {
    margin: 0 1.5rem 1.5rem 0
}

.ivu-upload .ivu-icon-ios-cloud-upload-outline:before {
    font-size: 2rem;
    content: "\F2C7";
    color: rgba(var(--white-color-2), 1)
}

.ivu-upload .ivu-btn-ghost {
    width: 7.5rem;
    height: 7.5rem;
    padding: 2rem 0 2.25rem;
    border-radius: .25rem;
    background-color: rgba(var(--background-38), 1);
    border: .05rem dashed rgba(var(--primary-border), 1)
}

.ivu-upload .ivu-icon-ios-cloud-upload-outline {
    display: block;
    margin-bottom: .5rem
}

.ivu-upload .ivu-btn-ghost>span {
    margin-left: 0
}

.ivu-upload .ivu-btn {
    font-size: .75rem !important;
    color: rgba(var(--text-color-6), 1);
    letter-spacing: 0
}

.ivu-upload .ivu-btn-ghost:hover {
    border: .0625rem dashed rgba(var(--text-color-5), 1) !important
}

.ivu-upload .ivu-upload-list {
    display: flex;
    margin: 0;
    flex-wrap: wrap
}

.ivu-upload .ivu-upload-list-file-finish {
    height: 7.5rem;
    margin: 0 1.5rem 1.5rem 0;
    width: 7.5rem;
    padding: 0
}

.ivu-upload .xview-image {
    margin: 0 !important;
    width: 100%;
    height: 100%
}

.ivu-upload .xview-image>div,
.ivu-upload .xview-image img {
    width: 100%;
    height: 100%;
    margin: 0
}

.ivu-upload .ivu-upload-selected label.ivu-checkbox-wrapper.ivu-checkbox-wrapper-checked {
    position: absolute
}

.ivu-upload .ivu-upload-selected span.ivu-checkbox {
    left: .3rem;
    bottom: 7.25rem
}

.ivu-upload .ivu-upload-selected-checkBoxConst {
    width: 100%;
    bottom: 0;
    height: 1.47rem;
    text-align: center;
    line-height: 1.375rem;
    opacity: .8;
    background: rgba(var(--bacground-77), 1);
    position: absolute;
    font-family: PingFangSC-Regular;
    font-size: .75rem;
    color: rgba(var(--white-color-2), 1)
}

.ivu-upload .ivu-upload-selected label.ivu-checkbox-wrapper {
    position: absolute
}

body>.root>div {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    overflow: auto
}

.xview-container,
.xview-designer-page {
    background: transparent
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
    background-color: transparent !important
}

@media only screen and (max-width:1920px) {
    html {
        font-size: 16px
    }
}

@media only screen and (max-width:1680px) {
    html {
        font-size: 14px
    }
}

@media only screen and (max-width:1440px) {
    html {
        font-size: 12px
    }
}

@media only screen and (max-width:1366px) {
    html {
        font-size: 10px
    }
}

body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent !important;
    font-family: PingFangSC-Regular, Microsoft Yahei, Helvetica, Arial, sans-serif
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: rgba(var(--background-39), 1)
}

i.buttons-item__icon.el-icon-plus {
    font-weight: 700
}

.dataAmount {
    padding: 3px 13px;
    margin-left: 5px;
    background-color: rgba(var(--background-8), 1);
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: rgba(var(--text-color-5), 1)
}

.dataAmount em {
    font-style: normal;
    color: rgba(var(--text-color-7), 1)
}

.hw-card-bg .hw-card__body.el-card {
    background: none !important;
    box-shadow: none
}

.hw-ico_search .el-input__inner {
    border: 1px solid rgba(var(--primary-border), 1) !important
}

.hw-range-editor-25 .el-range-separator {
    line-height: 30px !important
}

.danger {
    color: rgba(var(--red-color-22), 1)
}

.info {
    color: rgba(var(--text-color-7), 1)
}

.normal {
    color: rgba(var(--green-color-24), 1)
}

.warn {
    color: rgba(var(--yellow-color-23), 1)
}

#unified-portal .flex {
    display: flex
}

#unified-portal .flex-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

#unified-portal .flex-col {
    display: flex;
    flex-direction: column
}

#unified-portal .up-top {
    width: 100%;
    background-color: rgba(var(--background-38), 1);
    background-blend-mode: normal, normal;
    height: 3.5rem;
    line-height: 3.5rem
}

#unified-portal .up-top .top-right .top-item {
    margin: 0 .5rem
}

#unified-portal .up-top .top-right .top-item .user-head {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%
}

#unified-portal .up-top .pr-2 {
    padding-right: 2rem;
    position: relative
}

#unified-portal .up-top .top-left .top-logo {
    margin: 0 15px;
    height: 100%
}

#unified-portal .up-top .top-left .logo__img {
    object-fit: contain
}

#unified-portal .up-body {
    height: calc(100% - 3.5rem)
}

#unified-portal .up-body.fullHeight {
    height: 100%
}

#unified-portal .up-body .main-frame__content {
    display: flex;
    overflow: hidden;
    height: 100%;
    width: 100%;
    position: relative
}

#unified-portal .up-body .main-frame__content .left-scrollTop {
    height: 24px;
    background: rgba(var(--background-8), .7);
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center
}

#unified-portal .up-body .main-frame__content .left-scrollTop img {
    width: 16px;
    height: 16px;
    margin: 0 auto
}

#unified-portal .up-body .main-frame__content .left-scrollTop:hover {
    background: rgba(var(--background-8), 1)
}

#unified-portal .up-body .main-frame__content .left-scrollBottom {
    height: 24px;
    background: rgba(var(--background-8), .7);
    position: fixed;
    bottom: 0;
    width: 64px;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center
}

#unified-portal .up-body .main-frame__content .left-scrollBottom img {
    width: 16px;
    height: 16px;
    margin: 0 auto
}

#unified-portal .up-body .main-frame__content .left-scrollBottom:hover {
    background: rgba(var(--background-8), 1)
}

#unified-portal .up-body .main-frame__content .body-left {
    height: 100%;
    width: 64px;
    background: linear-gradient(rgba(var(--background-57), 1), rgba(var(--background-58), 1) 75%, rgba(var(--background-16), 1));
    background-blend-mode: normal, normal;
    box-shadow: .125rem 0 1.25rem 0;
    z-index: 111;
    position: relative
}

#unified-portal .up-body .main-frame__content .body-left .left-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

#unified-portal .up-body .main-frame__content .body-left .dropdown {
    position: relative;
    cursor: pointer;
    transition: border-color .3s, background-color .3s, color .3s
}

#unified-portal .up-body .main-frame__content .body-left .dropdown.click,
#unified-portal .up-body .main-frame__content .body-left .dropdown:hover {
    background-color: rgba(var(--background-38), 1)
}

#unified-portal .up-body .main-frame__content .body-left .dropdown .menu__main {
    align-items: center;
    padding: 8px 7px
}

#unified-portal .up-body .main-frame__content .body-left .dropdown .menu__main>img {
    width: 40px;
    height: 40px
}

#unified-portal .up-body .main-frame__content .body-left .dropdown .menu__main>span {
    font-size: 12px;
    color: rgba(var(--white-color-2), 1);
    width: 100%;
    text-align: center;
    letter-spacing: .5px
}

#unified-portal .up-body .main-frame__content .body-left .dropdown .activeBlur {
    width: .188rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(180deg, rgba(var(--background-78), 1), rgba(var(--dropdown-activeBlur-background-79), 1) 61%, rgba(var(--dropdown-activeBlur-background-80), 1)), linear-gradient(rgba(var(--dropdown-activeBlur-background-81), 1), rgba(var(--dropdown-activeBlur-background-81), 1));
    box-shadow: .125rem 0 .625rem 0 rgba(var(--dropdown-activeBlur-boc-shadow-5), 1)
}

#unified-portal .up-body .main-frame__content .body-left .menu__sub {
    position: absolute;
    left: 64px;
    width: unset;
    list-style: none;
    padding: 0;
    cursor: pointer;
    background-image: linear-gradient(rgba(var(--background-57), 1), rgba(var(--background-58), 1) 75%, rgba(var(--background-16), 1));
    top: 0;
    margin: 0;
    color: rgba(var(--text-color-50), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--box-shadow-2), .8)
}

#unified-portal .up-body .main-frame__content .body-left .menu__sub li {
    transition: all .3s linear;
    width: 100%;
    text-align: left;
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 1rem;
    font-size: 14px;
    position: relative;
    padding-right: 1rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#unified-portal .up-body .main-frame__content .body-left .menu__sub li.click,
#unified-portal .up-body .main-frame__content .body-left .menu__sub li:hover {
    background-color: rgba(var(--background-38), 1);
    color: rgba(var(--white-color-2), 1)
}

#unified-portal .up-body .main-frame__content .body-left .menu__sub li>span {
    display: block;
    width: 88%
}

/* #unified-portal .up-body .main-frame__content .body-left .menu__sub li .icon-arrow__right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjBBgLJCttKO07AAAAb0lEQVRIx2NgQAH/Xf/f+f/mfxkDeeA/y/83/yGghzwDBP4jAJlGrKbQiP9c//ciGdE3asSoEYPKiP1IRtRRasSv/1zIckxkmEdnL1AYiKPaqaW9dyRpZ2D4vwZJezfp2gUo0o5SuZKjnYGBnOodAPmsnTuRagrJAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA0LTI0VDA5OjM2OjQzKzAyOjAwMbUM7wAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNC0yNFQwOTozNjo0MyswMjowMEDotFMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) 50% no-repeat;
    width: .6rem;
    height: 100%;
    position: absolute;
    right: 1rem;
    top: 0;
    background-size: 100%
} */

#unified-portal .up-body .main-frame__content .body-left .menu__sub-sub {
    position: absolute;
    list-style: none;
    padding: 0;
    cursor: pointer;
    background-image: linear-gradient(rgba(var(--background-57), 1), rgba(var(--background-58), 1) 75%, rgba(var(--background-16), 1));
    top: 0;
    margin: 0;
    color: rgba(var(--text-color-50), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--box-shadow-2), .8)
}

#unified-portal .up-body .main-frame__content .body-left .menu__sub-sub li>span {
    width: 100%
}

#unified-portal .up-body .main-frame__content .body-right {
    flex: 1;
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    position: relative
}

#unified-portal .up-body .main-frame__content .body-right body,
#unified-portal .up-body .main-frame__content .body-right html {
    background: unset !important
}

#unified-portal .up-body .main-frame__content .body-right .content-wrap {
    width: 100%;
    height: 100%
}

#unified-portal .up-body .main-frame__content .body-right .toggle-fullscreen {
    right: 0;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    position: absolute;
    transition-duration: 1s;
    background: rgba(var(--white-color-2), 1);
    border-radius: 8px 0 0 0;
    box-shadow: 0 0 24px 0 rgba(var(--box-shadow-6), .3);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    opacity: 0
}

#unified-portal .up-body .main-frame__content .body-right .toggle-fullscreen:hover {
    opacity: .6
}

#unified-portal .up-body .main-frame__content .body-right .toggle-fullscreen img {
    cursor: pointer;
    width: 55%;
    height: 55%
}

#unified-portal .up-body .main-frame__personal {
    width: 100%;
    height: 100%;
    padding: 1.125rem 3rem;
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#unified-portal .up-body .main-frame__personal .user-tab {
    padding-top: 1.25rem
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs {
    width: 75rem;
    margin: 0 auto;
    border: 1px solid rgba(var(--primary-border), 1);
    background: transparent !important
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs__header {
    margin: 0 0 2.5rem;
    border-bottom: 1px solid rgba(var(--primary-border), 1);
    background-color: rgba(var(--background-8), 1);
    height: 40px;
    overflow: initial
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs__nav-wrap:after {
    height: .063rem;
    background-color: rgba(var(--border-color-1), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs__active-bar {
    height: .125rem;
    background-image: unset;
    background-color: unset
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs__item {
    color: rgba(var(--light-color-3), 1);
    font-size: 1.125rem;
    letter-spacing: .044rem;
    width: 100%;
    padding: 0;
    text-align: center
}

#unified-portal .up-body .main-frame__personal .user-tab .el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1);
    border: none;
    border-bottom: transparent;
    background: rgba(var(--background-32), 1);
    border-right: 1px solid rgba(var(--primary-border), 1);
    border-left: 1px solid rgba(var(--primary-border), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 60vh;
    min-height: 45vh;
    overflow: auto;
    margin: 0 1.5rem
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-head {
    position: relative;
    width: 10rem;
    height: 10rem;
    border-radius: 50%
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-head img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-head .edit-head {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--border-color-1), .8);
    border-radius: 50%;
    transition: .3s
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-head .edit-head i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-head .edit-head input {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userinfo-item {
    margin-top: 1.5rem
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .userInfo-pswrule {
    width: 25rem;
    font-size: .875rem;
    line-height: 1.5rem;
    letter-spacing: .038rem;
    color: rgba(var(--light-color-3), 1);
    background: rgba(var(--background-32), 1);
    border: 1px solid rgba(var(--primary-border), 1);
    padding: 20px
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .main-item {
    width: 100%;
    height: 66px;
    align-items: center;
    border-top: 1px solid rgba(var(--primary-border), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .flex {
    display: flex
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .space-between {
    justify-content: space-between
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .font-normal {
    font-size: 14px;
    color: rgba(var(--white-color-2), 1);
    font-weight: 700
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .font-small {
    font-size: 14px;
    color: rgba(var(--color-text-4), 1);
    font-weight: 100
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .font-phone {
    color: rgba(var(--text-color-5), 1);
    font-weight: 100
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .item-last {
    white-space: nowrap
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .text-clickable {
    font-size: 14px;
    color: rgba(var(--background-41), 1);
    cursor: pointer
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .item-divide {
    color: rgba(var(--color-text-4), 1);
    margin: 0 10px
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .icon-set {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABZElEQVQ4jY3Tv0tVYRzH8dc93iETiQp0aAgbWiTMyQgCSUR0E6EhIkKLO4iQ4B/g1NAigUOHBgnFQSXulA3SUATRUi7aIAiig3MN6vVHw/McOZyu5Xs6PN/P5/uc5/ujlKapAh0YRBMa0YB9/MYyvuTF5YL5Je5G4Tts4gTXcQ8vsIGRegnmcRn9+FVIvItvmMIiVtCHoyQKJnHpDHOeYwxhOyZTxi0MoOsfxiJP8Bn3EzxCVXjr/3iL6fi9hIcJLuLDOcyv8RjvcwlqZSTYygmvoRk/c2fTqOA2VuPZDspZEfO/34L1eBu8wSjac+aMUoLDeGvGdzwX3vsJT9GJtYK5FbUENfQUgq8wLHToBn74m0E0JlgQeltkRhiszToxeIBqIkzYV8ydIazHlFD4albECVzF7DnMKboxRmhhRj/28BHjuJmLtUXDCq7gjjjyxW18hl5htCvCOl/AgbAHqbBMp/wBPVJJDtBgcFAAAAAASUVORK5CYII=)
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .icon-unset {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABYUlEQVQ4jX3TTUuVURQF4Oe+foQ4SB1IiDqoJupMaCBo/8A0FBHUieBHI0f1G3TUKJw4EFEuSFgT/4KB4CzQoDtSJIpbSqIUfjQ459Lr63tdcGCz1zqLffbZu1B69UQGQ5hCM65iLsFvFLGZFtdm4vfoxEds4XPkuqLxG0xjFGdpgzqUsIfelGlN5PbjWcQ6vuApLpIoXMcnvExdbsIxvqEtlZ/ENj5UKniBZ3ic6cVDtMa4PZpVMIuvmEywgBV3cYi/MS7l8G8xn+AB1nIE1yjHuJzDF8UenOMoRwC/xG7n4CfKSRUybXB6D39TiwZ0CG/O4jgnV0EjWhJcYryKaAz9VbgRNCVYFqYrD8P3mL/GaiHuwrbwhPmM6A/qUcjkl/AcfZVRnsBBFM6lhB1u7wvh/yfQQ9gyOBFmuxu7sZI2fBca+Qgz2EFfvPxDxv0MA8KYDmPQ/xloFBZrA+/S5fwDMalHtG9qKnwAAAAASUVORK5CYII=)
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .main-icon {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100% 100%
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .item-status {
    margin-left: 5px;
    font-size: 14px;
    color: rgba(var(--color-text-4), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .userInfo .unset {
    color: rgba(var(--text-color-5), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .main-greet {
    margin: 0 1.5rem;
    font-size: 1.33rem;
    color: rgba(var(--text-color-6), 1)
}

#unified-portal .up-body .main-frame__personal .user-tab .main-name {
    font-size: 1.66rem;
    font-weight: 700;
    margin: .8rem 1.5rem 2rem
}

#unified-portal .safe-tips {
    font-size: .875rem;
    color: rgba(var(--color-text-4), 1);
    margin-bottom: 1.5rem;
    max-width: 32rem
}

#unified-portal .safe-normal {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    margin-bottom: 1rem
}

#unified-portal .safe-normal .des {
    color: rgba(var(--color-text-4), 1)
}

#unified-portal .safe-normal a {
    padding-left: 1.5rem
}

#unified-portal .userInfo-item {
    width: 25rem
}

#unified-portal .userInfo-item>label {
    font-size: .75rem;
    letter-spacing: .031rem;
    color: rgba(var(--light-color-3), 1)
}

#unified-portal .userInfo-item .btn-wrap {
    display: flex;
    justify-content: flex-end;
    height: 4rem
}

#unified-portal .userInfo-item .el-input {
    margin-top: .5rem;
    margin-bottom: .563rem
}

#unified-portal .userInfo-item .el-input .el-input__inner {
    background: transparent;
    border-radius: .25rem;
    border: 1px solid rgba(var(--primary-border), 1);
    font-size: .875rem;
    letter-spacing: .038rem
}

#unified-portal .userInfo-item.error .el-input__inner {
    box-shadow: 0 0 .5rem 0 rgba(var(--text-color-5), .7);
    border: 1px solid rgba(var(--text-color-5), 1)
}

#unified-portal .userInfo-item.error label.error-msg {
    color: rgba(var(--red-color-22), 1)
}

#unified-portal .userInfo-item .item-input {
    margin-top: .5rem;
    margin-bottom: .563rem
}

#unified-portal .userInfo-item .item-input .el-input {
    margin: 0 .5rem 0 0
}

#unified-portal .userInfo-item .item-input .btn-common.btn-verify {
    height: 100%
}

#unified-portal .userInfo-item .item-input .btn-common.active {
    color: rgba(var(--black-color-1), 1);
    background: rgba(var(--white-color-2), 1)
}

#unified-portal .safe_success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE4NjA4RTM4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE4NjA4RTQ4NTgwMTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTg2MDhFMTg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTg2MDhFMjg1ODAxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnSq+/MAAAqNSURBVHja5JtrbFxHFcdnr3ft+B07cRLnQUpDgdQFgUhBpC2FioRUqgSUN99KEVAkRHm/ESAIpeFRKFJB0PQLaiUeIV+A0JbQkrQVlAoEhKaq2gYanDiO7dpee9evXc4ovxMfX9+7e+1dex240r+bzvXePf//nDlz5szcVLFYdP/PV9r/J+UeWarnp0AgqDOfKQN/FQ1mBAXzqe1LY6D3gCoLYAlnBPUGGZDmb6wAnuy0YApMGkyFBFlxAmhvKulVoEnQCBoQIV1GgGlITwhyYFyQBypGVTyjUgGUeBpynmizoFXQwr/954sFLxU8T7BB0MnfruI5eYgOCk4L/i34m+C4ICsY43OUf+cQabpSISoRwBJvgnQ76BC8WvBaQQ/3F3P5nj8meEDgjRwSDINR7lshlkUAHeMZerEVwr5XNwneLNhFu179gicEzwhOCnoFz0HAIdBqwUbBZsFFeE2XeYYnfJ/gl4L/4C1DtOcYGguOEQsVQMd5A67tjV6L4e8UXIsoDpJHBUdw6TzjeooemzHG6nPTCNvA8NgieI3gSn7DQfaQ4B5+4yxiZnn+zEJEWIgA6vKeYJtgjWC94HWCG01vHaOX/mzGrAaxyYQC1JsgqjFlB97VY7zqTsHvBX2CAcEIAiUeEkkFSBmX9+6+jt65SXAN971r7xc8So+MGPecgPxMzPwezhfsbNKIt7XjcZcLbuD3/fcPC+4QPCs4w7DQIVGshgBKvolx7nv9UsFnBRej9i8EP6cnBiE/VsG0FTWtNuN5asNbBW/Ba3xs+Zrgn8aG8SQilBNA3V7J+3H4csGXGALe7b4r+BPqK/kw8UpzDCuEiuC98JWCDxtbvF1/ITaoCCWHQykB9IcbDXk/Dr+CK55A9SeN6mOLCUSLCMDNxhMuEXyOmcMPvS8Sf1SEXCl7SglQh+J+zHcLXiK4hWD3OOSfIXEZMi5XWOL1S2CGZAeJ1fMRYTvB8ZMEY51u84gQ+bBS474Z99rEmO8yPf8U8/FZpqDJZSDv+I1JfvMsNjyFTSew8fPYvJYAmonjGpSZ7jTif0CwDXX30vOnTMSddku4You4ivxmDhtOYdNebNyGzesYro1mFZpIgHrm3rVMc7tx79vI6E7XkHycCKex7TZs9Ta/Hg6tcCorgI36HQS+99Cuyc2ZFUA+ToQ+bDyAze9lKHTAKR0WISjR+z7Kvgs38knOT3GvRNNLDUQYRwRv48+w2XN4N5+RXhBERH5Ndf2iZA/t+808P5Y0y1riKlO4ojSFbYPYup97u+HSbmJBpAA28vvA8Sa+cIz0VpOciWWK9nErUF0oNeDSGtwK2DaCrY9ieyNc2uGWsV4QhMRYZZa3u2g/YHL72Pl0GcjbFWgHXtoYGtcz2DiCzQdo38V3WuEYRAmgiU8LxYxW5tjHKEDUwvUt+Tbm+G5WoJvp0XTMUBjG9l647ITbKjsMgogFTzOVHH89xIouW4Pet+TbSXv9CvDTgp8IvhzhAdYLtIR2lPar4dZkh0EQsdxtMmvuB3lQbpl7P4q87/GbBW+H5COhnnchL8jhCX+gvQcBGqMECExwuRQRellj55a591MmHil5P5d/SHAddvhk53cEvajpWL1gHA79cNpuAmhgBahjjvQ3LqPtyVApulgj8ptZ8u6B2PcFvzY1xSjb1AvU/sdpv8yU5+vO7wyZKaaeH/TX0yg8sUxJTxz5m0nHPfnbBb8i9y+VkBVD+wv/on2L2aAJogTI4G4O15lKuMQNDAFnqj9Jq7R2rW/Jf4SI78l8T/AbZqb+BCvQgrH/Wdq6Dc95AmgtrpO2M6Z4WUhgfL1xrRmzvTWd8PsNzPFK/mNUhKeoOh0iLiUh70I7TadoW2N4zhEgZW7oJsawm92kLCasGbYQZWcInlmTPxQWQP4TlMInCXj3LqL2UDRF2CHamg3PedOgQrerxtzcXdtydUP/8A+yebEnQUEiZZIvJe+3zj5lyH9H8NtFFl6s7TnaGsLriKCKASwNCb+E/jrp58YYESz5dspaSn4nJPfR8wtx+7grbabHyBtWrbwpQ1u1imVczbv5j6jPXUkJLcPGhTNeNWU8bbXJ8D5DlXcC8ofNzk92EfVGa7sO6zzPOB+c0xHjZdyUnwM3dxu7XFHCz83f4Ds7KU76nr7fGJPnfhvkt0J+B/f2IVol5MNxrTVOgMBETBVgkLb1bu5efqlLFyADGH4r64h6ovluYsIGhsQ6hsdFVHN3IOAtVSKv3NT+DbQNhnanznuAnTN9wHkBbpkpVVE1HqBr8WHjLV6EjwuuEnyU33oAodII4T3kZZD3ceMI5AcqJO/MZkoGLo7pcE5uEyXASdouJmpq4WEyQRyYYBhoPPkmz76adNaPxb/iGe8nNR2H/FHT82MVkk+F0vutccmdjY6TjJHjtF3iZo+6ZMoEQitCPtT+Ldp9Ovs+d24P0W+vvRCiexku2vOVkre5idq/nfYn3NyN2jkeoAIcwyU34jp9PGQsYfJRCIlQZD4vUKZ+B+1ZNjMexjWrRd4Wd5pIrLrg9A83e7ymEJ4FJrk5yh9ejuseN2voJIuisAj6//uIEdcxr3/bndtU7QsVWyslb2sbzXBwdGzWCDBvGtTS8hiFEC/AFYK7SWSGTW7vFiCCDZK3sqgpYIye+RlPsGZYaO+3MP1dEVHcmQ4L4GjUUtLDeIKful6Bez7nyuy0lpgd1MNG+M0i7Xmz3K4GeVvZbsf2TXB5KCTAvKKo9tgoPXMf7deTsbWFC4oJRdDZYRRX7yfSD7vq7yjXmSRuNbY7uAyZ2mYhSoBwRfUgavWQqHTy4IZFrCF0aTphqjSTrrrnCGz1uJMh3AOHg3DKhitIQUQtLccfn2QN7q8byd46ozYXVsBlXV9Pj9zAvXvhMmyGcOzWmI5Vddd7KIz4qeRtTCexG401JG83dLuwdQsc7uZzNCqZC2IWNrrR2MseW5HxtIM1QkdMTb5W5PUsw3oC3/XY/GNS+6G4+mE6JnCpF5xlWeoztzdQoOx3swegnKvdNnkU+RdRR8xQSLkfDqNxqXxQZnk7xBD4gTt3DKXLzR6P666hJ4TJd2OTHuPxtv4Q20tO30GJ6UtnBD2H81V6X5ew20Jlr/oqVpjKRft6fnMtNmxzsyfFBrD1ZJJV5f/aMTkf6b/gqnRMLhxhSx2U/KObPT2yXAclvau/ykUflNTFVUUHJaPK3noub6UdlX2aZXXVj8pGrbBWk2j4sXcT1d8UxYa73Oxh6WGTe6sQ06GaXNRhaS1lJT0s7dPcO8yOUdUPS4eHg5ay1yDENW7+cXl/MuMxV93j8jq/h4/LHybaDyB63i3BcfmoQBR+YcKfKLvWbKz0UuM7gneEX5gomMgc7nn7wsRVYKOp7B4iw1vWFyasCHGvzHiD3+jmvzJzhsLKCVz1tFkNOnq6jfhiX5lZZ54xSmJzEEFr8spM1JCIe2lqJ9WYarw09SA1ihXx0lRUtLavzbUYhF+b20ovd3Cv3tQLxiHWh6f83c1/bS4bKmvV9LW5ctNW3IuTGTe7PZ2K2Jm6oF6cLBUj0sYzkrw6qwJEvTo7bQLninx1tpxnJH15umBwwb48fUFd/xVgANaBm0kAElHrAAAAAElFTkSuQmCC);
    width: 64px;
    height: 64px
}

#unified-portal .safe_success-tip {
    color: rgba(var(--color-text-4), 1);
    font-size: 1rem;
    margin-top: 1.5rem
}

#unified-portal .safeacct-box__captchaImg {
    width: 8rem;
    border-radius: .25rem;
    border: 1px solid rgba(var(--primary-border), 1);
    cursor: pointer;
    margin-left: 1rem;
    padding: 4px
}

#unified-portal .el-form-item__label {
    float: unset
}

#unified-portal .active {
    display: block !important
}

#unified-portal .hide {
    display: none !important
}

#unified-portal .single-overflow__ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#unified-portal .multi-overflow__ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#unified-portal .fade-enter-active,
#unified-portal .fade-leave-active {
    transition: opacity .3s
}

#unified-portal .fade-enter,
#unified-portal .fade-leave-to {
    opacity: 0
}

#unified-portal .sc-slide-fade-enter-active {
    transition: all .3s ease-in-out
}

#unified-portal .sc-slide-fade-leave-active {
    transition: all .3s cubic-bezier(.6, -.28, .74, .05)
}

#unified-portal .sc-slide-fade-enter,
#unified-portal .sc-slide-fade-leave-to {
    transform: translateY(10px);
    opacity: 0
}

#unified-portal .btn-common {
    outline: none;
    width: 8rem;
    height: 3rem;
    border-radius: .25rem;
    border: none;
    font-size: .875rem;
    letter-spacing: .038rem;
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-41), 1);
    cursor: pointer;
    margin-left: 1rem
}

#unified-portal .btn-common:hover {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

#unified-portal .btn-cancel {
    background: rgba(var(--background-8), .4)
}

#unified-portal .el-drawer {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#unified-portal .el-drawer .el-drawer__header {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem
}

#unified-portal .el-drawer .el-step__title {
    font-size: .875rem
}

#unified-portal .el-drawer .el-step__title.is-process {
    color: rgba(var(--text-color-5), 1);
    font-weight: 400
}

#unified-portal .el-drawer .el-step__title.is-wait {
    color: rgba(var(--placeholder-color-28), 1)
}

#unified-portal .el-drawer .el-step__title.is-success {
    color: rgba(var(--text-color-5), 1)
}

#unified-portal .el-drawer .el-step__icon {
    width: 2rem;
    height: 2rem;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#unified-portal .el-drawer .el-step__icon .is-text {
    border: 3px solid
}

#unified-portal .el-drawer .flex-column {
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#unified-portal .el-drawer .el-step__head.is-wait {
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

#unified-portal .el-drawer .el-step__head.is-process,
#unified-portal .el-drawer .el-step__head.is-success {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

#unified-portal .el-drawer .el-step__head.is-success .el-step__line {
    background-color: rgba(var(--text-color-5), 1) !important
}

#unified-portal .el-drawer .el-step__line {
    background-color: rgba(var(--primary-border), 1)
}

.el-dropdown-menu.ioc-el-dropdown-menu {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 0;
    margin: 5px 0;
    border-radius: .5rem;
    background: rgba(var(--background-38), 1);
    background-blend-mode: normal, normal;
    box-shadow: 0 1rem 3rem rgba(var(--background-8), .7);
    border: 1px solid rgba(var(--primary-border), .4)
}

.el-dropdown-menu.ioc-el-dropdown-menu .el-dropdown-menu__item {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    line-height: 2.5rem
}

.el-dropdown-menu.ioc-el-dropdown-menu .el-dropdown-menu__item:focus {
    background-color: rgba(var(--background-38), 1);
    color: rgba(var(--text-color-5), 1)
}

.el-dropdown-menu.ioc-el-dropdown-menu .el-dropdown-menu__item:not(.is-disabled):hover {
    background-color: rgba(var(--primary-background-2), .3);
    color: rgba(var(--text-color-5), 1)
}

.ioc-el-dropdown-menu.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: rgba(var(--background-38), 1);
    display: none
}

.ioc-el-dropdown-menu.el-popper[x-placement^=bottom] .popper__arrow:after {
    display: none
}

.ioc-el-dropdown.el-dropdown {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    cursor: pointer
}

.ioc-el-dropdown.el-dropdown>span {
    outline: none
}

.ioc-el-dropdown .nav__project-choose {
    position: absolute;
    top: 4rem;
    right: 0;
    z-index: 99;
    max-width: 100%;
    min-width: 22.5rem;
    padding: .3rem;
    color: rgba(var(--text-color-5), 1);
    border-radius: .5rem;
    background: rgba(var(--background-38), 1);
    background-blend-mode: normal, normal;
    box-shadow: 0 1rem 3rem rgba(var(--background-8), .7);
    border: 1px solid rgba(var(--primary-border), .4);
    font-size: .875rem
}

.ioc-el-dropdown .nav__project-choose .nav__project__btn {
    position: absolute;
    top: .6rem;
    right: .6rem;
    display: flex;
    width: 3rem;
    height: 1.5rem
}

.ioc-el-dropdown .nav__project-choose .nav__project__btn .nav__project__btn_common {
    flex: 1;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer
}

.ioc-el-dropdown .nav__project-choose .nav__project__btn .nav__project__btn_confirm {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAAGgrv1cAAAAAXNSR0IArs4c6QAAAJxQTFRFAAAA//8A//8A/5kA/6oA/5IA/58A/5kA/4sA/5UA/4wA/48A/5IA/4wA/40A/44A/44A/4wA/44A/44A/4wA/40A/4wA/40A/40A/4wA/40A/4sA/4wA/4wA/4wA/4sA/4wA/4sA/4wA/4wA/4wA/4sA/4wA/4wA/4wA/4sA/4wA/4sA/4wA/4wA/4wA/4wA/4sA/4sA/4wA/4sAaS4wLAAAADN0Uk5TAAECBQYHCAoLDBQgIygvND9FT1FSXF1gaXN0jY6bnaOkpbGytre/w8XG0NHT1Nfk5errF339/AAAAP5JREFUKM+VUclWwzAMHDulkBqoIQtkAackZckCcfP//4YtOyFw6UMHaTRP0kg2QLbDbBIDWkSEOkt8PKAwoS/jpQYNeAgwl2TgV563DKv0nKW5WBrIRluQEDSzlQmCA2/3BlBT8EJ9E86ZyFOvjqAzI6QTYPVKbiB4AWkrK4u3j0BqYgk84dOA3AlvrSC3u8Z+Kl2OibIxdFysy2pg+KexqNeqKJQeonVvOI1LyuopmHHc/lJgXeQP1nwhr097s652b5uV1r9b93wgpsgpJHTy5au6Pd24PpW6mb2kuLmbv7z3muz4tRavm59dwmMraQMu2yb4c6JIsiwR55/mG5FqD1bxbZewAAAAAElFTkSuQmCC)
}

.ioc-el-dropdown .nav__project-choose .nav__project__btn .nav__project__btn_reset {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAAGgrv1cAAAAAXNSR0IArs4c6QAAAMNQTFRFAAAA//8A/6oA/6oA/5kA/50A/5IA/5QA/5IA/5MA/44A/4sA/5EA/4wA/44A/48A/44A/4wA/44A/4wA/4sA/4wA/4wA/4wA/44A/4wA/4sA/40A/4sA/44A/4wA/40A/40A/4sA/4wA/4sA/4wA/4wA/4sA/4sA/4wA/4sA/4wA/4wA/40A/4wA/4wA/4wA/4wA/4wA/4sA/4wA/4sA/4wA/4sA/4wA/4wA/4wA/4wA/4wA/4wA/4wA/4sA/4wA/4sAvEQY4QAAAEB0Uk5TAAEDBgoNDhMVGhshJSgrMjQ1PT5CRUlQUVJWV1haZmdrbH6Ag4WLlpmam6ChqK29v87R0tPb5+nr7fHz9Pb7/gCxfwoAAADMSURBVCjPhU+HEoIwDA0KioILBRHc4t4iiODo/3+VbFPF8901eaPpAPjAAuYw85eP8yl0CEz8euBMvG34phP6AEkcpXxXpDMSlHqi9v5SsAC5EfI7/EXrgUTTPUg4bMhBNWI1C8oxyZT4xZ4Xkz1O5ngmei5U1MgzR5xI3/ONMpvljgl5bjQmK8rpAKrdTTVrFHBcc4SIcNcSPci7+bD3trEx9aYRWQ7C1l/9CPIun30UCE4N+9WLkHLdbie0Q1RqnNHW1u1mrbM/iPECUcMQBvDrNKcAAAAASUVORK5CYII=)
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__tab {
    padding: .5rem 2.5rem .5rem .8rem;
    border-bottom: 1.2px solid rgba(var(--primary-border), 1);
    list-style: none;
    overflow: hidden;
    font-size: .875rem;
    margin: 0;
    line-height: 1
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__tab .nav__project-choose__tab__item {
    float: left;
    cursor: pointer;
    margin-top: .2rem
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__tab .nav__project-choose__tab__item:not(:first-child) {
    margin-left: 1.8rem;
    list-style: disc
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__list {
    padding: .5rem .8rem;
    max-height: 22.5rem;
    color: rgba(var(--white-color-2), 1);
    overflow: auto
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__list .nav__project-choose__list__item {
    display: inline-block;
    margin: 0 .8rem .5rem 0;
    line-height: 1
}

.ioc-el-dropdown .nav__project-choose .nav__project-choose__list .nav__project-choose__list__item:hover {
    cursor: pointer;
    text-decoration: underline
}

#PrivacyStatement #reader-text #commercefooter1 {
    background: rgba(var(--white-color-2), 1)
}

#login-container .login-box__agreement {
    color: rgba(var(--white-color-2), 1)
}

#login-container .login-box__agreement a {
    color: rgba(var(--white-color-2), 1);
    margin-left: 5px;
    font-size: 1rem;
    text-decoration: underline;
    cursor: pointer
}

#login-container .loginForm {
    margin-top: 2rem
}

#login-container .loginForm .hw-input-xt {
    width: 100%;
    height: 2px;
    background-color: rgba(var(--white-color-2), 1)
}

#login-container .loginForm .ipnutHover .hw-input-xt {
    box-shadow: 0 0 .25rem 0 rgba(var(--white-color-2), 1)
}

#login-container .loginForm /deep/ .el-form-item input:-internal-autofill-selected {
    background: none !important
}

#login-container .loginForm /deep/ .is-error .el-form-item__error {
    color: rgba(var(--red-color-22), 1) !important;
    font-size: 1rem;
    line-height: 1.16rem;
    font-weight: 700;
    margin-top: 3px;
    margin-left: 5px;
    text-indent: 10px
}

#login-container .loginForm /deep/ .is-error .el-form-item__error:before {
    margin-top: -1px;
    float: left;
    display: table;
    content: " ";
    width: 16px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzQ0N0NEQzA5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzQ0N0NEQzE5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNDQ3Q0RCRTk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNDQ3Q0RCRjk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkGp34oAAAECSURBVHjajJNrDkExEIVLPCKsBPH4d9fCnjzitRXh/rvsQLAAduAHQuo0OSPNaHGTLzc9nZ522hljjTGKOhiAPbiSPbW6jvcHFTAHD2AjuLkJKGkDJ6wZdANjkIAaSbjwxpiVmIjBhBNn0A2kJXQY42KnYtDg0a4M8BdsQKa0NmPdmoYThnQcBnaU3LX+XmN4w5Z5/muQUD8YHsf6N/uHQVkuvIBxzsS/bUQv8n93bocvKcSQFHZ5jJd06wV2yoj++vynzq3pPWM78IwbpbW8Z2yKOOWRToFa0IV0YuxMl3IaKOUq+VnK0kwL8PzSTM9YM+l2HoEjuIOLu21qH+38EmAA2bg8oDQvKaUAAAAASUVORK5CYII=) no-repeat
}

#login-container .loginForm /deep/ .is-error .hw-input-xt {
    background-color: rgba(var(--red-color-22), 1);
    box-shadow: 0 0 .25rem 0 rgba(var(--red-color-22), 1)
}

#login-container .pic-list {
    display: flex;
    width: 100%;
    height: 100%
}

#login-container .login-img {
    opacity: 0;
    position: absolute;
    top: -12.5%;
    left: -12.5%;
    width: 120%;
    height: 120%;
    z-index: 2
}

#login-container .login-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1999
}

#login-container .login-box {
    margin: 8.5rem auto;
    z-index: 99;
    width: 22rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

#login-container .login-box .el-form {
    width: 100%
}

#login-container .login-box input::-webkit-input-placeholder {
    color: rgba(var(--white-color-2), 1);
    opacity: .5
}

#login-container .login-box input:-moz-placeholder,
#login-container .login-box input::-moz-placeholder {
    color: rgba(var(--white-color-2), 1);
    opacity: .5
}

#login-container .login-box input::-ms-input-placeholder {
    color: rgba(var(--white-color-2), 1);
    opacity: .5
}

#login-container .login-box .passDiv {
    width: 100%;
    position: relative;
    margin: 2rem 0 5px
}

#login-container .login-box .passDiv .imEye {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 25%
}

#login-container .login-box__logo {
    width: 95px;
    height: 95px
}

#login-container .login-box__title {
    margin-top: 6.5rem;
    white-space: nowrap;
    font-size: 1.88rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.88rem;
    letter-spacing: .39rem;
    color: rgba(var(--white-color-2), 1)
}

#login-container .login-box__smallTitle {
    color: rgba(var(--white-color-2), 1);
    margin-top: 2.5rem;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.88rem
}

#login-container .login-box__account {
    background: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzQ0N0NEQzQ5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzQ0N0NEQzU5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNDQ3Q0RDMjk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNDQ3Q0RDMzk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuQxGn8AAAEESURBVHja7JU7C8JAEIRNEAXR+Cr9Rb6a9FZaBu3sxf+VPl3sxF6wUUhExOqcwCgSordeEAsd+Ajc7s4We3uxlFKFT8oufFi/02AAfHAkPs/0SoasYaGea6mr15n3aXQBU9AkU54lGuZp4NNklhGbM+a/8rA0exCDGmiDQyrWAnvOxDEdsp33ougMAn5HGbFJKsfoFnUFQ+6ZDrkEPBC/uKYxc0rvNuiAUMm1Yo2oQfnBfANc4GTkOYxtmBuyVtvAY8EaNASb3mCuYq22QcBkV2B+w2VNIFm0E6iAOhdNoioX7szau4oZyRGTIoPXOZIsWrJAOwPzLRinD63/P/nrDa4CDAAeOt9Wc1QYdQAAAABJRU5ErkJggg==) no-repeat left 50%
}

#login-container .login-box__account,
#login-container .login-box__password {
    box-sizing: border-box;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    border: none;
    outline: none;
    text-indent: 30px
}

#login-container .login-box__password {
    background: transparent;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzQ0N0NEQzg5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzcxMkRFRTQ5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNDQ3Q0RDNjk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNDQ3Q0RDNzk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXjqXgAAADMSURBVHjaYvz//z8DLQETA43ByLFAFYjXAvFHKF4LFSMMQJFMAKsD8fv/mOA9VA6vfmIsWAs1cCMQS0LxdqjYWmpY8BFqmASSmCRU7DMh/YxE5AOYAkYixYmKZE8gfoZkCMxAZIws/gyqBwPg8gFIgySJKfI5EEsRawFR3idGPSkZrRWIf0JxK7GaSPHBdyDmgLK/AjEPtX3Qj8SeRAsfkJVkaV7YsZConpFapelzHJkLFwaBF6RYkIJLAw7wFIiTSYnk0SqTfhYABBgAEWcmyqF9tAEAAAAASUVORK5CYII=) no-repeat left 50%
}

#login-container .login-box__captcha {
    box-sizing: border-box;
    height: 3rem;
    line-height: 3rem;
    width: 100%;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    background: transparent;
    border: none;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzMxQkU0Rjk5NkY5MTFFOUI5RENBNDIyMUU3OUE0ODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzMxQkU0RkE5NkY5MTFFOUI5RENBNDIyMUU3OUE0ODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzFCRTRGNzk2RjkxMUU5QjlEQ0E0MjIxRTc5QTQ4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzFCRTRGODk2RjkxMUU5QjlEQ0E0MjIxRTc5QTQ4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhcSE3UAAAFFSURBVHjaYvz//z8DLQETA43BoLFACYgnAfEHKJ4EFSMMQHGAB5sB8Sog/vMfE/yBypnhMwObIBMQ+wHxISTDfgLxAiDWheL5QPwDSR6kNgiql6AFZ5E0vgPiDiCWwqJOAohbgfgtkvpzxFgAA7lAzE0gCBmganKR9KHIM2LJBzABRhITDFZ9xKSiw1DN2PBhWucDgr7EF0QsQPyXhOAjOojeQGkpEnwiAqXfExNEl6C0CQkWWEPpi8RYsAJKF5GQkgrR9OItKniB+BU0TZejyR0G4iNoYvlQtSA9/MRkNBAOAOJ/UI2NQMyMRQ1IrBaq7h+0qGAg1gIQzkIq5I4DsQaSnCoQH0Mq9HJIKeyQsQsQP4Ia9A2IC4A4D4i/QsVAcq6klqbomB9akqKDBdjCnBwLYNgHiO9DsR+x+hhHK31CACDAAOBuMOeZOzf4AAAAAElFTkSuQmCC) no-repeat left 50%;
    text-indent: 30px
}

#login-container .login-box__button {
    margin-top: 3rem;
    width: 100%;
    font-size: 1rem;
    background-color: rgba(var(--text-color-5), 1);
    box-shadow: 0 .125rem .5rem 0 rgba(var(--text-color-5), .6);
    border-radius: .25rem
}

#login-container .login-box__agreement {
    margin-top: 1.44rem;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 1rem
}

#login-container .login-box__text {
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    color: rgba(var(--white-color-2), 1)
}

#login-container .login-box__text--sub {
    color: hsla(0, 0%, 100%, .6)
}

#login-container .login-box__text--agreement {
    cursor: pointer
}

#login-container .login-box__text--agreement:hover {
    color: rgba(var(--text-color-5), 1)
}

#login-container .login-box__captchaImg {
    position: absolute;
    right: 1rem;
    bottom: .4rem;
    width: 5rem;
    height: 2rem;
    cursor: pointer
}

#login-container .login-forgot {
    width: 100%;
    position: fixed;
    bottom: 3rem;
    text-align: center;
    font-size: 1rem;
    z-index: 99;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: .04rem;
    color: rgba(var(--white-color-2), 1);
    cursor: pointer
}

#login-container .login-container {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

#login-container .footer {
    width: 330px;
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -165px;
    bottom: 50px
}

#login-container #login-iframe {
    margin-left: -170px;
    padding: 10px;
    position: absolute;
    left: 50%;
    top: 280px;
    overflow: hidden;
    z-index: 99
}

#login-container .footer-url {
    font-size: 0
}

#login-container .footer-url a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: rgba(var(--white-color-2), 1);
    font-size: .88rem;
    width: 25%
}

#login-container .footer-text {
    font-size: .88rem;
    color: rgba(var(--white-color-2), 1);
    opacity: .3;
    margin-top: 10px
}

#login-container .active {
    animation: scale 12s linear 1 forwards
}

#login-container .fadein {
    animation: fadein 12s linear 1 forwards
}

@keyframes scale {
    0.00% {
        transform: scale(1);
        opacity: 1;
        z-index: 10
    }

    95% {
        transform: scale(.85);
        opacity: 1;
        z-index: 10
    }

    to {
        transform: scale(.85);
        opacity: 0;
        z-index: 10
    }
}

@keyframes fadein {
    0.00% {
        opacity: 0;
        z-index: 11
    }

    30% {
        opacity: 0;
        z-index: 11
    }

    95% {
        opacity: 1;
        z-index: 11
    }

    to {
        opacity: 1;
        z-index: 11
    }
}

#login-container #login-iframe.iframe-show #login-iframe-loading {
    display: none
}

#login-container .userInfo-item {
    margin-top: 1.5rem;
    width: 22rem
}

#login-container .userInfo-item>label {
    font-size: .75rem;
    letter-spacing: .031rem;
    color: rgba(var(--light-color-3), 1)
}

#login-container .userInfo-item>input {
    box-sizing: border-box;
    height: 2rem;
    line-height: 2rem;
    width: 100%;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    background: transparent;
    border: none;
    outline: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzQ0N0NEQzg5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzcxMkRFRTQ5NTAwMTFFOTk1OURGRUVERkFGOTdFMUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNDQ3Q0RDNjk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNDQ3Q0RDNzk1MDAxMUU5OTU5REZFRURGQUY5N0UxQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrXjqXgAAADMSURBVHjaYvz//z8DLQETA43ByLFAFYjXAvFHKF4LFSMMQJFMAKsD8fv/mOA9VA6vfmIsWAs1cCMQS0LxdqjYWmpY8BFqmASSmCRU7DMh/YxE5AOYAkYixYmKZE8gfoZkCMxAZIws/gyqBwPg8gFIgySJKfI5EEsRawFR3idGPSkZrRWIf0JxK7GaSPHBdyDmgLK/AjEPtX3Qj8SeRAsfkJVkaV7YsZConpFapelzHJkLFwaBF6RYkIJLAw7wFIiTSYnk0SqTfhYABBgAEWcmyqF9tAEAAAAASUVORK5CYII=) no-repeat left 50%;
    text-indent: 30px
}

#login-container .userInfo-item.error .input {
    border-color: rgba(var(--red-color-22), 1)
}

#login-container .userInfo-item.error label.error-msg {
    color: rgba(var(--red-color-22), 1)
}

#login-container .userInfo-item.error .hw-input-xt {
    background-color: rgba(var(--red-color-22), 1);
    box-shadow: 0 0 .25rem 0 rgba(var(--red-color-22), 1)
}

#login-container .userInfo-item .hw-input-xt {
    width: 100%;
    height: 2px;
    background-color: rgba(var(--white-color-2), 1)
}

#login-container .userInfo-item .ipnutHover .hw-input-xt {
    box-shadow: 0 0 .25rem 0 rgba(var(--white-color-2), 1)
}

#login-container .userInfo-item__okButton {
    background-color: rgba(var(--text-color-5), 1)
}

#login-container .userInfo-item__cancelButton,
#login-container .userInfo-item__okButton {
    margin-top: 2rem;
    width: 100%;
    font-size: 1rem;
    box-shadow: 0 .125rem .5rem 0 rgba(var(--text-color-5), .6);
    border-radius: .25rem
}

#login-container .userInfo-item__cancelButton {
    margin-right: 1rem;
    color: rgba(var(--text-color-5), 1)
}

#login-container .userInfo-item .el-button+.el-button {
    margin-left: 0
}

#login-container .userInfo-pswrule {
    width: 22rem;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1);
    margin-top: 1rem
}

#login-container .btn-wrap {
    display: flex;
    justify-content: flex-end
}

#unified-portal .userInfo .userInfo-pswrule {
    color: rgba(var(--light-color-3), 1) !important;
    background: rgba(var(--background-32), 1) !important;
    border: 1px solid rgba(var(--primary-border), 1) !important
}

#unified-portal .el-drawer {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1)) !important
}

#unified-portal .drawer-wrap {
    border: 0 !important
}

#unified-portal .drawer-wrap .userInfo-item.error label.error-msg {
    color: rgba(var(--red-color-22), 1) !important
}

#unified-portal .drawer-wrap .el-form-item__label {
    color: rgba(var(--white-color-2), 1) !important
}

#unified-portal .drawer-wrap .el-form-item__label:before {
    color: rgba(var(--error-color-29), 1) !important
}

#unified-portal .btn-common:hover {
    box-shadow: 0 1rem 3rem 0 rgb(27 26 .72857143%) !important
}

#unified-portal .btn-cancel {
    background: rgba(var(--background-8), .4) !important;
    border: .125rem solid rgba(var(--primary-background-2), .8) !important
}

#unified-portal .btn-deault {
    background: rgba(var(--background-41), 1) !important
}

#unified-portal .userInfo-item .item-input .btn-common.active {
    color: hsla(0, 0%, 100%, .4) !important;
    background: rgba(var(--background-41), 1) !important
}

#unified-portal .userInfo-item .el-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1) !important;
    border: 1px solid rgba(var(--primary-border), 1) !important
}

#unified-portal .user-title {
    border-bottom: 1px solid rgba(var(--text-color-26), 1) !important
}

#unified-portal .user-title span {
    color: rgba(var(--text-color-6), 1)
}

#unified-portal .user-title .back {
    color: rgba(var(--white-color-2), 1) !important;
    background: rgba(var(--background-35), 1) !important;
    border: 1px solid rgba(var(--primary-background-2), 1) !important
}

#unified-portal .user-title .back:hover {
    color: rgba(var(--text-color-5), 1) !important;
    border: 1px solid rgba(var(--text-color-5), 1) !important
}

#unified-portal .userInfo-left {
    background: rgba(var(--background-58), 1) !important;
    border: 1px solid rgba(var(--text-color-6), 1) !important
}

#unified-portal .userInfo-left .acctName i {
    color: rgba(var(--text-color-6), 1)
}

#unified-portal .userInfo-left .el-input {
    background: rgba(var(--background-38), 1);
    color: rgba(var(--white-color-2), 1)
}

#unified-portal .el-input .el-input__inner:focus,
#unified-portal .el-input .el-input__inner:hover {
    border: 1px solid rgba(var(--text-color-5), 1) !important;
    box-shadow: 0 0 8px rgba(var(--text-color-5), 1) !important
}

#unified-portal .el-input .el-input__inner:hover {
    outline: none
}

#unified-portal .userInfo-right .main-item {
    border: 1px solid rgba(var(--background-58), 1)
}

#unified-portal .userInfo-right .main-item .item-label .font-small {
    color: rgba(var(--text-color-6), 1) !important
}

#unified-portal .userInfo-right .main-item .item-last .text-clickable {
    color: rgba(var(--white-color-2), 1) !important;
    background: rgba(var(--background-41), 1) !important
}

#unified-portal .isDisabled {
    color: hsla(0, 0%, 100%, .4) !important;
    background-color: rgba(var(--background-41), 1) !important;
    border-color: rgba(var(--disabled-border-color-16), 1) !important
}

#unified-portal .up-body {
    background: linear-gradient(180deg, rgba(var(--background-53), .9058823529411765), rgba(var(--up-body-background-54), .9058823529411765)) !important
}

#unified-portal .safe-normal a {
    color: rgba(var(--text-color-5), 1)
}

.hw-messagebox.el-message-box {
    background-color: rgba(var(--background-38), 1) !important;
    color: rgba(var(--white-color-2), 1) !important;
    border: .063rem solid rgba(var(--primary-border), .2) !important;
    box-shadow: 0 1rem 3rem 0 rgb(27 26 1.02%) !important
}

.hw-messagebox.el-message-box .el-message-box__content .el-message-box__message {
    color: rgba(var(--white-color-2), 1) !important
}

.hw-messagebox.el-message-box .el-message-box__btns .el-button {
    background: rgba(var(--ghost-button-background-43), 1);
    color: rgba(var(--white-color-2), 1) !important;
    border-color: rgba(var(--primary-background-2), 1) !important
}

.hw-messagebox.el-message-box .el-message-box__btns .el-button.el-button--primary {
    border-color: rgba(var(--background-41), 1) !important;
    background: rgba(var(--background-41), 1) !important
}

#widgettest {
    padding: 40px
}

#widgettest .top {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem
}

#widgettest .top .el-form {
    display: flex
}

#widgettest .top .el-form .el-form-item {
    margin-right: 2rem
}

#widgettest .top>div {
    margin-top: 3.5rem
}

#widgettest .bottom .sc-title {
    margin-bottom: 1rem
}

#widgettest .bottom .el-pagination {
    margin-top: 1rem;
    text-align: right
}

#IOC_PersonPass_Widget .template_content {
    height: 100%
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent {
    display: flex;
    flex-direction: column
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .swtich {
    width: 24px;
    height: 56px;
    background: rgba(var(--primary-background-2), 1);
    border-radius: 0 4px 4px 0;
    position: absolute;
    bottom: 0;
    right: -24px;
    text-align: center;
    line-height: 58px;
    cursor: pointer
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .swtich i {
    font-size: 20px;
    color: rgba(var(--white-color-2), 1)
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bgOrange {
    background-color: rgba(var(--background-82), 1)
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top {
    margin-top: 1.5rem;
    background: rgba(var(--background-8), .3);
    border: 1px solid rgba(var(--background-53), .3);
    box-shadow: 0 0 1.5rem 0 rgba(var(--box-shadow-6), .3);
    border-radius: 1rem;
    padding: 1.5rem 1.4rem
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .head {
    margin-bottom: 1.375rem
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .head img {
    height: 28px;
    width: 28px;
    vertical-align: middle
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .head span {
    font-size: 16px;
    color: rgba(var(--white-color-2), 1);
    line-height: 28px;
    display: inline-block;
    vertical-align: middle
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content {
    display: flex;
    justify-content: space-around;
    align-items: center
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .pies,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .pies {
    height: 12rem;
    width: 12rem
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .pies img,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .pies img {
    height: 100%
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips>div,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips>div {
    display: flex;
    align-items: center
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips>div:before,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips>div:before {
    content: "";
    width: 4px;
    height: 34px;
    border-radius: 2px;
    display: inline-block;
    margin-right: 8px
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips>div.blue:before,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips>div.blue:before {
    background: linear-gradient(0deg, rgba(var(--div-blue-before-background-83), 1), rgba(var(--background-31), 1))
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips>div.green:before,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips>div.green:before {
    background: linear-gradient(0deg, rgba(var(--div-green-before-background-84), 1), rgba(var(--div-green-before-background-85), 1))
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips>div.yellow:before,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips>div.yellow:before {
    background: linear-gradient(0deg, rgba(var(--background-82), 1), rgba(var(--div-yellow-before-background-86), 1))
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips .value,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips .value {
    font-size: 18px;
    color: rgba(var(--white-color-2), 1)
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips .value em,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips .value em {
    font-style: normal;
    font-size: 12px;
    color: rgba(var(--text-color-6), 1);
    margin-left: 3px
}

#IOC_PersonPass_Widget .template_content .leftContent .pieContent .bottom .content .tips .key,
#IOC_PersonPass_Widget .template_content .leftContent .pieContent .top .content .tips .key {
    font-size: 12px;
    color: rgba(var(--text-color-6), 1)
}

#IOC_PersonPass_Widget .template_content .aside-bottom {
    width: 100%;
    height: 100%;
    background: rgba(var(--border-color-36), 1)
}

#IOC_PersonPass_Widget .template_content .rightContent {
    box-sizing: border-box;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 3rem;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions {
    margin-top: 4rem;
    height: 10.5rem
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row {
    margin-bottom: 1.625rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row .col {
    width: 25.5rem
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row .col:not(:last-child) {
    margin-right: 3rem
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row .col .title {
    margin-bottom: .668rem;
    font-size: .75rem;
    font-weight: 400;
    font-stretch: normal;
    letter-spacing: .031rem;
    color: rgba(var(--white-color-2), 1)
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row .col.buttons {
    text-align: right
}

#IOC_PersonPass_Widget .template_content .rightContent .conditions .row .col.buttons .el-button {
    justify-content: center;
    display: inline-flex;
    align-items: center;
    min-width: 6rem;
    height: 2.5rem;
    line-height: 1rem;
    border-width: 1px;
    padding: 0 1rem
}

#IOC_PersonPass_Widget .template_content .rightContent .table {
    margin-top: 3rem;
    flex: 1
}

#IOC_PersonPass_Widget .template_content .rightContent .el-table .cell {
    color: rgba(var(--background-22), 1)
}

#IOC_PersonPass_Widget .template_content .rightContent .el-table__empty-block {
    height: 0 !important
}

#IOC_PersonPass_Widget .template_content .rightContent .pagination {
    margin-bottom: 4rem;
    height: 1.5rem;
    margin-top: 1.9rem;
    text-align: right
}

#IOC_PersonPass_Widget .template_content .el-pagination button:disabled {
    background: none !important
}

#IOC_PersonPass_Widget .template_content .tableHandle i {
    width: 24px;
    height: 24px;
    display: block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDExMTcwMkU4NTg2MTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDExMTcwMkY4NTg2MTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTExNzAyQzg1ODYxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTExNzAyRDg1ODYxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmQ2ex0AAAGXSURBVHja7JVNKERRFMc9TWSDHSsW7JTFKElSpBRlSRZMIkWMWfkqs6F8zIZILCRSkh1RamKBWBArK+RjoyylpHh+p87odTPjmVLKvPr1f505/3vuPfe+O5Zt20m/+ViJAn+/wE741Iu0QiXkavgGdmGhuqroLK4CDJyFTEMxzMEWXIoH8qEGOuAIuin06LoAgxcg27ACw5hfokwiDQlCoxQk7+LbApjykAMIYFhz02c8Dci4tBHPddQCJHqQQ1glcdIRT0FC4NMWLUGvc2XkBBApVEb8LRJPNibTDk8wZcRldn7IgHTpOUwYOeJ5hjZn0CwwAH3MwNyYJtVyKNV3nzNBPf3K5+Mx9wTev2hzJCatso2Y6ffEWsEojNFPy4gvq4ZhX9/njY221B+KVUBMmdBlxAe153LW73WgoJHTo/sz6/aY+unrustjWq+bLCfoys2HVohs6nEcwfQaZeBUZAiaoY68859cFdnIDHh12Rtwqz/LKmuhE070qniI97IrQVqgAnI0fAd7sMjAx4k/nH9e4EOAAQCrlrK5PfXSpQAAAABJRU5ErkJggg==) no-repeat
}

#IOC_PersonPass_Widget .template_content .tableHandle i:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjg4ODBCNEE4NTg2MTFFOTg5QjNDQTI2QzJCQ0U0Q0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjg4ODBCNEI4NTg2MTFFOTg5QjNDQTI2QzJCQ0U0Q0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyODg4MEI0ODg1ODYxMUU5ODlCM0NBMjZDMkJDRTRDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyODg4MEI0OTg1ODYxMUU5ODlCM0NBMjZDMkJDRTRDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg2WG+4AAAGgSURBVHja7JVNKERRFIDflcgGO1aUsVMWs5AkxZKyY7JAIkX+FvJXZkP5mbcgEguJlD2xEguJhWJlZTFYUJZSUjzf5WjMHe/NjLLR3PrOe517zjv3/Mwd5TiO9ZcrzfrjlQoQd6XHtbCVH9kONVAo2jAcwKo16Jx7uSvXKbJVHnIBymAZduFK+0Ax1EIXnEAvgR4SD2CrEuQebMIEzs8uh8hCBqHpI+CgcxljowNEEbJ8cAeBmD03tG3ICkORuRedga10T45hi9PMfdNnIEPQKiVah6GozGw1gAxAJfpXtynqhEeYN/Qz0Ac5kP1Rc8uaNWy0zxN0eI3pKAxzArMxzfKsggp5b42y+PQZEVzHVKf/9kM7v3S6VI6hM/3TvTKYgmnqqQz9hjz34UjeV4yJUuIf8gqgnXKhx9CPSc31rN/Kh4KGTb/0ZynRMW1IYkwbxcfnPaaRdEuROzKOkzTwxeWHlokchxaox+4imasiH7kIfkl7G65l1wd10A1nclXcJ3cXRQKVI9ugGgpEewOHsMaHT3932aX+cP5NgHcBBgAHRPRoISa8wAAAAABJRU5ErkJggg==) no-repeat
}

#IOC_BreadCrumb_Widget .main-layout {
    position: relative;
    display: flex;
    flex-direction: row
}

#IOC_BreadCrumb_Widget .main-layout .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 28.5rem;
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

#IOC_BreadCrumb_Widget .main-layout .left__top--default {
    padding: 1.5rem
}

#IOC_BreadCrumb_Widget .main-layout .left__aside {
    flex: 1;
    padding: 0 1.5rem 1.5rem;
    overflow: auto
}

div[data-pageurl=AssetStatistics]>#id_scfContent_>#AssetStatistics,
div[data-pageurl=DeviceStatistics]>#id_scfContent_>#DeviceStatistics,
div[data-pageurl=EnergyStatistics]>#id_scfContent_>#EnergyStatistics,
div[data-pageurl=EnviromentSituation]>#id_scfContent_>#EnviromentSituation,
div[data-pageurl=GlobalSituation]>#id_scfContent_>#GlobalSituation,
div[data-pageurl=OfficeSituation]>#id_scfContent_>#OfficeSituation,
div[data-pageurl=PersonStatistics]>#id_scfContent_>#PersonStatistics,
div[data-pageurl=SafetyEventOverview]>#id_scfContent_>#SafetyEventOverview,
div[data-pageurl=VehicleStatistics]>#id_scfContent_>#VehicleStatistics {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1)) !important
}

#Asset_Map_Module,
#Asset_QueryMap_Module * {
    box-sizing: border-box !important
}

#Asset_QueryMap_Module {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 600px;
    box-shadow: .125rem 0 3.144rem 1.106rem rgba(var(--background-8), .7)
}

.el-date-table td div {
    color: rgba(var(--white-color-2), 1)
}

.el-date-table td.next-month div,
.el-date-table td.prev-month div {
    color: rgba(var(--text-color-6), 1)
}

html #Asset_Map_Module #IocMapWidget,
html #Asset_QueryMap_Module #IocMapWidget {
    overflow: hidden;
    height: 100%
}

html #Asset_Map_Module .container-rotate,
html #Asset_QueryMap_Module .container-rotate {
    width: 100%
}

html #Asset_Map_Module #IocMapWidget img,
html #Asset_QueryMap_Module #IocMapWidget img {
    width: 100%;
    height: 100%;
    cursor: pointer
}

html #Asset_Map_Module #IocMapWidget .map,
html #Asset_QueryMap_Module #IocMapWidget .map {
    height: 100%
}

html #Asset_Map_Module .box-module-gisMap,
html #Asset_QueryMap_Module .box-module-gisMap {
    display: flex;
    height: 100%;
    overflow: hidden
}

html #Asset_Map_Module .box-module-gisMap .box-content-title,
html #Asset_QueryMap_Module .box-module-gisMap .box-content-title {
    text-align: center;
    color: rgba(var(--white-color-2), 1);
    padding: .8rem;
    font-size: 1.2rem;
    font-family: sans-serif;
    cursor: pointer
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-pagination__total,
html #Asset_Map_Module .el-pagination__sizes,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-pagination__total,
html #Asset_QueryMap_Module .el-pagination__sizes {
    color: rgba(var(--white-color-2), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-pagination button:disabled,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-pagination button:disabled {
    background-color: transparent
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_Map_Module .el-pager li,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_QueryMap_Module .el-pager li {
    border: none
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_Map_Module .el-pager li.number,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_QueryMap_Module .el-pager li.number {
    color: rgba(var(--white-color-2), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_Map_Module .el-pager .number,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_QueryMap_Module .el-pager .number {
    background: transparent
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-input__inner,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-input__inner {
    color: rgba(var(--white-color-2), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_Map_Module .el-pager li.active,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-dialog,
html #Asset_QueryMap_Module .el-pager li.active {
    color: rgba(var(--text-color-5), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-pagination__jump,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-pagination__jump {
    color: rgba(var(--white-color-2), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-date-editor .el-range-input,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-date-editor .el-range-input {
    color: rgba(var(--text-color-6), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-input__inner,
html #Asset_Map_Module #trajectoryQuery_Widge .el-range-input,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-input__inner,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-range-input {
    background-color: rgba(var(--background-38), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-input__inner:hover,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-input__inner:hover {
    border-color: rgba(var(--primary-border), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-border), .7)
}

html #Asset_Map_Module #trajectoryQuery_Widge,
html #Asset_QueryMap_Module #trajectoryQuery_Widge {
    width: 27.5rem;
    position: relative;
    height: 100%;
    z-index: 1300
}

html #Asset_Map_Module #IocMapWidget,
html #Asset_QueryMap_Module #IocMapWidget {
    width: 100%
}

@media only screen and (min-width:1060px) {

    html #Asset_Map_Module body,
    html #Asset_Map_Module html,
    html #Asset_QueryMap_Module body,
    html #Asset_QueryMap_Module html {
        font-size: 14px
    }
}

@media only screen and (min-width:1400px) {

    html #Asset_Map_Module body,
    html #Asset_Map_Module html,
    html #Asset_QueryMap_Module body,
    html #Asset_QueryMap_Module html {
        font-size: 16px
    }
}

@media only screen and (min-width:2000px) {

    html #Asset_Map_Module body,
    html #Asset_Map_Module html,
    html #Asset_QueryMap_Module body,
    html #Asset_QueryMap_Module html {
        font-size: 18px
    }
}

@media only screen and (min-width:2300px) {

    html #Asset_Map_Module body,
    html #Asset_Map_Module html,
    html #Asset_QueryMap_Module body,
    html #Asset_QueryMap_Module html {
        font-size: 20px
    }
}

@media only screen and (max-width:1060px) {

    html #Asset_Map_Module body,
    html #Asset_Map_Module html,
    html #Asset_QueryMap_Module body,
    html #Asset_QueryMap_Module html {
        font-size: 12px
    }
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-loading-mask,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-loading-mask {
    background-color: transparent
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-loading-spinner .el-loading-text,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-loading-spinner .el-loading-text {
    color: rgba(var(--text-color-5), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-loading-spinner .path,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-loading-spinner .path {
    stroke: rgba(var(--text-color-5), 1)
}

html #Asset_Map_Module #trajectoryQuery_Widge .el-loading-parent--relative,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .el-loading-parent--relative {
    height: 90%
}

html #Asset_Map_Module .trajectory,
html #Asset_QueryMap_Module .trajectory {
    background-size: 100% 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    opacity: .82;
    overflow: hidden;
    font-family: Microsoft yahei;
    width: 100%
}

html #Asset_Map_Module .trajectory .trajectory-title,
html #Asset_QueryMap_Module .trajectory .trajectory-title {
    padding-right: 5px;
    font-size: 16px;
    width: 20%
}

html #Asset_Map_Module .trajectory .trajectoryCom,
html #Asset_QueryMap_Module .trajectory .trajectoryCom {
    margin-left: auto;
    cursor: pointer
}

html #Asset_Map_Module .trajectory .maines,
html #Asset_QueryMap_Module .trajectory .maines {
    padding-bottom: 1.2rem;
    display: flex;
    align-items: center
}

html #Asset_Map_Module .trajectory .trajectory-header,
html #Asset_QueryMap_Module .trajectory .trajectory-header {
    width: 100%;
    height: 11%;
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 1rem
}

html #Asset_Map_Module .trajectory .trajectoryInfor .maines .lineimges,
html #Asset_QueryMap_Module .trajectory .trajectoryInfor .maines .lineimges {
    position: relative;
    top: 1.7rem;
    right: .7rem;
    height: 2rem;
    width: .125rem;
    border-radius: .063rem;
    background-color: rgba(var(--primary-border), 1)
}

html #Asset_Map_Module .trajectory img,
html #Asset_QueryMap_Module .trajectory img {
    height: 1.2rem
}

html #Asset_Map_Module .trajectory .title1,
html #Asset_QueryMap_Module .trajectory .title1 {
    font-family: Microsoft yahei;
    color: rgba(var(--white-color-2), 1);
    font-size: 16px;
    vertical-align: top;
    padding: 0 1rem;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden
}

html #Asset_Map_Module .trajectory .title_time,
html #Asset_QueryMap_Module .trajectory .title_time {
    white-space: nowrap;
    width: 35%;
    font-size: .875rem;
    text-align: center
}

html #Asset_Map_Module .trajectory .title_place,
html #Asset_QueryMap_Module .trajectory .title_place {
    font-family: Microsoft yahei;
    color: rgba(var(--white-color-2), 1);
    font-size: 16px;
    vertical-align: top;
    padding: 0 1rem;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 60%;
    max-height: 2.7rem;
    font-size: .875rem;
    text-align: center
}

html #Asset_Map_Module .trajectoryInfor,
html #Asset_QueryMap_Module .trajectoryInfor {
    overflow-y: auto;
    padding-bottom: 10px
}

html #Asset_Map_Module .trajectory .trajectoryInfor .scrollbar-1,
html #Asset_QueryMap_Module .trajectory .trajectoryInfor .scrollbar-1 {
    overflow-y: scroll;
    overflow-y: hidden;
    overflow-x: hidden
}

html #Asset_Map_Module .trajectoryInfor .pureblockstyle,
html #Asset_QueryMap_Module .trajectoryInfor .pureblockstyle {
    height: 4.64rem
}

html #Asset_Map_Module .trajectoryInfor::-webkit-scrollbar,
html #Asset_QueryMap_Module .trajectoryInfor::-webkit-scrollbar {
    width: 6px;
    height: 2.65rem;
    background-color: rgba(var(--black-color-1),0)
}

html #Asset_Map_Module .trajectoryInfor::-webkit-scrollbar-track,
html #Asset_QueryMap_Module .trajectoryInfor::-webkit-scrollbar-track {
    background-color: rgba(var(--black-color-1),0)
}

html #Asset_Map_Module .trajectoryInfor::-webkit-scrollbar-thumb,
html #Asset_QueryMap_Module .trajectoryInfor::-webkit-scrollbar-thumb {
    background-color: rgba(var(--webkit-scrollbar-thumb-background-40), 1)
}

html #Asset_Map_Module .trajectoryInfor::-webkit-scrollbar-button,
html #Asset_QueryMap_Module .trajectoryInfor::-webkit-scrollbar-button {
    height: 0
}

html #Asset_Map_Module .trajectory .iconImges,
html #Asset_QueryMap_Module .trajectory .iconImges {
    position: relative
}

html #Asset_Map_Module .trajectory .startTrace img,
html #Asset_QueryMap_Module .trajectory .startTrace img {
    margin-top: .3rem
}

html #Asset_Map_Module .trajectory ::-webkit-scrollbar,
html #Asset_Map_Module .trajectory ::-webkit-scrollbar-track,
html #Asset_QueryMap_Module .trajectory ::-webkit-scrollbar,
html #Asset_QueryMap_Module .trajectory ::-webkit-scrollbar-track {
    background-color: transparent
}

html #Asset_Map_Module .trajectory ::-webkit-scrollbar-thumb,
html #Asset_QueryMap_Module .trajectory ::-webkit-scrollbar-thumb {
    background-color: rgba(var(--webkit-scrollbar-thumb-background-46), 1)
}

html #Asset_Map_Module .trajectory .endTrace .title1,
html #Asset_QueryMap_Module .trajectory .endTrace .title1 {
    color: rgba(var(--yellow-color-23), 1)
}

html #Asset_Map_Module .trajectory .ioc-form-popup-pagination,
html #Asset_QueryMap_Module .trajectory .ioc-form-popup-pagination {
    padding-top: .6rem;
    float: right
}

html #Asset_Map_Module #trajectoryQuery_Widge .trajectory-header .el-date-editor .el-range-separator,
html #Asset_QueryMap_Module #trajectoryQuery_Widge .trajectory-header .el-date-editor .el-range-separator {
    width: 12%;
    color: rgba(var(--text-color-6), 1)
}

html #Asset_Map_Module .trajectory-enter-active,
html #Asset_Map_Module .trajectory-leave-active,
html #Asset_QueryMap_Module .trajectory-enter-active,
html #Asset_QueryMap_Module .trajectory-leave-active {
    transition: all 1s
}

html #Asset_Map_Module .trajectory-enter,
html #Asset_Map_Module .trajectory-leave-to,
html #Asset_QueryMap_Module .trajectory-enter,
html #Asset_QueryMap_Module .trajectory-leave-to {
    width: 0
}

html #Asset_Map_Module .panel-expand,
html #Asset_QueryMap_Module .panel-expand {
    width: 20px;
    z-index: 1400;
    height: 120px;
    background: hsla(0, 0%, 100%, 0);
    position: fixed;
    left: 0;
    transform: rotate(180deg);
    bottom: 400px
}

html #Asset_Map_Module .assetWay-nav,
html #Asset_QueryMap_Module .assetWay-nav {
    color: rgba(var(--black-color-1), 1);
    height: 5%
}

html #Asset_Map_Module #IocMapWidget .smMap,
html #Asset_QueryMap_Module #IocMapWidget .smMap {
    border: none
}

html #Asset_Map_Module .pop-title,
html #Asset_QueryMap_Module .pop-title {
    font-size: .75rem
}

html #Asset_Map_Module .el-pagination:not(.el-pagination--small),
html #Asset_Map_Module body .el-pagination:not(.el-pagination--small),
html #Asset_QueryMap_Module .el-pagination:not(.el-pagination--small),
html #Asset_QueryMap_Module body .el-pagination:not(.el-pagination--small) {
    padding: 5px 0
}

html #Asset_Map_Module .ioc-form-popup-pagination .el-pagination__sizes,
html #Asset_QueryMap_Module .ioc-form-popup-pagination .el-pagination__sizes {
    margin: 0
}

html #Asset_Map_Module .backToQuery,
html #Asset_QueryMap_Module .backToQuery {
    color: rgba(var(--text-color-6), 1)
}

html #Asset_Map_Module .backToQuery:hover,
html #Asset_QueryMap_Module .backToQuery:hover {
    color: rgba(var(--white-color-2), 1);
    cursor: pointer
}

html #Asset_Map_Module .wazh-infowin-box .wazh-infowin-top,
html #Asset_QueryMap_Module .wazh-infowin-box .wazh-infowin-top {
    display: none
}

html .ec-extension-gismap {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1)) !important
}

.assetQuery-input {
    margin-top: .6rem
}

html .assetQuery-input .ivu-input {
    outline: none;
    width: 80%;
    margin-left: 10%;
    padding-right: 10%;
    border-radius: .3rem
}

html .assetQuery-input .ivu-select-selection {
    margin-left: 10%;
    width: calc(80% - 4rem)
}

html .assetQuery-input .ivu-select-dropdown {
    top: unset !important;
    left: unset !important;
    margin: 5px 0 0 10%
}

html .assetQuery-input .ivu-input-icon {
    top: .6rem;
    right: 1%
}

.assetQuery-input .ivu-cascader-arrow {
    margin-right: 10%
}

.assetNumber-input {
    width: 20%;
    margin-left: 2.5%
}

.assetQuery-query {
    margin-top: 2rem;
    width: 7.3%;
    margin-right: 1.125% !important
}

.assetQuery-reset {
    margin-right: 3.3%;
    margin-top: 2rem;
    width: 7.3%
}

.assetQuery-sureAndCancle {
    width: 18%
}

html .assetQuery .ivu-btn {
    margin-right: 2.5%
}

.assetQuery-reset-fap.ivu-btn-ghost[disabled],
.assetQuery-reset-sap.ivu-btn-ghost[disabled],
.mimi-modal .assetQuerySafe-reset[disabled] {
    background-color: rgba(var(--primary-background-2), 1) !important
}

.assetQuery .assetQuery-del {
    border: none;
    width: auto;
    margin-right: 10%;
    margin-left: 0;
    float: right
}

.assetQuery .assetQuery-add {
    border: none;
    width: auto;
    margin-right: 2%;
    margin-left: 0;
    float: right
}

.assetQuery-others-left {
    border-style: none;
    width: 5%;
    margin-right: .1% !important;
    margin-left: 0
}

.assetQuery-reset-fap {
    margin-left: 0;
    float: right;
    margin-right: 3.3%
}

.assetQuery-reset-sap {
    float: right;
    margin-right: 5% !important
}

.assetQuery-upload {
    width: auto;
    margin-left: 2rem;
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    padding: .2rem !important
}

.download {
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    margin-left: 0
}

.assetQuery .ivu-table-wrapper {
    padding: 1rem 2rem 0
}

.assetQuery-input .ivu-time-picker-cells-list::-webkit-scrollbar {
    width: 5px
}

.assetQuery-input .ivu-time-picker-cells-list::-webkit-scrollbar-thumb {
    height: 4rem
}

.assetQuery-input .ivu-btn-primary.ivu-btn-small {
    padding: 6px 18px
}

.assetQuery .assetQuery-input .ivu-picker-confirm>span {
    margin: 0 0 1rem
}

.assetQuery .assetQuery-input .ivu-btn.ivu-btn-text.ivu-btn-small {
    border: none;
    margin: 0
}

.assetQuery .ivu-btn.ivu-btn-default {
    font-size: 1rem;
    padding: .5rem
}

.assetQuery .input-label {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem;
    margin-left: 10%
}

.assetQuery .xview-collapse-panel-caption-title {
    color: rgba(var(--text-color-6), 1) !important
}

.assetQuery .detail-col {
    display: inline-block;
    width: 33% !important
}

.assetQueryModal .ivu-modal {
    width: 800px !important
}

.mimi-modal .ivu-transfer-list-content,
.mimi-modal .ivu-transfer-list-header {
    background: rgba(var(--background-8), 1)
}

.mimi-modal .ivu-transfer-list {
    width: 45%;
    height: 300px
}

.mimi-modal .ivu-btn {
    width: 10%;
    margin-top: .75rem
}

.assetQueryModal .ivu-modal-body span {
    display: inline-block;
    width: 100%
}

.mimi-modal .assetQuerySafeLabel {
    margin-left: 0;
    display: block
}

.mimi-modal .assetQuerySafe-input {
    margin-left: 0;
    width: 80%
}

.mimi-modal .ivu-transfer-list-content-item-focus,
.mimi-modal .ivu-transfer-list-content-item:hover {
    color: rgba(var(--background-38), 1)
}

.mimi-modal .ivu-transfer-list-content-item,
.mimi-modal .ivu-transfer-list-content-item-focus {
    color: rgba(var(--white-color-2), 1)
}

.mimi-modal .ivu-btn .ivu-icon {
    color: rgba(var(--black-color-1), 1)
}

.mimi-modal .assetQuerySafe-query {
    width: 50%
}

.mimi-modal .assetQuerySafe-reset {
    margin-right: 3%
}

.mimi-modal .ivu-btn:hover .ivu-icon {
    color: rgba(var(--text-color-5), 1)
}

.assetQueryModal .ivu-modal-body label {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    text-overflow: ellipsis;
    width: 100%;
    display: inline-block;
    overflow: hidden
}

.assetQueryModal .ivu-modal-body div[style$="20px;"] label {
    color: rgba(var(--white-color-2), 1) !important
}

.assetQueryModal .ivu-modal-body div[style$="20px;"] {
    height: 1.4rem !important;
    padding-left: 1.875rem !important
}

.assetQueryModal .ivu-modal-body .ivu-col .ivu-col-span-lg-24 label:first-child {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

.assetNumber-input .ivu-input-icon {
    top: 15px
}

.assetQuery-upload {
    padding: .4rem !important
}

.assetQuery .ivu-page {
    float: right;
    margin-right: 2rem
}

.assetQueryModal .ivu-col-span-lg-8 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.mimi-modal .assetQuerySafe-cancel,
.mimi-modal .assetQuerySafe-reset {
    padding: .45rem
}

.addAssetObj .title-label {
    font-size: 14px
}

.addAssetObj .title-curpage-label {
    font-size: 14px;
    color: rgba(var(--white-color-2), 1)
}

.addAssetObj .top-line {
    margin-top: 1rem
}

.addAssetObj .top-line,
.addAssetObj .top-title-line {
    height: 1px;
    background: rgba(var(--primary-border), 1)
}

.addAssetModal .ivu-modal-wrap .ivu-cascader-arrow {
    margin-right: 10%
}

.addAssetModal .ivu-modal-wrap .ivu-input {
    width: 90% !important
}

.addAssetObj .ivu-input-wrapper .ivu-input {
    height: 2.5rem;
    margin-right: 10%
}

.addAssetObj .ivu-cascader-arrow,
.addAssetObj .ivu-input-icon {
    margin-right: 2%
}

.addAssetObj .input-col {
    margin-left: 3%
}

.addAssetObj .save-btn {
    margin: 1rem
}

.addAssetObj .back-btn {
    margin-right: 3%
}

.addAssetObj .ivu-form-item-content {
    width: 80%;
    margin-right: 10%
}

.addAssetModal .ivu-picker-confirm .ivu-btn-primary.ivu-btn-small,
.addAssetObj .ivu-picker-confirm .ivu-btn-primary.ivu-btn-small {
    margin-right: 0;
    width: auto
}

.addAssetModal .assetQueryModal-cancel {
    margin-right: 1rem
}

.addAssetCount-input {
    width: 80%;
    margin-left: 10%
}

.addAssetCount-label {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem;
    margin-left: calc(10% + 15px)
}

.addAssetCount .addAssetCount-save {
    float: right;
    margin: 1rem .5rem
}

.addAssetCount .addAssetCount-back {
    margin-bottom: 1rem;
    margin-top: 0;
    float: right;
    margin-right: 2rem
}

.addAssetCount-delete {
    float: right;
    width: auto;
    margin-right: 1%;
    border: none
}

.addAssetCount .addAssetCount-add {
    float: right;
    margin-right: 2rem;
    border: none
}

.addAssetCountContent .ivu-table-wrapper {
    padding: 1rem 2rem 0
}

.addAssetCount-inputRow {
    margin-top: 1rem
}

.asset-bread-crumb a:hover {
    text-decoration: none;
    color: rgba(var(--white-color-2), 1)
}

.asset-bread-crumb .bread-crumb-root,
.asset-bread-crumb a {
    color: rgba(var(--text-color-6), 1)
}

.addAssetCount-modal .assetModalInput {
    width: 80%;
    margin-left: 10%
}

.addAssetCount-modal .assetModalMainInput {
    width: 20%;
    margin-left: 2.5%
}

.addAssetCount-modal .ivu-input-wrapper .ivu-input {
    height: 2.5rem
}

.addAssetCount-modal .ivu-input-icon {
    top: 16px
}

.addAssetCount-modal .assetModalTitle {
    margin-left: 10%
}

.addAssetCount-modal .addAssetCount-query,
.addAssetCount-modal .addAssetCount-reset {
    margin-top: .6rem;
    margin-right: 2.5%
}

.addAssetCount-modal .addAssetCount-cancel {
    margin-right: 2.5%
}

.addAssetCount-delModal .addAssetCount-cancel {
    margin-right: 1rem
}

.addAssetCount-modal .ivu-select .ivu-select-selection,
.addAssetCount .ivu-select .ivu-select-selection {
    padding: unset
}

.addAssetCount .addAssetCount-save {
    padding: .4rem
}

.addAssetCount-delete,
.addAssetCount .addAssetCount-add {
    margin-top: 1rem
}

.addAssetCount .ivu-page {
    background: transparent;
    float: right;
    margin-right: 2rem
}

.assetCount-reset {
    margin-right: 3.3%;
    margin-top: 2.6rem;
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    width: 8%
}

.assetCount-sureAndCancle {
    width: 18%
}

.assetCount-add {
    border-style: none;
    width: auto;
    margin-right: 2rem;
    margin-left: 0
}

.assetCount-others {
    border-style: none;
    width: 5%;
    margin-right: .1% !important;
    margin-left: 0
}

.assetCount-deleteSure {
    border-style: none
}

body .assetCount-others .ivu-icon {
    color: unset
}

.assetCout-input {
    margin-top: .6rem
}

html .assetCout-input .ivu-input {
    outline: none;
    width: 80%;
    margin-left: 10%;
    border-radius: .3rem
}

html .assetCout-input .ivu-select-selection {
    margin-left: 10%;
    width: calc(80% - 4rem)
}

html .assetCout-input .ivu-select-dropdown {
    top: unset !important;
    left: unset !important;
    margin: 5px 0 0 10%
}

.assetCount-rightBtn {
    margin-right: 1rem
}

.assetCountRecord-query {
    margin-right: 5%
}

.assetCountRecord-query,
.assetCountRecord-reset {
    width: 20%;
    line-height: .52857143 !important
}

.assetCountRecord-numDetail {
    float: left;
    text-align: center;
    margin-right: 7px
}

.assetCountRecord-modalQuery {
    display: flex;
    align-items: center
}

.assetCountRecord-query,
.assetCountRecord-reset {
    line-height: .92857143 !important
}

#DeviceFacilities {
    height: 100%;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#DeviceFacilities .device-active {
    color: rgba(var(--green-color-24), 1)
}

#DeviceFacilities .device-inactive {
    color: rgba(var(--yellow-color-23), 1)
}

#DeviceFacilities .device-unreg {
    color: rgba(var(--text-color-7), 1)
}

#DeviceFacilities .device-deleted {
    color: rgba(var(--red-color-22), 1)
}

#DeviceFacilities header {
    height: 4rem;
    padding-left: 1rem
}

#DeviceFacilities header .hw-breadcrumb {
    display: flex;
    align-items: center
}

#DeviceFacilities header .hw-breadcrumb .device-facility-breadcrumb1>span:first-child {
    color: rgba(var(--color-text-4), 1)
}

#DeviceFacilities header .hw-breadcrumb .device-facility-breadcrumb1>span:first-child:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceFacilities header .hw-breadcrumb .device-facility-breadcrumb2>span:first-child {
    color: rgba(var(--white-color-2), 1)
}

#DeviceFacilities main {
    display: flex;
    color: rgba(var(--white-color-2), 1);
    margin: 0 1rem .5rem;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    height: 92%
}

#DeviceFacilities main .left {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 40%;
    background-color: rgba(var(--background-8), .2);
    border-right: .063rem solid rgba(var(--primary-background-2), 1)
}

#DeviceFacilities main .left__header {
    padding-left: 1.5rem;
    flex: 0 0 3.5rem;
    line-height: 3.5rem;
    background: transparent;
    border-bottom: .063rem solid rgba(var(--text-color-5), 1);
    font-size: large;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    margin: 0 auto
}

#DeviceFacilities main .left__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: -webkit-fill-available;
    overflow-y: scroll
}

#DeviceFacilities main .left__body .hw-card__title {
    position: relative
}

#DeviceFacilities main .left__body .panel__header {
    z-index: 3
}

#DeviceFacilities main .left .info,
#DeviceFacilities main .left .panel {
    padding: 0 1.5rem
}

#DeviceFacilities main .left .info {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#DeviceFacilities main .left .info .text {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%
}

#DeviceFacilities main .left .info .text .el-row {
    margin: 1rem 0;
    display: flex;
    flex: 1
}

#DeviceFacilities main .left .info .text__item {
    margin-bottom: .6rem;
    display: flex
}

#DeviceFacilities main .left .info .text__item>span {
    margin-right: 1rem;
    display: inline-block;
    text-align: right;
    width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#DeviceFacilities main .left .info .text__item>div {
    width: 75%
}

#DeviceFacilities main .left .info .text__item>div>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#DeviceFacilities main .left .info .text__item .hw-tips {
    float: left
}

#DeviceFacilities main .left .info .text__item .hw-tips .hw-button--text {
    padding: 0;
    font-size: inherit;
    color: rgba(var(--white-color-2), 1)
}

#DeviceFacilities main .left .info .summary {
    flex: 1;
    padding: 0 .75rem;
    line-height: 1.75rem;
    background-color: rgba(var(--background-32), 1);
    border-radius: .25rem;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--color-text-4), 1);
    height: 100%;
    overflow-y: scroll
}

#DeviceFacilities main .left .panel {
    position: relative;
    margin: 0 0 1rem
}

#DeviceFacilities main .left .panel .hw-card__body.el-card {
    height: 21.25rem
}

#DeviceFacilities main .left .panel .panel__icon {
    z-index: 2
}

#DeviceFacilities main .left .panel__header {
    position: relative;
    margin-bottom: -4px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 5rem;
    background-color: rgba(var(--background-32), 1);
    border-radius: .25rem .25rem 0 0;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    opacity: .98
}

#DeviceFacilities main .left .panel__header /deep/ .hw-button {
    color: rgba(var(--white-color-2), 1);
    border: none;
    margin-left: 0
}

#DeviceFacilities main .left .panel__buttons {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    max-height: 4rem;
    overflow: hidden
}

#DeviceFacilities main .left .panel__buttons:hover {
    cursor: pointer;
    max-height: 16rem;
    background: rgba(var(--background-32), 1)
}

#DeviceFacilities main .left .panel__button {
    margin: .75rem;
    min-width: 9rem
}

#DeviceFacilities main .left .panel__down {
    position: absolute;
    top: 2rem;
    right: .75rem;
    z-index: -1
}

#DeviceFacilities main .left .panel /deep/ .el-card__body {
    padding: 0
}

#DeviceFacilities main .left .panel__content {
    padding: 0;
    height: 100%;
    overflow: hidden
}

#DeviceFacilities main .left .panel__content img {
    width: 100%;
    height: 100%
}

#DeviceFacilities main .left .panel__carousel,
#DeviceFacilities main .left .panel__carousel /deep/ .el-carousel__container,
#DeviceFacilities main .left .panel__carousel /deep/ .el-carousel__item {
    height: 100%
}

#DeviceFacilities main .left .panel__carousel /deep/ .el-carousel__container img,
#DeviceFacilities main .left .panel__carousel /deep/ .el-carousel__item img {
    height: 100%;
    width: 100%
}

#DeviceFacilities main .left .panel__icon {
    position: absolute;
    right: 3rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    background-color: rgba(var(--background-8), .4);
    border-radius: .25rem;
    cursor: pointer;
    z-index: 1
}

#DeviceFacilities main .left .tips-text {
    color: rgba(var(--text-color-5), 1)
}

#DeviceFacilities main .right {
    flex: 1
}

#DeviceFacilities main .right .hw-tabs {
    height: 100%;
    overflow: hidden
}

#DeviceFacilities main .right .hw-tabs .el-tabs {
    border: inherit
}

#DeviceFacilities main .right .button {
    margin-right: 1.5rem
}

#DeviceFacilities main .right .tabs-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

#DeviceFacilities main .right .header {
    padding: 1.5rem 3rem
}

#DeviceFacilities main .right .header .condition {
    margin-top: .75rem;
    display: flex
}

#DeviceFacilities main .right .header .date-picker {
    width: 25.5rem !important;
    margin-right: 1.5rem
}

#DeviceFacilities main .right .header .date-picker /deep/ .el-range-input {
    font-size: .75rem
}

#DeviceFacilities main .right .content {
    flex: 1;
    padding: 0 2rem 1.3rem 3rem;
    overflow: auto;
    max-height: 85%
}

#DeviceFacilities main .right .pagination {
    flex: 0 0 2rem;
    padding: 1rem;
    text-align: right
}

#DeviceFacilities .no-padding /deep/ .el-dialog__body {
    padding: 0
}

#DeviceFacilities .patrol-play,
#DeviceFacilities .patrol-play__carousel {
    width: 100%;
    height: 36.5rem
}

#DeviceFacilities .patrol-play__carousel /deep/ .el-carousel__container,
#DeviceFacilities .patrol-play__carousel /deep/ .el-carousel__item {
    height: 100%
}

#DeviceFacilities .patrol-play img {
    width: 100%;
    height: 100%
}

#DeviceFacilities .el-table__empty-block {
    height: 70%
}

.device-facility__footer {
    margin-top: 1.5rem;
    text-align: right
}

.device-facility__body .dialog-label {
    height: 2.5rem;
    line-height: 2.5rem;
    max-width: 10rem;
    min-width: 5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.device-facility__body .dialog-area {
    height: 2.5rem;
    line-height: 2.5rem;
    display: flex;
    align-items: center
}

.device-facility__body .el-row {
    margin-bottom: .25rem
}

#DeviceFacilities main .left .info .summary {
    height: auto;
    min-height: 9rem
}

.hw-card__body.el-card {
    flex: none
}

#DeviceFacilities main .left .info .text {
    -ms-flex-direction: row
}

.el-time-panel {
    background-color: rgba(var(--background-38), 1);
    border: 1px solid rgba(var(--primary-border), 1)
}

.el-time-panel .el-time-spinner__item {
    color: rgba(var(--white-color-2), 1)
}

.el-time-panel .el-time-spinner__item.active:not(.disabled) {
    color: rgba(var(--text-color-5), 1)
}

.el-time-panel .el-time-spinner__item:hover:not(.disabled):not(.active) {
    background: rgba(var(--primary-border), 1)
}

#DeviceManage {
    position: fixed;
    z-index: 1300;
    top: 0;
    left: 0;
    height: 100%;
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    font-size: .875rem
}

#DeviceManage .flex {
    display: flex
}

#DeviceManage .deviceManage-area {
    width: 40rem;
    padding: 0 1.1rem;
    overflow-y: scroll;
    margin-top: 3.5rem;
    height: calc(100% - 3.5rem)
}

#DeviceManage .el-pagination__jump {
    margin-left: 5px;
    font-weight: 400
}

#DeviceManage .switch-buttonList {
    z-index: 1300;
    position: fixed;
    width: 1.5rem;
    height: 3.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--white-color-2), 1);
    opacity: 1;
    background-color: rgba(var(--background-14), 1);
    bottom: 0;
    border-radius: 0 5px 5px 0;
    cursor: pointer
}

#DeviceManage .switch-buttonList.manage-left {
    left: 42.2rem
}

#DeviceManage .switch-buttonList.manage-right {
    left: 0;
    opacity: 1
}

#DeviceManage .el-table__body tbody tr td .el-tooltip .el-icon-sunny {
    cursor: pointer
}

#DeviceManage .el-table__body tbody tr td .el-tooltip .connectStatus {
    color: rgba(var(--red-color-22), 1)
}

#DeviceManage .titleArea {
    line-height: 3rem
}

#DeviceManage .titleArea>span:first-child {
    color: rgba(var(--text-color-6), 1);
    font-size: .75rem
}

#DeviceManage .titleArea>span:nth-child(2) {
    color: rgba(var(--text-color-6), 1);
    font-size: .75rem;
    margin: 0 6px
}

#DeviceManage .titleArea>span:nth-child(3) {
    color: rgba(var(--white-color-2), 1);
    font-size: .75rem
}

#DeviceManage .device-active {
    color: rgba(var(--green-color-24), 1)
}

#DeviceManage .device-inactive {
    color: rgba(var(--yellow-color-23), 1)
}

#DeviceManage .device-unreg {
    color: rgba(var(--text-color-7), 1)
}

#DeviceManage .device-deleted {
    color: rgba(var(--red-color-22), 1)
}

#DeviceManage .countArea {
    display: flex;
    flex-direction: column;
    height: 6.9rem
}

#DeviceManage .countArea>span:first-child {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    line-height: 3rem;
    height: 3rem;
    margin: 0 1rem;
    border-bottom: 1px solid rgba(var(--primary-background-2), 1)
}

#DeviceManage .countArea>div {
    display: flex;
    height: 5.75rem;
    justify-content: center;
    align-items: center
}

#DeviceManage .countArea>div>div {
    width: 33%;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center
}

#DeviceManage .countArea>div>div:first-child,
#DeviceManage .countArea>div>div:nth-child(2) {
    border-right: 1px solid rgba(var(--primary-background-2), 1)
}

#DeviceManage .countArea>div>div:first-child>div,
#DeviceManage .countArea>div>div:nth-child(2)>div,
#DeviceManage .countArea>div>div:nth-child(3)>div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: .75rem;
    color: rgba(var(--white-color-2), 1);
    margin-right: .625rem;
    line-height: 1rem
}

#DeviceManage .countArea>div>div:first-child>span,
#DeviceManage .countArea>div>div:nth-child(2)>span,
#DeviceManage .countArea>div>div:nth-child(3)>span {
    font-size: 1.875rem
}

#DeviceManage .conditionArea form {
    margin: 0
}

#DeviceManage .conditionArea .deviceConditionSelect {
    margin: .8rem 0
}

#DeviceManage .conditionArea .deviceConditionSelect .spaceOption>div {
    flex: 1
}

#DeviceManage .conditionArea .deviceConditionSelect .spaceOption .el-cascader {
    width: 100%
}

#DeviceManage .conditionArea i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceManage .conditionArea .separate-area {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .75rem
}

#DeviceManage .conditionArea .separate-area i {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--primary-background-2), .4);
    padding: 0 5px
}

#DeviceManage .conditionArea .separate-area i:hover {
    color: rgba(var(--text-color-5), 1)
}

#DeviceManage .conditionArea .separate-area>div {
    border-bottom: 1px dashed rgba(var(--primary-border), 1);
    width: 100%;
    margin: 0 5px
}

#DeviceManage .function-button {
    margin: 0 0 .5rem;
    color: rgba(var(--white-color-2), 1)
}

#DeviceManage .function-button>span {
    margin-right: 1.5rem
}

#DeviceManage .function-button>span>i {
    margin-right: .25rem;
    background-color: rgba(var(--background-8), 1);
    border-radius: .6rem;
    color: rgba(var(--text-color-5), 1);
    padding: .2rem
}

#DeviceManage .function-button>span:active {
    color: rgba(var(--text-color-30), 1)
}

#DeviceManage .function-button>span:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceManage .table-area .tableHandle i {
    margin: 0 .25rem
}

#DeviceManage .table-area .tableHandle i:hover {
    color: rgba(var(--text-color-5), 1)
}

#DeviceManage .table-area .tableHandle i:active {
    color: rgba(var(--text-color-30), 1)
}

#DeviceManage .table-area .tableHandle i[disabled] {
    color: rgba(var(--table-area-i-color-35), 1)
}

#DeviceManage .table-area .tableHandle i[disabled]:hover {
    cursor: not-allowed
}

#DeviceManage .table-area .el-table .table-row-detail {
    color: rgba(var(--white-color-2), 1);
    padding: .25rem 0 .25rem 2rem
}

#DeviceManage .table-area .el-table .table-row-detail .el-row {
    height: 1.75rem;
    line-height: 1.75rem
}

#DeviceManage .table-area .el-table .table-row-detail .el-row .el-col {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 1rem
}

#DeviceManage .table-area .el-table .table-row-detail .el-row .el-col:hover i {
    opacity: 1
}

#DeviceManage .table-area .el-table .table-row-detail .el-row .el-col>span:first-child {
    color: rgba(var(--text-color-6), 1)
}

#DeviceManage .table-area .el-table .table-row-detail .el-row .el-col>i {
    position: absolute;
    right: .3rem;
    font-size: smaller;
    color: rgba(var(--white-color-2), 1);
    box-shadow: 0 0 5px rgba(var(--white-color-2), 1);
    top: 50%;
    transform: translateY(-50%);
    opacity: 0
}

#DeviceManage .table-area .el-table .table-row-detail .el-row .el-col>i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceManage .table-area .el-table__empty-block {
    max-height: 30rem
}

#DeviceManage .table-area .pagination {
    padding: 1rem 0
}

#DeviceManage .table-area .pagination .el-pagination {
    display: flex
}

#DeviceManage .table-area .pagination .el-pagination__total {
    display: flex;
    flex: 1
}

#DeviceManage .distanceSelect {
    position: fixed;
    top: 55%;
    right: 0;
    z-index: 1300;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#DeviceManage .distanceSelect .distanceSelect-area {
    top: 0;
    right: 0;
    width: 11rem;
    height: auto;
    background-color: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    display: flex;
    padding: 0
}

#DeviceManage .distanceSelect .distanceSelect-area li {
    cursor: pointer;
    margin: 1rem 1rem 1rem 2rem
}

#DeviceManage .distanceSelect .distanceSelect-area li:hover {
    color: rgba(var(--yellow-color-23), 1)
}

#DeviceManage .distanceSelect .distanceSelect-area .rangeActive {
    color: rgba(var(--yellow-color-23), 1);
    position: relative
}

#DeviceManage .distanceSelect .distanceSelect-area .rangeActive:after {
    content: "";
    height: 0;
    width: 0;
    border-top: 6px solid transparent;
    border-right: 8px solid rgba(var(--text-color-7), 1);
    border-bottom: 6px solid transparent;
    position: absolute;
    top: 6px;
    right: 108%
}

#DeviceManage .distanceSelect .button-left {
    right: 2px;
    opacity: 1
}

#DeviceManage .distanceSelect .button-right {
    right: 173px
}

#DeviceManage .DeviceManageStatus {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1300;
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#DeviceManage .DeviceManageStatus .deviceStatus-area {
    top: 0;
    right: 0;
    width: 18rem;
    height: 13.625rem;
    background-color: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    display: flex;
    padding-top: 0;
    padding-left: 1rem;
    border-radius: 0 0 0 .375rem
}

#DeviceManage .DeviceManageStatus .switch-button.status-left {
    right: 0;
    opacity: 1
}

#DeviceManage .DeviceManageStatus .switch-button.status-left i {
    color: rgba(var(--white-color-2), 1)
}

#DeviceManage .DeviceManageStatus .switch-button.status-right {
    right: 17.5rem
}

#DeviceManage .DeviceManageStatus .left-area {
    display: flex;
    flex-direction: column
}

#DeviceManage .DeviceManageStatus .left-area>div:first-child {
    margin: 1rem;
    width: 100%;
    position: absolute
}

#DeviceManage .DeviceManageStatus #my-canvas {
    margin-top: 3rem;
    width: 10rem;
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#DeviceManage .DeviceManageStatus canvas {
    width: 8.5rem;
    height: 8.5rem
}

#DeviceManage .DeviceManageStatus .right-area {
    display: flex;
    margin-left: .3rem;
    margin-top: 4rem;
    flex-direction: column
}

#DeviceManage .DeviceManageStatus .right-area>div {
    font-size: .95rem;
    margin: .8rem 0
}

#tab-instanceAttr:after {
    content: attr(data-attr);
    color: rgba(var(--red-color-22), 1);
    margin-left: .5rem;
    font-weight: bolder
}

#device-addEdit-dialog .flex {
    display: flex
}

#device-addEdit-dialog .el-dialog .el-form-item {
    flex: 1;
    margin-bottom: 10px
}

#device-addEdit-dialog .el-dialog .el-cascader {
    width: 100%
}

#device-addEdit-dialog .el-dialog .device-attibute {
    position: relative
}

#device-addEdit-dialog .el-dialog .device-attibute .title {
    display: flex;
    justify-content: space-between
}

#device-addEdit-dialog .el-dialog .device-attibute .title>span:nth-child(2) {
    border-left: 2px solid rgba(var(--red-color-22), 1);
    padding-left: .5rem;
    position: absolute;
    right: 0;
    top: .5rem;
    z-index: 10
}

#device-addEdit-dialog .el-dialog .device-attibute .attribute-title {
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
    color: rgba(var(--color-text-4), 1);
    border-left: inherit;
    border-right: inherit;
    border-bottom: 1px solid rgba(var(--primary-background-2), 1);
    border-color: rgba(var(--primary-background-2), 1) currentcolor;
    border-top: 1px solid rgba(var(--primary-background-2), 1);
    margin-top: .5rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attribute-title.el-row .el-col>span:before {
    content: "|";
    padding-right: .5rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display {
    max-height: 19.5rem;
    overflow-x: hidden;
    padding-right: .15rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .el-row {
    margin: .25rem 0
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .border-left {
    border-left: .15rem solid rgba(var(--red-color-22), 1);
    border-radius: .35rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .border-left .el-input__inner {
    border-left: none
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .el-input__inner {
    padding: 0 .5rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .operation i {
    margin: .8rem .1rem
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .operation i:hover {
    color: rgba(var(--text-color-5), 1);
    cursor: pointer
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .operation i[disabled] {
    color: rgba(var(--table-area-i-color-35), 1)
}

#device-addEdit-dialog .el-dialog .device-attibute .attr-display .operation i[disabled]:hover {
    cursor: not-allowed
}

#device-addEdit-dialog .el-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#device-addEdit-dialog .hw-tabs {
    height: inherit
}

#device-addEdit-dialog .hw-tabs .el-tabs {
    height: auto;
    border: inherit
}

#device-def-dialog .pagination {
    margin: 1rem 0;
    text-align: right
}

#device-def-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#device-def-dialog .el-table__empty-block {
    max-height: 5rem
}

#device-space-dialog .pagination {
    margin: 1rem 0;
    text-align: right
}

#device-space-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#device-space-dialog .el-table__empty-block {
    max-height: 5rem
}

#device-upload-dialog .download {
    color: rgba(var(--text-color-5), 1)
}

#device-upload-dialog .upload {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

#device-upload-dialog .upload .el-upload-dragger {
    background-color: inherit;
    border: 1px dashed rgba(var(--primary-background-2), 1)
}

#device-upload-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#device-attributeDef-dialog .el-dialog__body,
#device-deviceModel-dialog .el-dialog__body {
    padding: 10px 0 10px 10px;
    height: 36rem;
    position: relative
}

#device-attributeDef-dialog .el-tabs__item,
#device-deviceModel-dialog .el-tabs__item {
    height: 2rem;
    line-height: 2rem;
    color: rgba(var(--color-text-4), 1)
}

#device-attributeDef-dialog .el-tabs__item.is-active,
#device-deviceModel-dialog .el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1) !important
}

#device-attributeDef-dialog .el-tabs__nav-wrap:after,
#device-deviceModel-dialog .el-tabs__nav-wrap:after {
    background-color: rgba(var(--primary-border), 1)
}

#device-attributeDef-dialog .el-tabs__header,
#device-deviceModel-dialog .el-tabs__header {
    margin: 0 0 .5rem
}

#device-attributeDef-dialog .el-tabs__nav-wrap,
#device-deviceModel-dialog .el-tabs__nav-wrap {
    margin-top: -.5rem
}

#device-attributeDef-dialog .operation-area,
#device-deviceModel-dialog .operation-area {
    position: absolute;
    top: 0;
    right: 5px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    z-index: 100
}

#device-attributeDef-dialog .operation-area .button,
#device-deviceModel-dialog .operation-area .button {
    border: 1px solid rgba(var(--primary-border), 1);
    box-shadow: 0 0 10px rgba(var(--black-color-1), 1);
    border-radius: .25rem
}

#device-attributeDef-dialog .operation-area .button>i,
#device-deviceModel-dialog .operation-area .button>i {
    background-color: rgba(var(--background-8), 1);
    margin: .2rem
}

#device-attributeDef-dialog .operation-area .button>i:active,
#device-deviceModel-dialog .operation-area .button>i:active {
    color: rgba(var(--text-color-30), 1);
    transform: rotate(300deg);
    transition: all .5s linear
}

#device-attributeDef-dialog .operation-area .button>i:hover,
#device-deviceModel-dialog .operation-area .button>i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#device-attributeDef-dialog .row-title,
#device-deviceModel-dialog .row-title {
    margin-right: 0 !important;
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

#device-attributeDef-dialog .attribute-area,
#device-deviceModel-dialog .attribute-area {
    height: 96.5%;
    padding-top: 5px;
    overflow-y: scroll;
    overflow-x: hidden
}

#device-attributeDef-dialog .attribute-area .el-row,
#device-deviceModel-dialog .attribute-area .el-row {
    border-bottom: 1px dashed rgba(var(--text-color-15), .25098039215686274)
}

#device-attributeDef-dialog .attribute-area .attr-loading,
#device-deviceModel-dialog .attribute-area .attr-loading {
    background-color: rgba(var(--black-color-1), .4);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

#device-attributeDef-dialog .attribute-area .attr-loading i,
#device-deviceModel-dialog .attribute-area .attr-loading i {
    font-size: 2rem;
    color: rgba(var(--text-color-5), 1)
}

#device-attributeDef-dialog span,
#device-deviceModel-dialog span {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#device-attributeDef-dialog .el-tabs__active-bar,
#device-deviceModel-dialog .el-tabs__active-bar {
    background-color: rgba(var(--text-color-5), 1)
}

.device-manage-box {
    background-color: rgba(var(--background-8), .95);
    border: none
}

.device-manage-box .el-message-box__header {
    background: rgba(var(--background-32), 1);
    border-bottom: .063rem solid rgba(var(--text-color-5), 1)
}

.device-manage-box .el-message-box__header .el-message-box__title,
.device-manage-box .el-message-box__message {
    color: rgba(var(--white-color-2), 1)
}

#relatedTable .el-table__empty-block {
    height: 3rem !important;
    border-right: 1px solid rgba(var(--primary-background-2), 1);
    border-bottom: 1px solid rgba(var(--primary-background-2), 1)
}

#relatedTable td {
    height: 40px
}

.relation-dialog .hw-table--border {
    margin-left: 12px;
    margin-right: 12px
}

.relation-dialog .table-border {
    border-left: 1px solid rgba(var(--primary-background-2), 1)
}

.relation-dialog .el-dialog__body {
    padding: 32px 20px;
    word-break: break-all;
    background-color: rgba(var(--background-38), 1);
    box-shadow: 0 16px 48px 0 rgba(var(--background-6), 1)
}

.relation-dialog .hw-table .el-table .cell {
    margin-left: 14px
}

.relation-dialog .hw-table .el-table th>.cell {
    white-space: nowrap;
    font-size: 14px
}

.relation-dialog .hw-table .el-table .el-table__body .tableHandle>i {
    font-size: 14px;
    margin: 0 16px 0 0
}

.relation-dialog .hw-table .el-table thead th.is-leaf {
    border-bottom-color: rgba(var(--text-color-5), 1);
    border-bottom-width: 2px;
    height: 48px
}

.relation-dialog el-option:first-child {
    height: 22.5rem;
    cursor: pointer;
    width: 568px;
    background-color: rgba(var(--background-37), 1) !important;
    box-shadow: 0 8px 24px 0 rgba(var(--background-6), .76);
    border: 1px solid rgba(var(--primary-background-2), .6);
    border-bottom: none
}

.relation-dialog .el-icon-arrow-up:before {
    content: "\e78f"
}

.relation-dialog .el-button {
    height: 2.5rem;
    width: 104px !important
}

.relation-dialog .el-dialog__header {
    background: rgba(var(--table-td-dialog-background-36), 1);
    border-radius: 4px 4px 0 0;
    border: 1px solid rgba(var(--border-color-37), .3);
    border-bottom-color: rgba(var(--text-color-5), 1);
    padding: 0 1.5rem;
    display: flex;
    align-items: center;
    height: 56px;
    justify-content: space-between
}

.relation-dialog .el-dialog__header .el-dialog__title {
    line-height: 24px;
    font-size: 16px;
    color: rgba(var(--white-color-2), 1);
    font-weight: 700
}

.relation-dialog .el-pager li.active {
    color: rgba(var(--text-color-31), 1) !important
}

.relation-dialog .el-table--border .el-table--group {
    border: 1px solid rgba(var(--primary-background-2), 1)
}

.relation-dialog .el-table td,
.relation-dialog .el-table th {
    border-right: 1px solid rgba(var(--primary-background-2), 1) !important
}

.page-style {
    margin: 1rem 0;
    text-align: right
}

.confirm-button {
    height: 2.5rem;
    margin-bottom: 24px;
    margin-right: 24px
}

.confirm-button,
.quxiao {
    background-color: rgba(var(--background-37), 1) !important;
    float: right;
    padding: 0
}

.quxiao {
    margin-right: 20px
}

.el-select-dropdown__item:hover {
    background-color: rgba(var(--primary-background-2), .3) !important
}

.el-select-dropdown__item.hover {
    background-color: rgba(var(--primary-background-2), .3)
}

.footer-ext {
    text-align: right;
    margin: 0 32px 24px 0
}

.el-select-dropdown__wrap {
    max-height: 1000px
}

#selectedDevice {
    overflow: auto;
    min-height: 40px;
    max-height: 218px
}

#selectedDevice .el-table__empty-block {
    height: 3rem
}

#selectedDevice td {
    text-align: left;
    height: 40px
}

#selectedDevice td,
#selectedDevice thead th {
    border-left: 1px solid rgba(var(--primary-background-2), 1);
    border-right: 1px solid rgba(var(--primary-background-2), 1)
}

#selectedDevice thead th {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--primary-background-2), .5);
    border-top: 1px solid rgba(var(--primary-background-2), .4)
}

#selectedDevice .el-radio__inner {
    border: 1px solid rgba(var(--text-color-5), 1);
    border-radius: 8px;
    width: 16px;
    height: 16px;
    background-color: rgba(var(--background-6), 1);
    position: relative;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box
}

.el-table__footer-wrapper .el-table__header-wrapper {
    overflow: hidden;
    background: rgba(var(--primary-background-2), .5)
}

#form .el-input__inner {
    color: rgba(var(--white-color-2), 1)
}

#newData thead {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    display: none
}

#newData td {
    text-align: center;
    height: 40px;
    border-left: 1px solid rgba(var(--primary-background-2), 1);
    border-right: 1px solid rgba(var(--primary-background-2), 1)
}

#newData .el-table__body tbody tr td:hover {
    background-color: transparent !important;
    border-right: none;
    border-radius: 0
}

#newData1 thead {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    display: none
}

#newData1 .el-form--inline .el-form-item__content {
    display: block;
    vertical-align: top
}

#newData1 .el-form-item {
    margin-bottom: 32px;
    margin-right: 22px
}

#newData1 .el-table__body tbody tr td:hover {
    background-color: transparent !important;
    border-left: none;
    border-right: none;
    border-radius: 0
}

#newData1 .el-input__suffix {
    position: absolute;
    height: 40px;
    right: 0;
    top: 0;
    text-align: center;
    color: rgba(var(--text-color-26), 1);
    transition: all .3s;
    pointer-events: none;
    background-color: rgba(var(--el-input__suffix-background-87), 1);
    width: 48px;
    border-radius: 0 4px 4px 0;
    border: 1px solid rgba(var(--primary-background-2), 1)
}

#newData1 .el-input__inner {
    -webkit-appearance: none;
    border-radius: 4px;
    border: 1px solid rgba(var(--primary-background-2), 1);
    box-sizing: border-box;
    color: rgba(var(--white-color-2), 1);
    display: inline-block;
    font-size: inherit;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding: 0 16px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}

::-webkit-scrollbar-track {
    display: none;
    border-radius: 0;
    padding: 0 .5rem
}

::-webkit-scrollbar-track-piece {
    background-color: transparent !important
}

::-webkit-scrollbar-thumb {
    width: .5rem;
    border: none;
    background-color: rgba(var(--primary-background-2), 1);
    transition: all .2s;
    border-radius: .25rem
}

::-webkit-scrollbar-thumb:hover {
    border: none;
    background-color: rgba(var(--primary-background-2), 1)
}

.el-select-dropdown.el-popper .el-scrollbar__view.el-select-dropdown__list {
    overflow: visible
}

.hw-input .el-textarea .el-input__count {
    background: inherit;
    right: 23px
}

.hw-tabs .el-tab-pane {
    height: auto
}

#device-addEdit-dialog .hw-tabs .el-tabs {
    display: inherit
}

.el-message-box__message p span {
    max-width: 100px;
    vertical-align: middle;
    margin: 0;
    line-height: 24px
}

.el-message-box__message p span,
.hw-external-code .el-form-item__content span {
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    display: inline-block;
    white-space: nowrap
}

.hw-external-code .el-form-item__content span {
    max-width: 472px
}

.hw-device-name .el-form-item__content span {
    width: auto;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

.hw-inputnum .el-input .el-input__count .el-input__count-inner {
    background: inherit
}

.hw-arrow .popper__arrow {
    display: none
}

#deviceAttr .el-row:hover {
    background-color: rgba(var(--background-38), 1) !important
}

.cascader_multiple .el-cascader__search-input {
    background: rgba(var(--background-38), 1)
}

.cascader_multiple .el-cascader {
    overflow: auto;
    background: rgba(var(--background-38), 1);
    border-radius: 2px
}

.cascader_multiple .el-cascader__tags {
    text-overflow: ellipsis;
    width: 77%;
    display: block;
    top: 0;
    transform: translateY(0)
}

.cascader_multiple .el-cascader__search-input {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 0 0 15px;
    height: 2.5rem
}

.cascader_multiple .el-cascader .el-input.is-focus .el-input__inner {
    caret-color: rgba(var(--text-color-5), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--background-38), 1)
}

#DeviceTrigger {
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    height: 100%;
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    overflow-y: auto
}

#DeviceTrigger .flex {
    display: flex
}

#DeviceTrigger header {
    height: 4.5rem;
    padding-left: 1.5rem;
    display: none
}

#DeviceTrigger header .hw-breadcrumb {
    display: flex;
    align-items: center
}

#DeviceTrigger header .hw-breadcrumb .device-facility-breadcrumb1>span:first-child {
    color: rgba(var(--color-text-4), 1)
}

#DeviceTrigger header .hw-breadcrumb .device-facility-breadcrumb1>span:first-child:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceTrigger header .hw-breadcrumb .device-facility-breadcrumb2>span:first-child {
    color: rgba(var(--white-color-2), 1)
}

#DeviceTrigger main {
    flex: 1;
    padding: 0 2rem 3rem;
    color: rgba(var(--white-color-2), 1);
    display: flex;
    flex-direction: column
}

#DeviceTrigger main .condition {
    width: 100%
}

#DeviceTrigger main .condition .function-button {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

#DeviceTrigger main .condition .function-button .hw-button {
    margin-left: .5rem
}

#DeviceTrigger main .condition .function-button .hw-button button {
    min-width: 5.5rem
}

#DeviceTrigger main .trigger-device {
    color: rgba(var(--yellow-color-23), 1);
    font-weight: bolder
}

#DeviceTrigger main .trigger-deviceDef {
    color: rgba(var(--yellow-color-23), .8);
    font-weight: bolder
}

#DeviceTrigger main .trigger-active {
    color: rgba(var(--green-color-24), 1)
}

#DeviceTrigger main .trigger-inactive {
    color: rgba(var(--yellow-color-23), 1)
}

#DeviceTrigger main .pagination {
    margin-top: 3rem;
    text-align: right
}

#DeviceTrigger main .function-add {
    justify-content: space-between;
    font-size: 1rem;
    margin-bottom: 1.25rem;
    padding-right: 1rem
}

#DeviceTrigger main .function-add .btns>div:nth-child(2) {
    margin-left: 2rem
}

#DeviceTrigger main .function-add .iconBtn:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceTrigger main .function-add .iconBtn:active {
    color: rgba(var(--text-color-30), 1)
}

#DeviceTrigger main .function-add .iconBtn .el-icon-download,
#DeviceTrigger main .function-add .iconBtn .el-icon-upload2 {
    background-color: rgba(var(--background-8), 1);
    border-radius: .6rem;
    color: rgba(var(--text-color-5), 1);
    padding: .2re
}

#DeviceTrigger main .table-area .el-table .el-table__header th>.cell {
    font-weight: 400
}

#DeviceTrigger main .table-area .el-table__empty-block {
    height: 30rem
}

#DeviceTrigger main .table-area .tableHandle i {
    font-size: 1rem;
    margin: 0 .6rem
}

#DeviceTrigger main .table-area .tableHandle i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#DeviceTrigger main .table-area .tableHandle i:active {
    color: rgba(var(--text-color-30), 1)
}

#DeviceTrigger main .table-area .tableHandle i[disabled] {
    color: rgba(var(--table-area-i-color-35), .35)
}

#DeviceTrigger main .table-area .tableHandle i[disabled]:hover {
    cursor: not-allowed
}

#DeviceTrigger main .table-area .pagination {
    margin-top: 3rem;
    text-align: right
}

#device-trigger-dialog .date-picker {
    padding: 0
}

#device-trigger-dialog .date-picker /deep/ .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    height: 2.5rem;
    line-height: 2.5rem
}

#device-trigger-dialog .trigger-params {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

#device-trigger-dialog .trigger-params>div {
    width: 32%;
    margin: .5rem
}

#device-trigger-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#trigger-device-dialog .pagination {
    margin: .25rem 0;
    text-align: right
}

#trigger-device-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#trigger-device-dialog .el-table__empty-block {
    max-height: 15rem
}

#trigger-deviceDef-dialog .pagination {
    margin: .25rem 0;
    text-align: right
}

#trigger-deviceDef-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#trigger-deviceDef-dialog .el-table__empty-block {
    max-height: 15rem
}

#trigger-alarmDef-dialog .pagination {
    margin: .25rem 0;
    text-align: right
}

#trigger-alarmDef-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

#trigger-alarmDef-dialog .el-table__empty-block {
    max-height: 15rem
}

.el-divider.el-divider--horizontal {
    margin: 1rem 0 0
}

.el-scrollbar__wrap {
    height: auto !important
}

#trigger-upload-dialog .download {
    color: rgba(var(--text-color-5), 1)
}

#trigger-upload-dialog .upload {
    display: flex;
    justify-content: center;
    margin-top: 1rem
}

#trigger-upload-dialog .upload .el-upload-dragger {
    background-color: inherit;
    border: 1px dashed rgba(var(--primary-background-2), 1)
}

#trigger-upload-dialog .footer {
    margin-top: 1rem;
    text-align: right
}

.wh-form .hw-input--border .wh-input .el-input__inner {
    padding-right: 70px
}

.wh-form .hw-input__small .el-input .el-input__suffix {
    right: .4rem
}

.wh-form .el-textarea__inner {
    padding: 5px 15px 13px
}

.wh-form .hw-input .el-textarea .el-input__count {
    right: 5px;
    bottom: -6px
}

@media only screen and (max-width:1920px) {
    html {
        font-size: 15px
    }
}

@media only screen and (max-width:1480px) {
    html {
        font-size: 12px
    }

    html .weather_portal {
        padding-top: 0 !important
    }

    html .wind_portal .wind_body,
    html .wind_portal .wind_portal_title {
        padding-top: 1rem !important
    }
}

::-webkit-scrollbar {
    width: 5px;
    height: 0
}

.skcAbsoluteWidget .out_portal {
    position: absolute;
    height: 100%
}

#EnvironmentDisplay_Widget {
    position: fixed;
    z-index: 1300;
    top: 0;
    left: 0;
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    padding-top: 9.5rem
}

#EnvironmentDisplay_Widget .top_portal {
    margin: 1rem 0;
    font-size: .75rem;
    color: rgba(var(--text-color-6), 1)
}

#EnvironmentDisplay_Widget .top_portal .top_portal_title span {
    margin-right: 9px
}

#EnvironmentDisplay_Widget .top_portal .top_portal_title span:last-child {
    color: rgba(var(--white-color-2), 1);
    margin-left: 6px
}

#EnvironmentDisplay_Widget .out_portal {
    height: calc(100vh - 10.5rem);
    overflow-y: auto;
    font-size: .875rem;
    padding: 0 1.5rem 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .choose_eqm_portal {
    position: fixed;
    top: 4rem
}

#EnvironmentDisplay_Widget .out_portal .choose_eqm_portal .choose_eqm_title {
    color: rgba(var(--white-color-2), 1);
    font-size: .875rem;
    padding: .5rem 0
}

#EnvironmentDisplay_Widget .out_portal .choose_eqm_portal .el-select .el-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1);
    border-color: transparent;
    height: 3rem;
    font-size: .875rem;
    width: 25.5rem;
    outline: none
}

#EnvironmentDisplay_Widget .out_portal .choose_eqm_portal .el-select .el-input.is-focus .el-input__inner {
    border: transparent
}

#EnvironmentDisplay_Widget .out_portal .weather_portal {
    width: 25.5rem;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    background-color: rgba(var(--background-8), .3);
    border-radius: 1rem 1rem 0 0;
    margin-top: 1rem;
    border-bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#EnvironmentDisplay_Widget .out_portal .weather_portal .weather_portal_icon {
    height: 2.5rem;
    width: 3.125rem;
    margin: 1.8rem 0 0 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .weather_portal .weather_portal_flex {
    margin-right: 1.5rem;
    color: rgba(var(--white-color-2), 1);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    height: 1.8rem;
    margin-top: 1rem
}

#EnvironmentDisplay_Widget .out_portal .weather_portal .weather_portal_flex .weather_portal_value {
    font-size: 1.25rem;
    margin: 0 .875rem;
    border-right: .063rem solid rgba(var(--primary-background-2), 1);
    padding: 0 .875rem
}

#EnvironmentDisplay_Widget .out_portal .weather_portal .weather_portal_flex .weather_portal_city {
    padding: .25rem 1rem;
    background: rgba(var(--primary-background-2), 1);
    border-radius: 1.5rem;
    font-size: .675rem
}

#EnvironmentDisplay_Widget .out_portal .messageTime_title {
    font-size: .875rem;
    font-weight: 100;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .MessageTime_portal {
    height: 2.5rem;
    width: 25rem;
    margin-left: 1.2rem;
    display: flex;
    align-items: flex-end;
    font-size: .875rem;
    font-weight: 100;
    color: rgba(var(--white-color-2), 1);
    position: fixed;
    top: 6.5rem
}

#EnvironmentDisplay_Widget .out_portal .temperature_portal {
    background-color: rgba(var(--background-8), .3);
    border: .063rem solid rgba(var(--primary-background-2), 1);
    border-top: 0;
    border-bottom: 0;
    padding-left: 7rem;
    font-weight: 100;
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
    width: 18.5rem
}

#EnvironmentDisplay_Widget .out_portal .temperature_portal .temperature_value {
    font-size: 5rem;
    font-weight: 100;
    color: rgba(var(--border-color-11), 1);
    height: 6rem;
    font-family: initial
}

#EnvironmentDisplay_Widget .out_portal .temperature_portal .temperature_high_low_value {
    font-size: 1.125rem;
    font-weight: 100;
    color: rgba(var(--white-color-2), 1);
    font-family: initial
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    border-bottom: 0;
    background: rgba(var(--primary-background-2), .3);
    display: flex;
    padding: 1rem 0;
    width: 25.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal {
    border-right: .063rem solid rgba(var(--primary-background-2), 1);
    width: 12.5rem;
    padding-left: 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal .noise_humidity_pressure_title .noise_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal .noise_humidity_pressure_title .noise_title_icon {
    height: 2rem;
    width: 2rem;
    margin: .8rem 0 .8rem 3.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal .noise_humidity_pressure_content {
    color: rgba(var(--text-color-6), 1);
    font-weight: 100;
    text-align: left;
    display: flex;
    align-items: flex-end;
    margin-left: 1.8rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal .noise_humidity_pressure_content .noise_value {
    font-size: 1.75rem;
    color: rgba(var(--yellow-color-23), 1);
    align-content: flex-start;
    height: 2rem;
    font-weight: 100;
    margin-right: .5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .noise_portal .noise_humidity_pressure_content .pressure_unit {
    font-size: .875rem;
    color: rgba(var(--text-color-6), 1);
    padding-left: .5rem;
    float: left;
    height: 1rem;
    font-weight: 100
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal {
    width: 12.5rem;
    padding-left: 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal .noise_humidity_pressure_title .humidity_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal .noise_humidity_pressure_title .humidity_title_icon {
    height: 2rem;
    width: 2rem;
    margin: .8rem 0 .8rem 3.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal .noise_humidity_pressure_content {
    color: rgba(var(--text-color-6), 1);
    font-weight: 100;
    text-align: left;
    display: flex;
    align-items: flex-end;
    margin-left: 1.8rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal .noise_humidity_pressure_content .humidity_value {
    font-size: 1.75rem;
    color: rgba(var(--text-color-27), 1);
    align-content: flex-start;
    height: 2rem;
    font-weight: 100;
    margin-right: .5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure1 .Humidity_portal .noise_humidity_pressure_content .humidity_unit {
    font-size: .875rem;
    color: rgba(var(--text-color-6), 1);
    padding-left: .5rem;
    float: left;
    height: 1rem;
    font-weight: 100
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 {
    border: .063rem solid rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), .3);
    display: flex;
    padding: 1rem 0;
    border-radius: 0 0 1rem 1rem;
    width: 25.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal {
    border-right: .063rem solid rgba(var(--primary-background-2), 1);
    width: 12.5rem;
    padding-left: 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal .noise_humidity_pressure_title .pressure_title_icon {
    height: 2rem;
    width: 2rem;
    margin: .8rem 0 .8rem 3.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal .noise_humidity_pressure_title .pressure_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal .noise_humidity_pressure_content {
    color: rgba(var(--text-color-6), 1);
    font-weight: 100;
    text-align: left;
    display: flex;
    align-items: flex-end;
    margin-left: 1.8rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal .noise_humidity_pressure_content .pressure_value {
    font-size: 1.75rem;
    color: rgba(var(--background-76), 1);
    align-content: flex-start;
    height: 2rem;
    font-weight: 100;
    margin-right: .5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .Pressure_portal .noise_humidity_pressure_content .pressure_unit {
    font-size: .875rem;
    color: rgba(var(--text-color-6), 1);
    padding-left: .5rem;
    float: left;
    height: 1rem;
    font-weight: 100
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal {
    width: 12.5rem;
    padding-left: 1.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal .noise_humidity_pressure_title .temp_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal .noise_humidity_pressure_title .temp_title_icon {
    height: 2rem;
    width: 1.32rem;
    margin: .8rem 0 .8rem 3.5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal .noise_humidity_pressure_content {
    color: rgba(var(--text-color-6), 1);
    font-weight: 100;
    text-align: left;
    display: flex;
    align-items: flex-end;
    margin-left: 1.8rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal .noise_humidity_pressure_content .temp_value {
    font-size: 1.75rem;
    color: rgba(var(--text-color-27), 1);
    align-content: flex-start;
    height: 2rem;
    font-weight: 100;
    margin-right: .5rem
}

#EnvironmentDisplay_Widget .out_portal .noise_humidity_pressure2 .temp_portal .noise_humidity_pressure_content .temp_unit {
    font-size: .875rem;
    color: rgba(var(--text-color-6), 1);
    padding-left: .5rem;
    float: left;
    height: 1rem;
    font-weight: 100
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal {
    width: 25.5rem;
    margin-top: 1rem;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    border-radius: 1rem;
    background-color: rgba(var(--background-8), .3);
    overflow: hidden
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title {
    display: flex;
    justify-content: space-between;
    background: rgba(var(--primary-background-2), .9);
    border-bottom: .063rem solid rgba(var(--primary-background-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title .pm25_title_left {
    display: flex;
    justify-content: space-between;
    margin: .8rem .5rem .8rem 1rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title .pm25_title_left .pm25_title_icon {
    height: 1rem;
    width: 1.2rem;
    margin-right: .65rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title .pm25_title_left .pm25_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title .pm25_title_left .pm25_title_desc span {
    font-size: .75rem;
    color: rgba(var(--text-color-6), 1)
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_title .pm25_title_status {
    height: 1.2rem;
    width: 3.2rem;
    font-size: .875rem;
    color: rgba(var(--background-8), 1);
    background: rgba(var(--background-76), 1);
    border-radius: .125rem .125rem .125rem .125rem;
    text-align: center;
    margin: 1rem 1rem 0 0
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_appearance {
    padding-top: 2rem;
    width: 25.5rem;
    margin-left: 2.5rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_appearance .pm25_appearance_finger_area {
    height: 1.5rem;
    width: 23rem;
    visibility: hidden
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_appearance .pm25_appearance_finger_area .pm25_appearance_finger_icon {
    height: .38rem;
    width: .8rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_appearance .pm25_appearance_mark {
    height: .65rem;
    width: 20.5rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_content {
    padding-top: 1rem;
    display: flex;
    align-items: flex-end;
    margin-bottom: 2rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_content .pm25_value {
    font-size: 1.875rem;
    font-weight: 100;
    color: rgba(var(--white-color-2), 1);
    height: 2.1rem;
    margin-left: 2rem
}

#EnvironmentDisplay_Widget .out_portal .pm25_portal .pm25_portal_content .pm25_unit {
    font-size: .875rem;
    font-weight: 100;
    color: rgba(var(--text-color-6), 1)
}

#EnvironmentDisplay_Widget .out_portal .wind_portal {
    width: 25.5rem;
    margin-top: 1rem;
    border: .063rem solid rgba(var(--primary-background-2), 1);
    border-radius: 1rem;
    background-color: rgba(var(--background-8), .3);
    overflow: hidden
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_portal_title {
    display: flex;
    align-items: center;
    padding: .8rem 0 .8rem 1rem;
    background: rgba(var(--primary-background-2), .9);
    border-bottom: .063rem solid rgba(var(--primary-background-2), 1)
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_portal_title .wind_title_icon {
    height: 1.1rem;
    width: 1.1rem
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_portal_title .wind_title_desc {
    font-size: 1rem;
    color: rgba(var(--white-color-2), 1);
    margin-left: .65rem
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_body {
    width: 25.5rem;
    padding: 2.5rem 0;
    display: flex;
    align-items: flex-end;
    margin-left: 4rem
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_body .wind_picture {
    height: 4rem;
    width: 4rem
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_body .wind_portal_content {
    padding-left: 5.5rem;
    color: rgba(var(--text-color-6), 1)
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_body .wind_portal_content .velocity_content {
    height: 2.5rem;
    display: flex;
    align-items: flex-end;
    margin-bottom: .875rem
}

#EnvironmentDisplay_Widget .out_portal .wind_portal .wind_body .wind_portal_content .velocity_content .velocity_value {
    font-size: 1.875rem;
    color: rgba(var(--velocity_valu-color-51), 1);
    margin: 0 .5rem
}

.HW_Camera_Control_Widget .closeit-video-player {
    background-color: rgba(var(--background-25), .95);
    box-sizing: border-box;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.HW_Camera_Control_Widget .closeit-video-player .head {
    position: relative;
    line-height: 48px;
    font-weight: 700;
    font-style: normal;
    height: 48px;
    color: rgba(var(--white-color-2), 1);
    font-size: 16px;
    text-indent: 2em;
    background: rgba(var(--background-39), 1)
}

.HW_Camera_Control_Widget .closeit-video-player .head img {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    position: absolute;
    font-size: .75rem;
    font-weight: 400;
    top: 1rem;
    right: 1.56rem;
    line-height: 1rem;
    text-align: center;
    text-indent: 0;
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -ms-transition: all linear .5s;
    -moz-transition: all linear .5s
}

.HW_Camera_Control_Widget .closeit-video-player .foot {
    height: 40px;
    padding: 28px 0;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    background: rgba(var(--background-8), 1)
}

.HW_Camera_Control_Widget .closeit-video-player .foot span {
    margin-right: 5px;
    cursor: pointer
}

.HW_Camera_Control_Widget .closeit-video-player .foot img {
    width: 40px;
    height: 40px
}

.HW_Camera_Control_Widget .closeit-video-player .foot i {
    width: 32px;
    height: 32px;
    font-size: 32px;
    cursor: pointer;
    color: rgba(var(--color-text-4), 1)
}

.HW_Camera_Control_Widget .closeit-video-player .foot i:hover {
    color: rgba(var(--text-color-5), 1)
}

.HW_Camera_Control_Widget .closeit-video-player .iframes {
    height: 100%;
    width: 100%;
    background: rgba(var(--background-29), .9)
}

.HW_Camera_Control_Widget .iframe1 {
    height: 100%;
    width: 100%
}

.HW_Camera_Control_Widget .iframe4 {
    float: left;
    height: 50%;
    width: 50%
}

.HW_Camera_Control_Widget .iframe9 {
    float: left;
    height: 33.3%;
    width: 33.3%
}

.HW_Camera_Control_Widget .iframe16 {
    float: left;
    height: 25%;
    width: 25%
}

.HW_Camera_Control_Widget .iframes {
    border: 2px solid rgba(var(--background-42), 1);
    box-sizing: border-box
}

.HW_Camera_Control_Widget .iframes.selected {
    border: 2px solid rgba(var(--border-color-13), 1)
}

.HW_Camera_Control_Widget .cameraControlCircle {
    width: 100%;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(var(--background-7), 1);
    box-sizing: border-box;
    height: 3.2rem
}

.HW_Camera_Control_Widget .cameraControlCircle>div {
    height: 100%;
    overflow: hidden
}

.HW_Camera_Control_Widget .patrol {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    background: rgba(var(--background-8), 1);
    width: 100%
}

.HW_Camera_Control_Widget .fullScreen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999
}

.HW_Camera_Control_Widget .left360 {
    margin-left: 28.5rem;
    width: calc(100% - 28.5rem) !important
}

.HW_Camera_Control_Widget .left456 {
    margin-bottom: 272px;
    height: calc(100% - 272px) !important
}

.HW_Camera_Control_Widget .operate {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem 0
}

.HW_Camera_Control_Widget .operate-turntable {
    height: 10rem;
    width: 10rem
}

.HW_Camera_Control_Widget .operate-buttons {
    display: flex;
    margin-top: 1.5rem;
    background-color: rgba(var(--operate-buttons-background-88), 1);
    border-radius: 24px;
    opacity: .98;
    padding: 8px 0
}

.HW_Camera_Control_Widget .operate-buttons .el-button {
    height: 24px;
    border: none;
    border-right: 1px solid rgba(var(--primary-background-2), 1);
    background: none;
    font-size: 1.4rem;
    margin-left: 1px;
    padding: 0 15px
}

.HW_Camera_Control_Widget .operate-buttons .el-button i {
    width: 24px;
    height: 24px;
    display: inline-block
}

.HW_Camera_Control_Widget .operate-buttons .el-button i:hover {
    color: rgba(var(--text-color-5), 1)
}

.HW_Camera_Control_Widget .operate-buttons .el-button span {
    width: 24px;
    height: 24px;
    display: inline-block
}

.HW_Camera_Control_Widget .operate-buttons .el-button .hw-icon-zoom-in {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABdElEQVRIx7WVzW2DQBCFP5DvdgekBEsUYA5IXN1BNh1QQkpwByEd+IrEYV0AkktwOogrIJdZNGwwf8YjrRBi572dnceboGka+qKs6gQwQAJE3ucfwAJFlsaWgQh8grKq34ACODAtLoDJ0vg2SlBWtQFOwFad9CxLx1GWq+wO5FkaFw8JBPxrLMGrNgc+1YE+/JygaRp3LVfZeAeSLI2vU+6nrOq99MPl7vV1hfIsloADyN5EcreC1UYoanENzeeAeyS5vB4Es63AuIaO3fkISSGiQGESSnn0KGVJOIxOBdELCNofczOgjgJ4HwH8ztLYDG0IeXFsBppmdLOWRqg6f1zhwEdlMS2BfQGB1QRO+5H40aIQX4qUM3S8yMrfPNsqevzokqVx4qvIKC+xkjAH/Ky8zPyTqbif8xJHkk8AN3JyPfF2zwycXwFw41QPHPocebWRKcTWJwmeHPonLYie4ZM8JHhCrh1Fre5F3oRj9QpUJTuAPylGvawitf+wAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button .hw-icon-zoom-out {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABjklEQVRIx7VVy23DMAx9NnJPNnBHCKAB4oMAXbNB1Q08QkfIBlU2yFWADsoAAjJCukEzgXshDUZ1/ElcAoJh2HyPPz0Wbduiz3xINQALoAZQZZ+/AUQAzmgVMWBFTuBDegPgAOwwzc4ArNHqOkrgQ7IADgDWItITHWl7OpzZDUBjtHIPCQj8a8why7YB8CkC+sh9irZtuSwX+vEGoDZaXabUx4e0pX6w71aWq6SnewYcAOjfmnzXhNVZSdPCDW3mgGckDb3uCLPLwHJDh2ruQ3I+JDdA4mgoIDBRUnromZTc3ukMGWPcZVBNJJhijNFdzNXIhLg8ah8SX5yj0cqOMZb4Z1uNTIflhnHkRqtiDkEpOr9fIOC9kJiOIE4kONKZQhAlAc92RXr0sFxDTSVdqoQy3GlRpNs8Wyp69OhstKrzKbJCSyI5zAE/CS2zf8aU1I+1hEmaCeCWIpcbb/PKwvkhAF6ncuGgT5EXW5lEHHOS4sWlf5AD0bN86ocEz1o+UYtrUbbhsHgGIpMNAPwCEIDO7d7Iqg4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button .hw-icon-camera {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsSAAALEgHS3X78AAAB0ElEQVRIx7WW0U3DMBCGv1R9DxvABkTyAkGy5NcyAWWDbNB0gzIBZQL62KiRyACNlG7ACO0E5eVSnQxxQgO/5IdYl/vP99+dHZ3PZ/pQlPUN0AC3HSYnIHXWNH2+JgPJqgAZQAysxTaI6UCye9l6dNZsPJsZ8C42FZCEfEZtSsX5CphJxD6enTXrjsDmwGtHqjdA7qz5vBAWZZ1IdHHHTytnTd6TjRzIAj5SZ00TbXf7OymIuHUOVM6aihEoyjoFUhXECUii7W6/Bp5+U2m/JNbZe4u2u/1RPpahtBVlfQfknsbfNAqkewGcJurnqifKRjIRe+3wBDRi04XWd3zpwy7N5GSV0mEJPMhayl4MVGL7Ddr3dIAMuSLzNa6Kst6ogHJgPmrSiGZIazQ/RN9IZWvb6wglRb0aa43GztIjf4wgobPmKNohTdyFVLUJYzVsh3X2U+nLXubZXndbqCqdqdJfKc380ZWPPqFMkFT12wL4kLXwWuZzMGHo8pTST4A3T6eT7CWhGawHwtQTftNz0vmVxZnoEx5arYY8Ea64LW6Utodou9unogdCngPNED0GEKXi7/JEaW/8rifCX+LFWZNNRJ+1TP/DPxAd5PGVAXwBnwzMNTUlLs8AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button .hw-icon-cut {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVRIx+2WWwqAIBBFj9KO2kLgMmxpugsll2Brmn7yIwiDUAjy/A7zgGHuHRW27ADLPd4s80qFmPZqvq4EW2BV2LIAmGVWLSvHtAuApjOjwSMT4DvV9gBKRMYORoPfH9qp5zzp/gs1deWSix+sjYe3Y8nfkeuLhzb+KtAd/QDAH5N/JtNlvXNiAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button:hover .hw-icon-zoom-in {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABdElEQVRIx7WVzW2DQBCFP5DvdgekBEsUYA5IXN1BNh1QQkpwByEd+IrEYV0AkktwOogrIJdZNGwwf8YjrRBi572dnceboGka+qKs6gQwQAJE3ucfwAJFlsaWgQh8grKq34ACODAtLoDJ0vg2SlBWtQFOwFad9CxLx1GWq+wO5FkaFw8JBPxrLMGrNgc+1YE+/JygaRp3LVfZeAeSLI2vU+6nrOq99MPl7vV1hfIsloADyN5EcreC1UYoanENzeeAeyS5vB4Es63AuIaO3fkISSGiQGESSnn0KGVJOIxOBdELCNofczOgjgJ4HwH8ztLYDG0IeXFsBppmdLOWRqg6f1zhwEdlMS2BfQGB1QRO+5H40aIQX4qUM3S8yMrfPNsqevzokqVx4qvIKC+xkjAH/Ky8zPyTqbif8xJHkk8AN3JyPfF2zwycXwFw41QPHPocebWRKcTWJwmeHPonLYie4ZM8JHhCrh1Fre5F3oRj9QpUJTuAPylGvawitf+wAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button:hover .hw-icon-zoom-out {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABjklEQVRIx7VVy23DMAx9NnJPNnBHCKAB4oMAXbNB1Q08QkfIBlU2yFWADsoAAjJCukEzgXshDUZ1/ElcAoJh2HyPPz0Wbduiz3xINQALoAZQZZ+/AUQAzmgVMWBFTuBDegPgAOwwzc4ArNHqOkrgQ7IADgDWItITHWl7OpzZDUBjtHIPCQj8a8why7YB8CkC+sh9irZtuSwX+vEGoDZaXabUx4e0pX6w71aWq6SnewYcAOjfmnzXhNVZSdPCDW3mgGckDb3uCLPLwHJDh2ruQ3I+JDdA4mgoIDBRUnromZTc3ukMGWPcZVBNJJhijNFdzNXIhLg8ah8SX5yj0cqOMZb4Z1uNTIflhnHkRqtiDkEpOr9fIOC9kJiOIE4kONKZQhAlAc92RXr0sFxDTSVdqoQy3GlRpNs8Wyp69OhstKrzKbJCSyI5zAE/CS2zf8aU1I+1hEmaCeCWIpcbb/PKwvkhAF6ncuGgT5EXW5lEHHOS4sWlf5AD0bN86ocEz1o+UYtrUbbhsHgGIpMNAPwCEIDO7d7Iqg4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button:hover .hw-icon-camera {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsSAAALEgHS3X78AAAB0ElEQVRIx7WW0U3DMBCGv1R9DxvABkTyAkGy5NcyAWWDbNB0gzIBZQL62KiRyACNlG7ACO0E5eVSnQxxQgO/5IdYl/vP99+dHZ3PZ/pQlPUN0AC3HSYnIHXWNH2+JgPJqgAZQAysxTaI6UCye9l6dNZsPJsZ8C42FZCEfEZtSsX5CphJxD6enTXrjsDmwGtHqjdA7qz5vBAWZZ1IdHHHTytnTd6TjRzIAj5SZ00TbXf7OymIuHUOVM6aihEoyjoFUhXECUii7W6/Bp5+U2m/JNbZe4u2u/1RPpahtBVlfQfknsbfNAqkewGcJurnqifKRjIRe+3wBDRi04XWd3zpwy7N5GSV0mEJPMhayl4MVGL7Ddr3dIAMuSLzNa6Kst6ogHJgPmrSiGZIazQ/RN9IZWvb6wglRb0aa43GztIjf4wgobPmKNohTdyFVLUJYzVsh3X2U+nLXubZXndbqCqdqdJfKc380ZWPPqFMkFT12wL4kLXwWuZzMGHo8pTST4A3T6eT7CWhGawHwtQTftNz0vmVxZnoEx5arYY8Ea64LW6Utodou9unogdCngPNED0GEKXi7/JEaW/8rifCX+LFWZNNRJ+1TP/DPxAd5PGVAXwBnwzMNTUlLs8AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .operate-buttons .el-button:hover .hw-icon-cut {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVRIx+2WWwqAIBBFj9KO2kLgMmxpugsll2Brmn7yIwiDUAjy/A7zgGHuHRW27ADLPd4s80qFmPZqvq4EW2BV2LIAmGVWLSvHtAuApjOjwSMT4DvV9gBKRMYORoPfH9qp5zzp/gs1deWSix+sjYe3Y8nfkeuLhzb+KtAd/QDAH5N/JtNlvXNiAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .hw-card {
    display: flex;
    flex-direction: column;
    font-size: .875rem
}

.HW_Camera_Control_Widget .hw-card__title {
    font-size: 1rem
}

.HW_Camera_Control_Widget .hw-card__body.el-card {
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    overflow: auto;
    background-color: rgba(var(--background-8), .4);
    border-radius: 4px;
    border: none;
    color: rgba(var(--color-text-4), 1)
}

.HW_Camera_Control_Widget .hw-card__body.el-card .el-card__body {
    height: 100%;
    box-sizing: border-box;
    padding: 0
}

.HW_Camera_Control_Widget .left-operate {
    display: flex;
    align-items: center;
    height: 100%
}

.HW_Camera_Control_Widget .left-operate .turntable {
    height: 10rem;
    width: 10rem
}

.HW_Camera_Control_Widget .left-operate .buttons {
    display: flex;
    border-color: rgba(var(--background-8), 1);
    border-radius: 24px;
    opacity: .98;
    padding: 8px 0;
    margin-left: 2.5rem
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button {
    height: 24px;
    font-size: 1.2rem;
    margin-left: 1px;
    border: none;
    background: none;
    padding: 0 8px
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button i,
.HW_Camera_Control_Widget .left-operate .buttons .el-button span {
    width: 20px;
    height: 20px;
    display: inline-block
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-zoom-in {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABdElEQVRIx7WVzW2DQBCFP5DvdgekBEsUYA5IXN1BNh1QQkpwByEd+IrEYV0AkktwOogrIJdZNGwwf8YjrRBi572dnceboGka+qKs6gQwQAJE3ucfwAJFlsaWgQh8grKq34ACODAtLoDJ0vg2SlBWtQFOwFad9CxLx1GWq+wO5FkaFw8JBPxrLMGrNgc+1YE+/JygaRp3LVfZeAeSLI2vU+6nrOq99MPl7vV1hfIsloADyN5EcreC1UYoanENzeeAeyS5vB4Es63AuIaO3fkISSGiQGESSnn0KGVJOIxOBdELCNofczOgjgJ4HwH8ztLYDG0IeXFsBppmdLOWRqg6f1zhwEdlMS2BfQGB1QRO+5H40aIQX4qUM3S8yMrfPNsqevzokqVx4qvIKC+xkjAH/Ky8zPyTqbif8xJHkk8AN3JyPfF2zwycXwFw41QPHPocebWRKcTWJwmeHPonLYie4ZM8JHhCrh1Fre5F3oRj9QpUJTuAPylGvawitf+wAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-zoom-out {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABjklEQVRIx7VVy23DMAx9NnJPNnBHCKAB4oMAXbNB1Q08QkfIBlU2yFWADsoAAjJCukEzgXshDUZ1/ElcAoJh2HyPPz0Wbduiz3xINQALoAZQZZ+/AUQAzmgVMWBFTuBDegPgAOwwzc4ArNHqOkrgQ7IADgDWItITHWl7OpzZDUBjtHIPCQj8a8why7YB8CkC+sh9irZtuSwX+vEGoDZaXabUx4e0pX6w71aWq6SnewYcAOjfmnzXhNVZSdPCDW3mgGckDb3uCLPLwHJDh2ruQ3I+JDdA4mgoIDBRUnromZTc3ukMGWPcZVBNJJhijNFdzNXIhLg8ah8SX5yj0cqOMZb4Z1uNTIflhnHkRqtiDkEpOr9fIOC9kJiOIE4kONKZQhAlAc92RXr0sFxDTSVdqoQy3GlRpNs8Wyp69OhstKrzKbJCSyI5zAE/CS2zf8aU1I+1hEmaCeCWIpcbb/PKwvkhAF6ncuGgT5EXW5lEHHOS4sWlf5AD0bN86ocEz1o+UYtrUbbhsHgGIpMNAPwCEIDO7d7Iqg4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-camera {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsSAAALEgHS3X78AAAB0ElEQVRIx7WW0U3DMBCGv1R9DxvABkTyAkGy5NcyAWWDbNB0gzIBZQL62KiRyACNlG7ACO0E5eVSnQxxQgO/5IdYl/vP99+dHZ3PZ/pQlPUN0AC3HSYnIHXWNH2+JgPJqgAZQAysxTaI6UCye9l6dNZsPJsZ8C42FZCEfEZtSsX5CphJxD6enTXrjsDmwGtHqjdA7qz5vBAWZZ1IdHHHTytnTd6TjRzIAj5SZ00TbXf7OymIuHUOVM6aihEoyjoFUhXECUii7W6/Bp5+U2m/JNbZe4u2u/1RPpahtBVlfQfknsbfNAqkewGcJurnqifKRjIRe+3wBDRi04XWd3zpwy7N5GSV0mEJPMhayl4MVGL7Ddr3dIAMuSLzNa6Kst6ogHJgPmrSiGZIazQ/RN9IZWvb6wglRb0aa43GztIjf4wgobPmKNohTdyFVLUJYzVsh3X2U+nLXubZXndbqCqdqdJfKc380ZWPPqFMkFT12wL4kLXwWuZzMGHo8pTST4A3T6eT7CWhGawHwtQTftNz0vmVxZnoEx5arYY8Ea64LW6Utodou9unogdCngPNED0GEKXi7/JEaW/8rifCX+LFWZNNRJ+1TP/DPxAd5PGVAXwBnwzMNTUlLs8AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-cut {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVRIx+2WWwqAIBBFj9KO2kLgMmxpugsll2Brmn7yIwiDUAjy/A7zgGHuHRW27ADLPd4s80qFmPZqvq4EW2BV2LIAmGVWLSvHtAuApjOjwSMT4DvV9gBKRMYORoPfH9qp5zzp/gs1deWSix+sjYe3Y8nfkeuLhzb+KtAd/QDAH5N/JtNlvXNiAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-play {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAYCAYAAAD3Va0xAAAACXBIWXMAAAsSAAALEgHS3X78AAAA4klEQVQ4y62UsQ3CMBBFH1EGYAQ2oPAAUERKSUZgA8IGsAErsAHpsLAE9FhKJoARYAJoDHJhQnLmNS4sfb2zv26wP1yeQAXM80zdEZK4cwbctLGlNGjgjHzOzu4mMfKZAFdt7CrWyKcByjxTJ4mRzxg4amM32thhTNCbBVBrYwvpaCGCVUkEPx2sisQoWJXYoDfrhP9Q/COoAqZpZMgyz9QGQBrUuEeuY75/C0z9kL5GD2exC12mPUYp2lZLl6B1nqmfKyX9MUrRZYW0PXYFjLqGfDP6dKMPaVs3JDs72I0+vAAE1FLWlUOeJwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-pause {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAWCAYAAADwza0nAAAACXBIWXMAAAsSAAALEgHS3X78AAAAX0lEQVQ4y2PcsfuMAQMDwwYGBoYAdxfjCwx4wM49Z+FqWRgYGA4wMDDwQ2kBBvwArpYJymBAovEBuFomBjLBqMZRjaMaB5fGj1D2RyLUw9UyMTAwODAwMDyE0oQAXC0AC5ISjVFTnQsAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAACXBIWXMAAAsSAAALEgHS3X78AAAAo0lEQVQ4y+2UwQnCMBRAX7KAbqLQAVqh0DHqJu0IbqBu4NFgDvVuwFWc4HtJQWLSWsVb3/m/x4d8okSEGMa6NdAB96rMChLohLz08gLIjXWHjwOB3FOnIjohryKztbGuHdvglJB7GmPdNhrwK+aMs3+NKBHp5ZppbKoy69T5cmuBhuk8gEJ/KeNfaafCQzLWyYB0DY9K8yNzYA78LXAcmH/7lZ5T0jxUZxQcgwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAVCAYAAABPPm7SAAAACXBIWXMAAAsSAAALEgHS3X78AAAAsUlEQVQ4y+2Uuw3CMBRFj70AbAKSBwAkS27ZgGQDVsgmzhZEpDA9kWADVmCCR+PCiuLwCWVu+eRz5CfLV4kIaZq288CB4ZTOGp8O9MChHAxQ9AeaiZkFs+AvAnU6X2UCf9FA9SP8BI5KRN79wFx2zpqgAZw1BVB/AZfOmgCg0j5o2i4Amw9gn3uFPXAfgat+oaiBRloCAVj14DquyqggkTyAxRicFUTJOt7k5qzZ5nZ6AbQsPVDlmPkUAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-left {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAvUlEQVQ4y63TUQqCQBDG8b/iex2hIwh7gAwW9hh5k+ok6Q16VBSyd4W6SZ5gepEwUUl3P5i34cewO4OIMFVZUYdZUVdzPWMVMJG8bCLgBmxYGH8CjIH7GnAU7cArFvFEpA+egdNI32OBmXzRvGwS4Ih9Wk9EXIIABHnZVMAeh/GBEMfxgQhonaJGqyewA14uJ8Vo9e4mdgGnwz3ddqc5/LjDv6LRqvpBe/jPihmtPOvbN1rFQGr1pjPwZQ36ARBseipmhOMvAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAQCAYAAAD52jQlAAAACXBIWXMAAAsSAAALEgHS3X78AAAAtklEQVQ4y63TwQnCMBhA4dcu4AqOUMgA9hDI1Q3sKHYDN9Bu0dBA670B3aROEC9GpKSF2DzILXzkJwnOOWJW241D243F2p6c+A7AoI0tlzb8gwLsgF4bW6VEfdcQnLXdWACXyPHn1UqK8y86fcbZWqOkqPz4KUCAkzb25k/qSNs9J31FavQFlCnRJ7BXUjxyoEkElkqKCSBzzrH25QL184sBjh78ojFpY13obab6pkFwC1ovgQBvwrZ1YiRtZsgAAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:hover .hw-icon-zoom-in {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABdElEQVRIx7WVzW2DQBCFP5DvdgekBEsUYA5IXN1BNh1QQkpwByEd+IrEYV0AkktwOogrIJdZNGwwf8YjrRBi572dnceboGka+qKs6gQwQAJE3ucfwAJFlsaWgQh8grKq34ACODAtLoDJ0vg2SlBWtQFOwFad9CxLx1GWq+wO5FkaFw8JBPxrLMGrNgc+1YE+/JygaRp3LVfZeAeSLI2vU+6nrOq99MPl7vV1hfIsloADyN5EcreC1UYoanENzeeAeyS5vB4Es63AuIaO3fkISSGiQGESSnn0KGVJOIxOBdELCNofczOgjgJ4HwH8ztLYDG0IeXFsBppmdLOWRqg6f1zhwEdlMS2BfQGB1QRO+5H40aIQX4qUM3S8yMrfPNsqevzokqVx4qvIKC+xkjAH/Ky8zPyTqbif8xJHkk8AN3JyPfF2zwycXwFw41QPHPocebWRKcTWJwmeHPonLYie4ZM8JHhCrh1Fre5F3oRj9QpUJTuAPylGvawitf+wAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:hover .hw-icon-zoom-out {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAAAsSAAALEgHS3X78AAABjklEQVRIx7VVy23DMAx9NnJPNnBHCKAB4oMAXbNB1Q08QkfIBlU2yFWADsoAAjJCukEzgXshDUZ1/ElcAoJh2HyPPz0Wbduiz3xINQALoAZQZZ+/AUQAzmgVMWBFTuBDegPgAOwwzc4ArNHqOkrgQ7IADgDWItITHWl7OpzZDUBjtHIPCQj8a8why7YB8CkC+sh9irZtuSwX+vEGoDZaXabUx4e0pX6w71aWq6SnewYcAOjfmnzXhNVZSdPCDW3mgGckDb3uCLPLwHJDh2ruQ3I+JDdA4mgoIDBRUnromZTc3ukMGWPcZVBNJJhijNFdzNXIhLg8ah8SX5yj0cqOMZb4Z1uNTIflhnHkRqtiDkEpOr9fIOC9kJiOIE4kONKZQhAlAc92RXr0sFxDTSVdqoQy3GlRpNs8Wyp69OhstKrzKbJCSyI5zAE/CS2zf8aU1I+1hEmaCeCWIpcbb/PKwvkhAF6ncuGgT5EXW5lEHHOS4sWlf5AD0bN86ocEz1o+UYtrUbbhsHgGIpMNAPwCEIDO7d7Iqg4AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:hover .hw-icon-camera {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAYAAADpnJ2CAAAACXBIWXMAAAsSAAALEgHS3X78AAAB0ElEQVRIx7WW0U3DMBCGv1R9DxvABkTyAkGy5NcyAWWDbNB0gzIBZQL62KiRyACNlG7ACO0E5eVSnQxxQgO/5IdYl/vP99+dHZ3PZ/pQlPUN0AC3HSYnIHXWNH2+JgPJqgAZQAysxTaI6UCye9l6dNZsPJsZ8C42FZCEfEZtSsX5CphJxD6enTXrjsDmwGtHqjdA7qz5vBAWZZ1IdHHHTytnTd6TjRzIAj5SZ00TbXf7OymIuHUOVM6aihEoyjoFUhXECUii7W6/Bp5+U2m/JNbZe4u2u/1RPpahtBVlfQfknsbfNAqkewGcJurnqifKRjIRe+3wBDRi04XWd3zpwy7N5GSV0mEJPMhayl4MVGL7Ddr3dIAMuSLzNa6Kst6ogHJgPmrSiGZIazQ/RN9IZWvb6wglRb0aa43GztIjf4wgobPmKNohTdyFVLUJYzVsh3X2U+nLXubZXndbqCqdqdJfKc380ZWPPqFMkFT12wL4kLXwWuZzMGHo8pTST4A3T6eT7CWhGawHwtQTftNz0vmVxZnoEx5arYY8Ea64LW6Utodou9unogdCngPNED0GEKXi7/JEaW/8rifCX+LFWZNNRJ+1TP/DPxAd5PGVAXwBnwzMNTUlLs8AAAAASUVORK5CYII=) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:hover .hw-icon-cut {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsSAAALEgHS3X78AAAAgUlEQVRIx+2WWwqAIBBFj9KO2kLgMmxpugsll2Brmn7yIwiDUAjy/A7zgGHuHRW27ADLPd4s80qFmPZqvq4EW2BV2LIAmGVWLSvHtAuApjOjwSMT4DvV9gBKRMYORoPfH9qp5zzp/gs1deWSix+sjYe3Y8nfkeuLhzb+KtAd/QDAH5N/JtNlvXNiAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:hover i {
    color: rgba(var(--text-color-5), 1)
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-prefix {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAACXBIWXMAAAsSAAALEgHS3X78AAAAwElEQVQ4y52RwQ2CQBBFnxvu2IGWgNkC5LDJHrUDsQItATuwA7ELjVy8a4Id2AIdeBkSQgR2mGSSubz5f+bPbo9XAeCdzVBWBOxkDoLv5TsFigYmEFoCZ2DTVh6D5sBROu7aHgK3orbou/kflAi0HntY12IOHEK/3YCZqMWaqJq6aHM2rXkP1JNg72wBJMBzijLe2a93NgVOari1JAdWwEcNy4LKO5sMuTBj1oZcmJDb+lwYTTQdF3UEXJULKomUH4iRMwGOnw42AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-next {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAACXBIWXMAAAsSAAALEgHS3X78AAAAyUlEQVQ4y6WUsQ3CMBBFHyg9bAAjRMoANJFSwgbABmwAbMAGYQMoOXESoedE2IAVmCA0SYGFEhu+5MLfev5n++ReVVWEStT2AJGoPWtvkaVJ4cnPAfrAqB4XUTuK2ti3gr4znwKlqG1EbRgKAwyAdb3JLBRuNAIOolaIWhwKN5oAd1HbuUfpnc63kLd6ASsg90127yMPKdtNXv4CX4E4S5N9Y0Se4DZLk41rdsGPum3Lb4tRaFoX3JrWBnemufALePqmfXTYP5/BG+9mRjyXb/X4AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-addspeed {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAAsSAAALEgHS3X78AAAA10lEQVQ4y7WUzw2CMBxGH4Q7I7gCSRfw0KRXR9AJZANxA5xANzDeIHDAOyS4ASPABHpQEmOgfxL5bm1e+778ktbLirrjna2SokKTvGys2TFeVtTPr/UNiJUU3YzAmp0TAAxACqRKil4j0LJj/Im9EDgAbV42G8MEjKyvObwCrnnZVHnZRAbRLDs1ormcgL0DmygpeheBawYg9lkuIXBeUjAAOxfB3ZGNlBQXW8FRSbF2YccHGBjgx+dbaC0unmQDQ5PEofUkGyzRWif4S+tfwQB0lq1dWABetwFnP6QhfYAAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-top: 3px
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button .hw-icon-subspeed {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAACXBIWXMAAAsSAAALEgHS3X78AAAA1ElEQVQ4y7WUsQ3CMBBFny33YQMyQlAGIIUllzACTAAbEDaACcgYINKkJwUbsEImME2QUCQnF1C+5O79f/9k6ZT3HoluZZ0BBYCzaSxljSA4Bk7A6hfW9MAzYN++aCA4yJqAYd02mQta97KmAyctvBQEi1jlvf+smAM7ZDpLWXW9PzZtk4gJZIALE0oDW6CZbICzaQEkQDXCV43ZAGfTl7NpBhwlpjGs7hhzYAE8BUNErArdoltZ58AhEK6krP634RCrJNe027C7QR+rhZ/63bAZw74BYT1cREgkQhQAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    margin-top: 3px
}

.HW_Camera_Control_Widget .left-operate .buttons .el-button:not(:first-child) {
    border-left-color: rgba(var(--primary-background-2), 1)
}

.HW_Camera_Control_Widget .left-operate.live .buttons .el-button:last-child {
    position: absolute;
    right: 0
}

.HW_Camera_Control_Widget .left-operate.playback .button-fullscreen {
    flex: 1;
    display: flex;
    flex-direction: row-reverse
}

.HW_Camera_Control_Widget .left-operate.playback #rate {
    display: block;
    width: 28px
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector {
    display: flex;
    margin-left: 1%;
    align-content: center
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector span {
    font-size: .625rem
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector input {
    background: rgba(var(--time-selector-input-background-1), 1);
    height: 1.875rem;
    line-height: 1.875rem;
    width: 11.25rem;
    border: 1px solid rgba(var(--background-26), 1)
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector .el-input__icon {
    line-height: 1.875rem
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector .el-input__suffix {
    right: 2.5rem;
    transition: all .3s
}

.HW_Camera_Control_Widget .left-operate.playback .time-selector .el-input__prefix {
    position: absolute;
    top: 0;
    height: 100%;
    color: rgba(var(--text-color-26), 1);
    text-align: center
}

.HW_Camera_Control_Widget .left-operate.playback .button-control {
    display: flex
}

.HW_Camera_Control_Widget .left-operate.playback .button-control div {
    cursor: pointer;
    height: 1.75rem;
    width: 3.875rem;
    color: rgba(var(--white-color-2), 1);
    border-radius: 2px;
    background-color: rgba(var(--button-control-div-background-48), 1);
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.HW_Camera_Control_Widget .left-operate.playback .button-control div:last-child {
    background-color: transparent;
    border: 1px solid rgba(var(--background-26), 1)
}

.HW_Camera_Control_Widget .left-operate.playback>div:last-child div {
    position: relative;
    float: right
}

.HW_Camera_Control_Widget .liveAndReplay {
    width: 100%;
    height: 3.2rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    background-color: rgba(var(--black-color-1), 1);
    color: rgba(var(--liveAndReplay-text-8), 1)
}

.HW_Camera_Control_Widget .liveAndReplay div {
    width: 4.875rem;
    height: 2rem;
    line-height: 2rem;
    background-color: rgba(var(--liveAndReplay-div-background-49), 1);
    position: relative;
    color: rgba(var(--liveAndReplay-text-8), 1);
    text-align: center;
    border: 1px solid rgba(var(--background-26), 1);
    margin-left: -6px;
    border-radius: 2px 0 0 2px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.HW_Camera_Control_Widget .liveAndReplay div div:first-child {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    border: none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAelJREFUOBGVkz9IAnEUx71TtxIpkITKoYIagoYgmiIidGnI5iL/BvZnqKG9MaipGrxAd/tDLWYQuDQ0JUQEQYQU2OYWgZ32edfdISVBD773/r/f7733OyUajY7X6/XbbDb74YCSyeQgbKnRaEwrihIQG3IZVoAfQg9is0hJJBKfBBYxzIEtgpbRnVZAM8enox/g30in0zXxqWbwFPIrWGtKrpCQx3YB3oBDfGAVMc9N3WJzycekNpNX4ClOOIM3TJsSj8dnVVXdQ/eDKYrvwNdUM8BmOB6r1WoBg5Eci8VmOK2T3k9qtdoYdjlAKEXRoV8FuOKE1+s9/Y5xOJxO5znypOiZTOaFga+IbLYTVzlxGz33A/cS1Iq4iRQ3ZgIPujRN22wV+IdNWiuBELcINA/RzmG1IzgHbMMfQssCxK+DeStP13XjkZm6Ah8RmfbLovyLmHyYdR5LEgV27QI4unFoTDnFoJ5bVY1EIj1ut/sGn59kHQwba2TXHSQXcYTg18xAnnXziuUhha1kfEIH8l8YM6DHd/b9hLEP+BngEY9HHswdqAPpuQtYdEXMhijGT1MqlT59Pl/O4/F4cYxil9bagRTsB8Yzl2sj7xOzYP1M9gxwGMTJwwQuogRBL8EKehn5Eq7JtZFt+gLVCLu1l005yQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .liveAndReplay div:last-child div {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAdZJREFUOBHFkztIA0EQhr3zEhREksYnCpYSsRELCxFBCy1ExPQBk4jai5XYCiIo+EpCEutEsRARFUlpJ/gohCAYC8VCgihovEv85jBhSewdmJt//tl/bndvTqsqM7/f36Np2jT0ALGNaBUKhQfiiWVZO9Fo9E4kPp+vxjAMjyaJmNfrrXW73etAv0388aCRRdMNSov4Hnm/3UC6ORyOY4oDiu6JBTfkJnw3sVWpvYPrJDfk4XQ6VwlF8QvC2Ww2e5BIJCypiwUCgTHCFs1aiLZYeIOChyhnFnvBe8PhcMbOlAcNTzminF8alMygY5BMFyafz89EIpEKsdRcLleSMChYNQPRq67rCbb9hvhALZZhuY8PlUNzr+b/gzUucZl76FBfL1vjIhdUTsE6mhCaetZdyCXOK8UiPCqC8sikjqOZ+uWv7DlQF9E1xSebVLkiDgaD7eCt3/zLNM3digYUO/lko8R9vCCLGfNquHHgJt4gHF9vJRaLPaoN7PFke43Uk7ztmd1cguWYXcRm3Db4w3Q6vSSJDNA3xFkul2sjyhvyUsCaEI7gw2BbTF1sDW4ilUqZskgGqY+z3Mbj8U/yOW5YmshoD+HtLJYfLoPwHLgdCoWuyUv2A45fuZg8fS87AAAAAElFTkSuQmCC) no-repeat;
    background-size: contain
}

.HW_Camera_Control_Widget .liveAndReplay .select {
    background-color: rgba(var(--background-89), 1);
    color: rgba(var(--white-color-2), 1)
}

.HW_Camera_Control_Widget .el-input__suffix {
    position: absolute;
    top: 0;
    height: 100%;
    color: rgba(var(--text-color-26), 1);
    text-align: center
}

.HW_Camera_Control_Widget .video-slider {
    height: 2.2rem;
    background-color: rgba(var(--video-slider-background-90), 1)
}

.HW_Camera_Control_Widget .video-slider .el-slider__bar {
    border-radius: 0
}

.HW_Camera_Control_Widget .video-slider .el-slider__runway {
    width: 89%;
    height: 3px;
    margin-left: 1rem
}

.HW_Camera_Control_Widget .video-slider .el-slider__button {
    width: 14px;
    height: 14px;
    background-color: rgba(var(--background-27), 1);
    border-radius: 0;
    border: none
}

.HW_Camera_Control_Widget .video-slider .slider-time {
    float: right;
    margin-top: -1.875rem;
    margin-right: .5rem;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget {
    position: fixed;
    top: 0;
    z-index: 1000;
    height: calc(100% - 330px);
    width: 28.5rem
}

#HW_CameraTree_Widget [v-cloak] {
    display: none !important
}

#HW_CameraTree_Widget .leaflet-popup-content {
    text-align: center !important
}

#HW_CameraTree_Widget .treeHeight {
    height: 390px !important
}

#HW_CameraTree_Widget .main-layout {
    position: relative;
    width: 100%;
    height: calc(100% - 330px);
    display: flex;
    flex-direction: row
}

#HW_CameraTree_Widget .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 0 0 28.5rem;
    width: 28.5rem;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(var(--background-7), 1), rgba(var(--background-7), 1));
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget .left__top {
    height: 60px
}

#HW_CameraTree_Widget .left__top--default {
    padding: 1.5rem
}

#HW_CameraTree_Widget .left__aside {
    flex: 1;
    padding: 0 1.5rem;
    overflow: auto
}

#HW_CameraTree_Widget .left__aside .aside .title {
    flex: 0 0 5rem;
    margin-bottom: -4px;
    position: relative;
    padding: 1rem;
    background-color: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .left__aside .aside .tree {
    height: 100%;
    flex: 1
}

#HW_CameraTree_Widget .left__aside .aside .custom-tree-node {
    font-size: .875rem
}

#HW_CameraTree_Widget .left__aside .aside .el-icon-video-camera.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .left__bottom {
    background-color: rgba(var(--background-8), 1);
    height: 3.5rem;
    overflow: auto
}

#HW_CameraTree_Widget .switch-button {
    position: fixed;
    left: 28.5rem;
    bottom: 0;
    width: 1.5rem;
    height: 3.5rem;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 24px 0 rgba(var(--box-shadow-6), .5);
    border-radius: 0 4px 4px 0;
    opacity: .5;
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget.switch-button:hover {
    cursor: pointer
}

#HW_CameraTree_Widget .left-0 {
    left: 0;
    transition: left
}

#HW_CameraTree_Widget main.right {
    height: 100%;
    position: relative;
    overflow: auto;
    flex: 1;
    background: linear-gradient(0deg, rgba(var(--background-91), 1), rgba(var(--button-dialog-background-28), 1))
}

#HW_CameraTree_Widget .bottom {
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

#HW_CameraTree_Widget .bottom .el-button {
    width: 11.5rem;
    height: 3rem
}

#HW_CameraTree_Widget .main {
    padding: 0 5rem
}

#HW_CameraTree_Widget .main img {
    width: 90%
}

#HW_CameraTree_Widget .hw-card {
    display: flex;
    flex-direction: column;
    height: 92%
}

#HW_CameraTree_Widget .hw-card__title {
    font-size: 1rem
}

#HW_CameraTree_Widget .hw-card__body.el-card {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    overflow: auto;
    background-color: rgba(var(--background-8), .3);
    border-radius: 4px;
    border: 1px solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--color-text-4), 1)
}

#HW_CameraTree_Widget .hw-card__body.el-card .el-card__body {
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem
}

#HW_CameraTree_Widget .aside .title {
    flex: 0 0 5rem;
    margin-bottom: -4px;
    position: relative;
    padding: 1rem;
    background-color: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .aside .tree {
    height: 100%;
    flex: 1
}

#HW_CameraTree_Widget .aside .custom-tree-node {
    font-size: .875rem
}

#HW_CameraTree_Widget .aside .el-icon-video-camera.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .aside .camera {
    height: 100%
}

#HW_CameraTree_Widget .aside .camera .el-card__body {
    padding: 0
}

#HW_CameraTree_Widget .aside .camera-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#HW_CameraTree_Widget .aside .camera-title__number {
    display: inline-block;
    text-align: center;
    width: 2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: .75rem;
    background: rgba(var(--background-8), 1);
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .aside .camera-title__clear-button:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .aside .selected-cameras {
    padding: 1.5rem 0
}

#HW_CameraTree_Widget .aside .selected-cameras .selected-camera {
    padding: 0 1.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#HW_CameraTree_Widget .aside .selected-cameras .selected-camera:hover {
    cursor: pointer;
    background: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .aside .selected-cameras .selected-camera i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .aside .selected-cameras .selected-camera--active {
    background: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .aside .el-icon-picture-outline.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .hw-tree {
    height: 100%
}

#HW_CameraTree_Widget .hw-tree .el-tree {
    background: transparent;
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget .hw-tree .el-tree .is-checked .el-checkbox__inner:after {
    border-color: rgba(var(--white-color-2), 1) !important
}

#HW_CameraTree_Widget .hw-tree .el-tree .el-checkbox__inner {
    background-color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget .hw-tree .el-tree-node:focus .el-tree-node__content {
    background: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .hw-tree .el-tree-node__content:hover {
    background-color: rgba(var(--background-39), 1)
}

#HW_CameraTree_Widget .hw-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-6), 1);
    border-color: transparent;
    height: 3rem;
    font-size: .875rem
}

#HW_CameraTree_Widget .hw-input .el-input__inner:focus {
    border-color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .hw-input .el-input .el-input-group__append {
    color: rgba(var(--text-color-7), 1);
    background-color: rgba(var(--background-14), 1);
    border-color: rgba(var(--background-14), 1);
    border-radius: 0 .25rem .25rem 0;
    text-align: center
}

#HW_CameraTree_Widget .hw-input .el-input .el-input-group__append .el-button {
    width: 3rem;
    padding: 0
}

#HW_CameraTree_Widget .hw-input .el-input .el-input-group__append:hover {
    cursor: pointer
}

#HW_CameraTree_Widget .hw-input .el-textarea__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-6), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

#HW_CameraTree_Widget .hw-input__circle .el-input__inner {
    border-radius: 1.219rem
}

#HW_CameraTree_Widget .hw-input__small .el-input__inner {
    height: 2.5rem
}

#HW_CameraTree_Widget .hw-input__small .el-input .el-input__suffix {
    right: .9rem
}

#HW_CameraTree_Widget .hw-input__small .el-input .el-input__suffix .el-input__icon {
    font-size: 1.2rem;
    height: 2.5rem;
    line-height: 2.5rem
}

#HW_CameraTree_Widget .hw-select .el-select {
    width: 100%
}

#HW_CameraTree_Widget .hw-select .el-input__inner {
    background: rgba(var(--background-6), 1);
    border-color: rgba(var(--background-6), 1);
    height: 2.5rem !important;
    font-size: .875rem
}

#HW_CameraTree_Widget .hw-select .el-select__caret.el-icon-arrow-up {
    display: flex;
    align-items: center;
    justify-content: center
}

#HW_CameraTree_Widget .hw-select .el-select__caret.el-icon-arrow-up:before {
    content: "";
    border: .375rem solid transparent;
    border-bottom: .5rem solid rgba(var(--text-color-7), 1);
    width: 0;
    height: 0;
    position: relative;
    top: -.25rem;
    left: 0
}

#HW_CameraTree_Widget .hw-select--big .el-input__inner {
    height: 3rem !important
}

#HW_CameraTree_Widget .el-breadcrumb__inner.is-link,
#HW_CameraTree_Widget .el-breadcrumb__inner a {
    color: rgba(var(--color-text-4), 1) !important
}

#HW_CameraTree_Widget .hw-breadcrumb {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

#HW_CameraTree_Widget .hw-breadcrumb .el-breadcrumb__item {
    font-size: .75rem
}

#HW_CameraTree_Widget .hw-breadcrumb .el-breadcrumb__inner,
#HW_CameraTree_Widget .hw-breadcrumb .el-breadcrumb__inner:hover {
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget .hw-breadcrumb .is-link {
    color: rgba(var(--color-text-4), 1)
}

#HW_CameraTree_Widget .hw-breadcrumb .is-link:hover {
    color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .el-breadcrumb__item:last-child .el-breadcrumb__inner,
#HW_CameraTree_Widget .el-breadcrumb__item:last-child span {
    color: rgba(var(--white-color-2), 1)
}

#HW_CameraTree_Widget .el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1) !important;
    border-color: rgba(var(--text-color-5), 1)
}

#HW_CameraTree_Widget .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1) !important
}

#HW_CameraTree_Widget ::-webkit-scrollbar {
    width: 7px;
    height: 0
}

#HW_CameraTree_Widget ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
    width: 28.5rem
}

#HW_SubmitPatrol_Widget .aside .el-icon-picture-outline.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .aside .title {
    background-color: rgba(var(--background-32), 1);
    flex: 0 0 5rem;
    margin-bottom: -4px;
    position: relative;
    padding: 1rem
}

#HW_SubmitPatrol_Widget .aside .tree {
    height: 100%;
    flex: 1
}

#HW_SubmitPatrol_Widget .aside .custom-tree-node {
    font-size: .875rem
}

#HW_SubmitPatrol_Widget .aside .el-icon-video-camera.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .aside .camera {
    height: 100%
}

#HW_SubmitPatrol_Widget .aside .camera .el-card__body {
    padding: 0
}

#HW_SubmitPatrol_Widget .aside .camera-title {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#HW_SubmitPatrol_Widget .aside .camera-title__number {
    display: inline-block;
    text-align: center;
    width: 2rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: .75rem;
    background: rgba(var(--background-8), 1);
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .aside .camera-title__clear-button:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .aside .selected-cameras {
    padding: 1.5rem 0
}

#HW_SubmitPatrol_Widget .aside .selected-cameras .selected-camera {
    padding: 0 1.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#HW_SubmitPatrol_Widget .aside .selected-cameras .selected-camera:hover {
    cursor: pointer;
    background: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget .aside .selected-cameras .selected-camera i:hover {
    cursor: pointer;
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .aside .selected-cameras .selected-camera--active {
    background: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget .el-checkbox__input.is-checked .el-checkbox__inner,
#HW_SubmitPatrol_Widget .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1) !important;
    border-color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .hw-tree {
    height: 100%
}

#HW_SubmitPatrol_Widget .hw-tree .el-tree {
    background: transparent;
    color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .hw-tree .el-tree .is-checked .el-checkbox__inner:after {
    border-color: rgba(var(--white-color-2), 1) !important
}

#HW_SubmitPatrol_Widget .hw-tree .el-tree .el-checkbox__inner {
    background-color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .hw-tree .el-tree-node:focus .el-tree-node__content {
    background: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget .hw-tree .el-tree-node__content:hover {
    background-color: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget .leaflet-popup-content {
    text-align: center !important
}

#HW_SubmitPatrol_Widget .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 0 0 28.5rem;
    width: 28.5rem;
    box-sizing: border-box;
    background: rgba(var(--background-7), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .left__top {
    height: 60px
}

#HW_SubmitPatrol_Widget .left__top--default {
    padding: 1.5rem
}

#HW_SubmitPatrol_Widget .left__aside {
    flex: 1;
    padding: 0 1.5rem 1.5rem;
    overflow: auto
}

#HW_SubmitPatrol_Widget .left__bottom {
    background-color: rgba(var(--background-8), 1);
    height: 3.5rem;
    overflow: auto
}

#HW_SubmitPatrol_Widget .switch-button {
    position: fixed;
    left: 28.5rem;
    bottom: 0;
    width: 1.5rem;
    height: 3.5rem;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 24px 0 rgba(var(--box-shadow-6), .5);
    border-radius: 0 4px 4px 0;
    opacity: .5;
    color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .switch-button:hover {
    cursor: pointer
}

#HW_SubmitPatrol_Widget .left-0 {
    left: 0;
    transition: left
}

#HW_SubmitPatrol_Widget main.right {
    height: 100%;
    position: relative;
    overflow: auto;
    flex: 1;
    background: linear-gradient(0deg, rgba(var(--background-91), 1), rgba(var(--button-dialog-background-28), 1))
}

#HW_SubmitPatrol_Widget .bottom {
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center
}

#HW_SubmitPatrol_Widget .bottom .el-button {
    width: 11.5rem;
    height: 3rem
}

#HW_SubmitPatrol_Widget .main {
    padding: 0 5rem
}

#HW_SubmitPatrol_Widget .main img {
    width: 90%
}

#HW_SubmitPatrol_Widget .hw-card {
    display: flex;
    flex-direction: column
}

#HW_SubmitPatrol_Widget .hw-card__title {
    font-size: 1rem
}

#HW_SubmitPatrol_Widget .hw-card__body.el-card {
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    overflow: auto;
    background-color: rgba(var(--background-8), .3);
    border-radius: 4px;
    border: 1px solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--color-text-4), 1)
}

#HW_SubmitPatrol_Widget .hw-card__body.el-card .el-card__body {
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem
}

#HW_SubmitPatrol_Widget .hw-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-6), 1);
    height: 3rem;
    font-size: .875rem
}

#HW_SubmitPatrol_Widget .hw-input .el-input__inner:focus {
    border-color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .hw-input .el-input .el-input-group__append {
    color: rgba(var(--text-color-7), 1);
    background-color: rgba(var(--background-14), 1);
    border-color: rgba(var(--background-14), 1);
    border-radius: 0 .25rem .25rem 0;
    text-align: center
}

#HW_SubmitPatrol_Widget .hw-input .el-input .el-input-group__append .el-button {
    width: 3rem;
    padding: 0
}

#HW_SubmitPatrol_Widget .hw-input .el-input .el-input-group__append:hover {
    cursor: pointer
}

#HW_SubmitPatrol_Widget .hw-input .el-textarea__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-6), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

#HW_SubmitPatrol_Widget .hw-input__circle .el-input__inner {
    border-radius: 1.219rem
}

#HW_SubmitPatrol_Widget .hw-input__small .el-input__inner {
    height: 2.5rem
}

#HW_SubmitPatrol_Widget .hw-input__small .el-input .el-input__suffix {
    right: .9rem
}

#HW_SubmitPatrol_Widget .hw-input__small .el-input .el-input__suffix .el-input__icon {
    font-size: 1.2rem;
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer
}

#HW_SubmitPatrol_Widget .hw-select .el-select {
    width: 100%
}

#HW_SubmitPatrol_Widget .hw-select .el-input__inner {
    background: rgba(var(--background-6), 1);
    border-color: rgba(var(--background-6), 1);
    height: 2.5rem !important;
    font-size: .875rem
}

#HW_SubmitPatrol_Widget .hw-select .el-select__caret.el-icon-arrow-up {
    display: flex;
    align-items: center;
    justify-content: center
}

#HW_SubmitPatrol_Widget .hw-select .el-select__caret.el-icon-arrow-up:before {
    content: "";
    border: .375rem solid transparent;
    border-bottom: .5rem solid rgba(var(--text-color-7), 1);
    width: 0;
    height: 0;
    position: relative;
    top: -.25rem;
    left: 0
}

#HW_SubmitPatrol_Widget .hw-select--big .el-input__inner {
    height: 3rem !important
}

#HW_SubmitPatrol_Widget .hw-breadcrumb {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

#HW_SubmitPatrol_Widget .hw-breadcrumb .el-breadcrumb__item {
    font-size: .75rem
}

#HW_SubmitPatrol_Widget .hw-breadcrumb .el-breadcrumb__inner,
#HW_SubmitPatrol_Widget .hw-breadcrumb .el-breadcrumb__inner:hover {
    color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .hw-breadcrumb .is-link {
    color: rgba(var(--color-text-4), 1)
}

#HW_SubmitPatrol_Widget .hw-breadcrumb .is-link:hover {
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: rgba(var(--white-color-2), 1)
}

#HW_SubmitPatrol_Widget .hw-button {
    display: inline-block
}

#HW_SubmitPatrol_Widget .hw-button .el-button {
    height: 3rem;
    line-height: 1rem;
    border-width: 1px
}

#HW_SubmitPatrol_Widget .hw-button .el-button--primary {
    border-color: rgba(var(--border-color-11), 1);
    background: rgba(var(--border-color-11), 1)
}

#HW_SubmitPatrol_Widget .hw-button .el-button--info {
    border-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1)
}

#HW_SubmitPatrol_Widget .hw-button--ghost .el-button {
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1);
    border-width: 1px
}

#HW_SubmitPatrol_Widget .el-breadcrumb__inner.is-link,
#HW_SubmitPatrol_Widget .el-breadcrumb__inner a {
    color: rgba(var(--color-text-4), 1) !important
}

#HW_SubmitPatrol_Widget .dataAmount {
    padding: 3px 13px;
    margin-left: 5px;
    background-color: rgba(var(--background-8), 1);
    border-radius: 12px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: rgba(var(--text-color-5), 1)
}

#HW_SubmitPatrol_Widget .dataAmount em {
    font-style: normal;
    color: rgba(var(--text-color-7), 1)
}

#HW_SubmitPatrol_Widget ::-webkit-scrollbar {
    width: 10px;
    height: 0
}

#HW_SubmitPatrol_Widget ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(var(--background-39), 1)
}

#HW_SubmitPatrol_Widget [v-cloak] {
    display: none
}

#HW_VideoPatrol_Widget {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%
}

#HW_VideoPatrol_Widget .leaflet-popup-content {
    text-align: center !important
}

#HW_VideoPatrol_Widget .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    flex: 0 0 28.5rem;
    width: 28.5rem;
    box-sizing: border-box;
    background: linear-gradient(0deg, rgba(var(--background-91), 1), rgba(var(--button-dialog-background-28), 1));
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .left__top {
    height: 60px
}

#HW_VideoPatrol_Widget .left__top--default {
    padding: 1.5rem
}

#HW_VideoPatrol_Widget .left__aside {
    flex: 1;
    padding: 0 1.5rem 1.5rem;
    overflow: auto
}

#HW_VideoPatrol_Widget .left__bottom {
    background-color: rgba(var(--background-8), 1);
    height: 3.5rem;
    overflow: auto
}

#HW_VideoPatrol_Widget .switch-button {
    position: fixed;
    left: 28.5rem;
    bottom: 0;
    width: 1.5rem;
    height: 3.5rem;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 24px 0 rgba(var(--box-shadow-6), .5);
    border-radius: 0 4px 4px 0;
    opacity: .5;
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .switch-button:hover {
    cursor: pointer
}

#HW_VideoPatrol_Widget .left-0 {
    left: 0;
    transition: left
}

#HW_VideoPatrol_Widget main.right {
    height: 100%;
    position: relative;
    overflow: auto;
    flex: 1;
    background: linear-gradient(0deg, rgba(var(--background-91), 1), rgba(var(--button-dialog-background-28), 1))
}

#HW_VideoPatrol_Widget .aside .title {
    flex: 0 0 5rem;
    margin-bottom: -4px;
    position: relative;
    padding: 1rem;
    background-color: rgba(var(--background-39), 1)
}

#HW_VideoPatrol_Widget .aside .el-icon-picture-outline.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .hw-card__body {
    border-color: transparent !important;
    background: transparent !important
}

#HW_VideoPatrol_Widget .hw-card__body .el-card__body {
    padding: 1.5rem 0 !important
}

#HW_VideoPatrol_Widget .hw-card__body.el-card {
    width: 100%;
    box-sizing: border-box;
    flex: 1;
    overflow: auto;
    background-color: rgba(var(--background-8), .3);
    border-radius: 4px;
    border: 1px solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--color-text-4), 1)
}

#HW_VideoPatrol_Widget .hw-card__body.el-card .el-card__body {
    height: 100%;
    box-sizing: border-box;
    padding: 1.5rem
}

#HW_VideoPatrol_Widget .buttons {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-around;
    align-items: center
}

#HW_VideoPatrol_Widget .buttons-item {
    cursor: pointer
}

#HW_VideoPatrol_Widget .buttons-item:hover {
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .card {
    margin: 1rem 0;
    padding: 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .card--active,
#HW_VideoPatrol_Widget .card:hover {
    background-color: rgba(var(--background-8), 1);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-6), 1);
    border: .063rem solid rgba(var(--primary-background-2), .2)
}

#HW_VideoPatrol_Widget .card-header {
    flex: 0 0 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

#HW_VideoPatrol_Widget .card-header img {
    width: 2.5rem;
    height: 2.5rem
}

#HW_VideoPatrol_Widget .card-header img:hover {
    cursor: pointer
}

#HW_VideoPatrol_Widget .card-header__title {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    font-stretch: normal;
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .card-header__number {
    display: block;
    font-size: .875rem;
    color: rgba(var(--color-text-4), 1)
}

#HW_VideoPatrol_Widget .card-body {
    position: relative;
    margin-top: 1rem;
    flex: 1
}

#HW_VideoPatrol_Widget .card-body .el-divider {
    background-color: rgba(var(--text-color-5), 1) !important
}

#HW_VideoPatrol_Widget .card-body .el-step.is-vertical {
    height: 6rem
}

#HW_VideoPatrol_Widget .card-body .el-step__title {
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .card-body .el-step__description {
    font-size: .75rem;
    color: rgba(var(--color-text-4), 1)
}

#HW_VideoPatrol_Widget .card-body .el-step__head.is-success {
    color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .card-body .el-step__line {
    background: rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .card-body .el-step__icon.is-text {
    border: .25rem solid rgba(var(--background-32), 1);
    background: rgba(var(--background-8), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .card-body .is-success .el-step__icon.is-text {
    border: .25rem solid rgba(var(--text-color-5), 1);
    background: rgba(var(--background-8), 1);
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .card-body .is-success .el-step__line {
    background: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .card-body-steps {
    margin-top: 1rem
}

#HW_VideoPatrol_Widget .bottom {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#HW_VideoPatrol_Widget .main {
    position: relative;
    padding: 0 5rem
}

#HW_VideoPatrol_Widget .main img {
    width: 90%
}

#HW_VideoPatrol_Widget .aside-right {
    position: fixed;
    top: 1rem;
    bottom: 1rem;
    right: 1rem;
    max-height: 100%;
    overflow: auto
}

#HW_VideoPatrol_Widget .report {
    height: 40px;
    width: 98px;
    right: 176px;
    top: 356px;
    position: fixed;
    z-index: 2000
}

#HW_VideoPatrol_Widget .report,
#HW_VideoPatrol_Widget .report:focus,
#HW_VideoPatrol_Widget .report:hover {
    background: rgba(var(--border-color-13), 1);
    border-color: rgba(var(--border-color-13), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .report:active {
    outline: none
}

#HW_VideoPatrol_Widget .report.is-active,
#HW_VideoPatrol_Widget .report:active {
    background: rgba(var(--text-color-25), 1);
    border-color: rgba(var(--text-color-25), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .clock {
    height: 40px;
    width: 98px;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-13), 1);
    border-color: rgba(var(--text-color-13), 1);
    right: 312px;
    top: 356px;
    position: fixed;
    z-index: 2000
}

#HW_VideoPatrol_Widget .clock:focus,
#HW_VideoPatrol_Widget .clock:hover {
    background: rgba(var(--background-42), 1);
    border-color: rgba(var(--background-42), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .clock:active {
    outline: none
}

#HW_VideoPatrol_Widget .clock.is-active,
#HW_VideoPatrol_Widget .clock:active {
    background: rgba(var(--border-color-12), 1);
    border-color: rgba(var(--border-color-12), 1);
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .el-divider {
    flex: 0 0 auto;
    background-color: rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .el-divider--vertical {
    display: inline-block;
    width: 1px;
    height: 1em;
    margin: 0 8px;
    vertical-align: middle;
    position: relative
}

#HW_VideoPatrol_Widget .second-number {
    position: absolute;
    left: 18rem
}

#HW_VideoPatrol_Widget .second-number__number {
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .second-number__second {
    color: rgba(var(--color-text-4), 1)
}

#HW_VideoPatrol_Widget .video-patrol-report {
    width: 29.5rem;
    height: 29.5rem;
    max-height: 100%;
    overflow: hidden;
    background-color: rgba(var(--background-8), 1);
    border-radius: 4px;
    position: fixed;
    top: 1rem;
    right: 32rem
}

#HW_VideoPatrol_Widget .video-patrol-report .title {
    flex: 0 0 5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-39), 1)
}

#HW_VideoPatrol_Widget .video-patrol-report .title i:hover {
    cursor: pointer
}

#HW_VideoPatrol_Widget .video-patrol-report .body {
    padding: 1rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column
}

#HW_VideoPatrol_Widget .video-patrol-report .body-summary {
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .video-patrol-report .body-summary-item {
    margin-bottom: .75rem;
    display: flex;
    justify-content: space-between;
    align-items: center
}

#HW_VideoPatrol_Widget .hw-card {
    display: flex;
    flex-direction: column
}

#HW_VideoPatrol_Widget .hw-card__title {
    font-size: 1rem
}

#HW_VideoPatrol_Widget .hw-pagination {
    width: 100%
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination {
    padding: 0
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination__jump,
#HW_VideoPatrol_Widget .hw-pagination .el-pagination__total {
    color: rgba(var(--light-color-3), 1);
    font-size: .875rem
}

#HW_VideoPatrol_Widget .hw-pagination .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-6), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .hw-pagination .el-pager li {
    color: rgba(var(--white-color-2), 1);
    padding: 0;
    background-color: transparent
}

#HW_VideoPatrol_Widget .hw-pagination .el-pager li.active {
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .hw-pagination .btn-next,
#HW_VideoPatrol_Widget .hw-pagination .btn-prev {
    color: rgba(var(--white-color-2), 1) !important;
    background-color: transparent !important;
    padding: 0
}

#HW_VideoPatrol_Widget .hw-pagination .number {
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 2.5rem
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-input--mini {
    margin: 0
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-input__inner {
    height: 26px
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .btn-next,
#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .btn-prev {
    padding: 0
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-pagination__total {
    margin-right: 0
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-pagination__sizes {
    margin: 0;
    height: auto;
    line-height: inherit
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-pagination__jump {
    margin-left: 0;
    height: auto;
    line-height: inherit
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-pagination__jump .el-pagination__editor.el-input {
    width: inherit
}

#HW_VideoPatrol_Widget .hw-pagination .el-pagination--small .el-pagination__jump .el-input__inner {
    width: 2.5rem
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination {
    font-size: 12px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination button,
#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination span:not([class*=suffix]) {
    min-width: 12px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__total {
    margin-right: 0;
    min-width: 0
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__sizes {
    margin: 0
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__sizes .el-input {
    width: 85px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__sizes .el-input__inner {
    font-size: 12px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pager li {
    min-width: 12px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__jump {
    margin-left: 5px
}

#HW_VideoPatrol_Widget .hw-pagination--small .el-pagination__jump .el-input {
    width: 40px;
    font-size: 12px
}

#HW_VideoPatrol_Widget .hw-input .el-input__inner {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-6), 1);
    border-color: transparent;
    height: 3rem;
    font-size: .875rem
}

#HW_VideoPatrol_Widget .hw-input .el-input__inner:focus {
    border-color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .hw-input .el-input .el-input-group__append {
    color: rgba(var(--text-color-7), 1);
    background-color: rgba(var(--background-14), 1);
    border-color: rgba(var(--background-14), 1);
    border-radius: 0 .25rem .25rem 0;
    text-align: center
}

#HW_VideoPatrol_Widget .hw-input .el-input .el-input-group__append .el-button {
    width: 3rem;
    padding: 0
}

#HW_VideoPatrol_Widget .hw-input .el-input .el-input-group__append:hover {
    cursor: pointer
}

#HW_VideoPatrol_Widget .hw-input .el-textarea__inner {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-6), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .hw-input__circle .el-input__inner {
    border-radius: 1.219rem
}

#HW_VideoPatrol_Widget .hw-input__small .el-input__inner {
    height: 2.5rem
}

#HW_VideoPatrol_Widget .hw-input__small .el-input .el-input__suffix {
    right: .9rem
}

#HW_VideoPatrol_Widget .hw-input__small .el-input .el-input__suffix .el-input__icon {
    font-size: 1.2rem;
    height: 2.5rem;
    line-height: 2.5rem
}

#HW_VideoPatrol_Widget .hw-select .el-select {
    width: 100%
}

#HW_VideoPatrol_Widget .hw-select .el-input__inner {
    background: rgba(var(--background-6), 1);
    border-color: rgba(var(--primary-background-2), 1);
    height: 2.5rem !important;
    font-size: .875rem;
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .hw-select .el-select__caret.el-icon-arrow-up {
    display: flex;
    align-items: center;
    justify-content: center
}

#HW_VideoPatrol_Widget .hw-select .el-select__caret.el-icon-arrow-up:before {
    content: "";
    border: .375rem solid transparent;
    border-bottom: .5rem solid rgba(var(--text-color-7), 1);
    width: 0;
    height: 0;
    position: relative;
    top: -.25rem;
    left: 0
}

#HW_VideoPatrol_Widget .hw-select--big .el-input__inner {
    height: 3rem !important
}

#HW_VideoPatrol_Widget .hw-breadcrumb {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

#HW_VideoPatrol_Widget .hw-breadcrumb .el-breadcrumb__item {
    font-size: .75rem
}

#HW_VideoPatrol_Widget .hw-breadcrumb .el-breadcrumb__inner,
#HW_VideoPatrol_Widget .hw-breadcrumb .el-breadcrumb__inner:hover {
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget .hw-breadcrumb .is-link {
    color: rgba(var(--color-text-4), 1)
}

#HW_VideoPatrol_Widget .hw-breadcrumb .is-link:hover {
    color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .el-checkbox__input.is-checked .el-checkbox__inner,
#HW_VideoPatrol_Widget .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: rgba(var(--text-color-5), 1);
    border-color: rgba(var(--text-color-5), 1)
}

#HW_VideoPatrol_Widget .hw-button {
    display: inline-block
}

#HW_VideoPatrol_Widget .hw-button .el-button {
    height: 48px;
    line-height: 16px;
    border-width: 1px
}

#HW_VideoPatrol_Widget .hw-button .el-button--primary {
    border-color: rgba(var(--border-color-11), 1);
    background: rgba(var(--border-color-11), 1)
}

#HW_VideoPatrol_Widget .hw-button .el-button--info {
    border-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1)
}

#HW_VideoPatrol_Widget .hw-button--ghost .el-button {
    background: transparent;
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1);
    border-width: 1px
}

#HW_VideoPatrol_Widget .el-breadcrumb__inner.is-link,
#HW_VideoPatrol_Widget .el-breadcrumb__inner a {
    color: rgba(var(--color-text-4), 1) !important
}

#HW_VideoPatrol_Widget .el-breadcrumb__item:last-child .el-breadcrumb__inner {
    color: rgba(var(--white-color-2), 1)
}

#HW_VideoPatrol_Widget ::-webkit-scrollbar {
    width: 10px;
    height: 0
}

#HW_VideoPatrol_Widget ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(var(--background-39), 1)
}

#HW_VideoPatrol_Widget [v-cloak] {
    display: none
}

#HW_VideoPatrol_Widget .input-bord {
    margin: 0 1rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: .0625rem solid rgba(var(--input-bord-border-3), 1);
    font-size: 1rem
}

#HW_VideoPatrol_Widget .input-bord input {
    width: 100%;
    height: 2.25rem;
    line-height: 36px;
    outline: none;
    background: none;
    color: rgba(var(--button-primary-border-4), 1);
    margin: auto;
    background: rgba(var(--background-6), 1);
    border: 1px solid rgba(var(--input-bord-input-border-5), 1);
    height: 3rem;
    font-size: .875rem;
    padding: 0 1rem;
    border-radius: 5px 0 0 5px
}

#HW_VideoPatrol_Widget .input-bord .el-icon-content {
    height: 2.5rem;
    line-height: 2.5rem;
    cursor: pointer;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    color: rgba(var(--text-color-7), 1);
    background-color: rgba(var(--background-14), 1);
    border-color: rgba(var(--background-14), 1);
    border-radius: 0 .25rem .25rem 0;
    text-align: center;
    padding: 0 1rem;
    height: 3rem;
    margin-top: .5rem
}

.videoPatrolHistroy {
    background: linear-gradient(rgba(var(--button-dialog-background-28), 1) 20%, rgba(var(--background-91), 1));
    overflow: auto
}

.videoPatrolHistroy * {
    background: transparent !important;
    font-size: 14px !important
}

.videoPatrolHistroy .sys-container {
    padding: 0 3rem
}

.videoPatrolHistroy .sys-container .ivu-form {
    padding: 0
}

.videoPatrolHistroy .sys-container .sys-form-btn {
    background: rgba(var(--background-91), 1) !important;
    color: rgba(var(--white-color-2), 1);
    margin-top: 4rem;
    margin-left: 1.5rem
}

.videoPatrolHistroy .sys-container .sys-form-btn.query {
    color: rgba(var(--white-color-2), 1) !important;
    border-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1) !important
}

.videoPatrolHistroy .sys-container .ivu-input {
    color: rgba(var(--white-color-2), 1);
    height: 3rem;
    font-size: .8rem !important;
    border-color: rgba(var(--background-6), 1);
    padding-left: 1rem
}

.videoPatrolHistroy .sys-container .ivu-input:focus,
.videoPatrolHistroy .sys-container .ivu-input:hover {
    border-color: rgba(var(--border-color-1), 1)
}

.videoPatrolHistroy .sys-container .ivu-select-selection {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem !important;
    border-color: rgba(var(--background-6), 1);
    padding-left: 1rem !important
}

.videoPatrolHistroy .sys-container .ivu-input[disabled]:hover,
.videoPatrolHistroy .sys-container .ivu-select-input:focus,
.videoPatrolHistroy .sys-container .ivu-select-input:hover,
.videoPatrolHistroy .sys-container fieldset[disabled] .ivu-input:hover {
    border-color: rgba(var(--border-color-1), 1)
}

.videoPatrolHistroy .sys-container .ivu-select {
    max-height: 240px;
    background: rgba(var(--background-91), 1) !important
}

.videoPatrolHistroy .sys-container .ivu-select .ivu-select-dropdown .ivu-select-dropdown-list .ivu-select-item {
    color: rgba(var(--light-color-3), 1);
    height: 2.5rem;
    font-size: .875rem !important
}

.videoPatrolHistroy .sys-container .ivu-select .ivu-select-input {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=toolbar] {
    padding: 10px 0
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn {
    margin: 4px 8px 4px 0 !important;
    border: none;
    color: rgba(var(--text-color-9), 1);
    padding: 6px 0
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn>i.ivu-icon {
    color: rgba(var(--text-color-9), 1)
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn>span {
    margin-left: 0 !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] {
    box-shadow: none
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn {
    padding: 6px 0
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn .ivu-icon {
    color: rgba(var(--text-color-10), 1);
    padding-left: 1.5rem
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn>.ivu-icon+span,
.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn>span+.ivu-icon {
    margin-left: -1rem
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table-wrapper {
    border: none
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table {
    border-bottom: 1px solid rgba(var(--ivu-table-background-24), 1)
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table * {
    border: none
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table:after,
.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table:before {
    background: transparent
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header {
    border-bottom: 1px solid rgba(var(--text-color-5), 1)
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead span.ivu-table-col-name:before {
    content: "";
    position: relative;
    border-left: 1px solid rgba(var(--border-color-1), 1);
    display: inline-block;
    height: 16px;
    top: 3px;
    left: -5px
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead .ivu-table-cell {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem !important;
    padding-left: 1.5rem
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead th:first-child span.ivu-table-col-name:before {
    border-left: none
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only {
    padding: 6px 0
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only>span {
    margin-left: 0
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only>i {
    position: relative;
    top: -1px
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body .ivu-table-row:nth-child(odd) td {
    background-color: transparent !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body tr.ivu-table-row.ivu-table-row-hover td {
    background-color: rgba(var(--background-21), .2) !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body tr.ivu-table-row.ivu-table-row-hover td span {
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-fixed-body .ivu-table-row:nth-child(odd) td {
    background-color: transparent !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-viewer~div>div {
    display: none !important
}

.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table tbody .ivu-table-cell,
.videoPatrolHistroy .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table tbody .ivu-table-cell span {
    color: rgba(var(--text-color-10), 1);
    padding-left: 1.5rem
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page {
    float: right
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-item-active {
    border-radius: .125rem !important;
    background: rgba(var(--ivu-page-item-active-background-12), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-item-active:hover {
    background: rgba(var(--white-color-2), 1) !important;
    border-radius: .125rem !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-item-active:hover a {
    color: rgba(var(--text-color-52), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-item-active a {
    font-size: .875rem !important;
    color: rgba(var(--text-color-11), 1) !important;
    color: rgba(var(--text-color-52), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-item a {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page li.ivu-page-item {
    border-color: transparent !important;
    height: 1.5rem
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-prev {
    border: none
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-select-selected-value {
    color: rgba(var(--light-color-3), 1) !important;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-page-options-elevator input[type=text] {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-6), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page input:hover {
    border: 1px solid rgba(var(--text-color-5), 1)
}

.videoPatrolHistroy .sys-container .sys-table .ivu-page .ivu-select-selection:hover {
    border: 0 solid rgba(var(--text-color-5), 1) !important
}

.videoPatrolHistroy .sys-container .sys-table .ivu-table-tip span {
    color: rgba(var(--text-color-12), 1)
}

.videoPatrolHistroy span.ivu-table-col-name {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem !important;
    padding-left: 1.5rem
}

.videoPatrolHistroy span.ivu-date-picker-cells-cell {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy.sys-container .sys-table .ivu-page {
    border: none
}

.videoPatrolHistroy.sys-container .sys-table .ivu-page .ivu-select-dropdown-list {
    color: rgba(var(--text-color-12), 1)
}

.videoPatrolHistroy .ivu-checkbox-inner {
    border: 1px solid rgba(var(--border-color-38), 1) !important;
    position: relative;
    top: -2px;
    left: 0
}

.videoPatrolHistroy .el-picker-panel {
    background: rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy .el-date-table td.current:not(.disabled) span {
    background-color: rgba(var(--text-color-31), 1) !important
}

.videoPatrolHistroy .ivu-page-next,
.videoPatrolHistroy .ivu-page-prev {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrolHistroy .ivu-page-item-active {
    background-color: transparent !important;
    border-color: rgba(var(--background-89), 1) !important
}

.videoPatrolHistroy .ivu-select-dropdown {
    background: rgba(var(--dropdown-background-4), 1) !important;
    border-radius: .125rem !important
}

.videoPatrolHistroy .ivu-page-item {
    border: 1px solid rgba(var(--border-color-2), 1)
}

.videoPatrolHistroy .ivu-page-item-jump-next {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrolHistroy .ivu-page-item-jump-next:after,
.videoPatrolHistroy .ivu-page-item-jump-next:hover i:after {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy .ivu-page-item-jump-prev {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrolHistroy .ivu-icon-ios-arrow-left,
.videoPatrolHistroy .ivu-icon-ios-arrow-right,
.videoPatrolHistroy .ivu-page-item-jump-prev:after,
.videoPatrolHistroy .ivu-page-item-jump-prev:hover i:after {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy .ivu-select-item {
    color: rgba(var(--text-color-15), 1)
}

.videoPatrolHistroy .ivu-select-item:hover {
    color: rgba(var(--white-color-2), 1) !important;
    background: rgba(var(--select-item-hover-background-5), 1) !important
}

.videoPatrolHistroy .ivu-select-selection {
    background-color: rgba(var(--background-6), 1) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.videoPatrolHistroy .el-button {
    background-color: rgba(var(--background-89), 1) !important
}

.videoPatrolHistroy .dark .common-query-params .el-form .formBtnInRow .el-button:last-child {
    background-color: rgba(var(--button-dialog-background-13), 1) !important
}

.videoPatrolHistroy .dark .navBreadCrumb .list[data-v-400ab2fe] {
    padding-left: 3rem !important;
    padding-left: 1.5rem;
    padding-top: 1.5rem
}

.videoPatrolHistroy .dark .navBreadCrumb .list li a[data-v-400ab2fe] {
    color: rgba(var(--text-color-18), 1)
}

.videoPatrolHistroy .dark .navBreadCrumb .list li a[data-v-4c10d544] {
    color: rgba(var(--text-color-53), 1) !important
}

.videoPatrolHistroy .dark .navBreadCrumb .list-ion[data-v-4c10d544] {
    padding: 0 .375rem;
    color: rgba(var(--border-color-38), 1) !important;
    font-size: 1rem
}

.videoPatrolHistroy .ivu-btn-icon-only {
    padding: 0;
    border: none
}

.videoPatrolHistroy div[layoutid="1558143838575000"] {
    background: linear-gradient(rgba(var(--background-91), 1) 20%, rgba(var(--video-slider-background-90), 1)) !important;
    padding: 0 !important;
    height: 460px !important
}

.videoPatrolHistroy .ivu-date-picker-header-label.year {
    color: rgba(var(--text-color-12), 1)
}

.videoPatrolHistroy .queryparams-buttons {
    text-align: right !important;
    right: 0;
    position: absolute
}

.videoPatrolHistroy div[layoutid="1558332289481015"] {
    visibility: hidden
}

.videoPatrolHistroy .ivu-input {
    border-radius: .125rem !important;
    padding: 5px 1rem;
    font-size: .875rem !important;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrolHistroy .ivu-form-item {
    padding: 0 2rem 0 0 !important
}

.videoPatrolHistroy div[layoutid="1558332289481017"] .ivu-form-item {
    padding-right: .5rem !important
}

.videoPatrolHistroy div[layoutid="1558332289481019"] .ivu-form-item,
.videoPatrolHistroy div[layoutid="1558332289481020"] .ivu-form-item {
    padding: 0 .5rem !important
}

.videoPatrolHistroy div[layoutid="1558332289481021"] .ivu-form-item {
    padding-left: .5rem !important
}

.videoPatrolHistroy .ivu-page-options-elevator input {
    width: 2.5rem !important;
    border: none;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrolHistroy .ivu-select {
    width: 6.5rem !important
}

.videoPatrolHistroy .ivu-page {
    padding: .75rem !important;
    height: 3rem !important;
    color: rgba(var(--light-color-3), 1) !important
}

.videoPatrolHistroy .ivu-table th {
    height: 2.5rem !important;
    border-color: rgba(var(--border-color-1), 1) !important;
    font-size: 1rem !important;
    color: rgba(var(--text-color-17), 1) !important
}

.videoPatrolHistroy .ivu-table td {
    height: 3rem !important
}

.videoPatrolHistroy td[columkey=taskNumber] span {
    font-size: .875rem !important;
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy .ivu-form-item-label {
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy div[layoutid="1558313566224006"] .ivu-table-body {
    height: 360px !important
}

.videoPatrolHistroy .ivu-form .ivu-form-item-label {
    font-size: .8rem !important;
    font-family: pingfangsc-regular;
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy .ivu-table-cell {
    padding-left: 0
}

.videoPatrolHistroy div[layoutid="1559010722681000"] .ivu-select-arrow {
    background: rgba(var(--background-14), 1) !important;
    padding: 14px 16px;
    position: absolute;
    top: 6px;
    right: -1px
}

.videoPatrolHistroy div[layoutid="1558321520292000"] .ivu-select-arrow {
    background: rgba(var(--background-14), 1) !important;
    padding: 14px 17px;
    position: absolute;
    top: 6px;
    right: -1px
}

.videoPatrolHistroy .ivu-table-row td {
    border-bottom: 1px solid rgba(var(--primary-background-2), 1) !important
}

.videoPatrolHistroy div[layoutid="1558314170376093"] {
    padding-top: 2rem
}

.videoPatrolHistroy div[layoutid="1557995613763044"] {
    padding: 5rem 0
}

.videoPatrolHistroy div[layoutid="1558143838575023"] {
    padding: 0 !important
}

.videoPatrolHistroy button[layoutid="1558339593331003"] {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    border-radius: .3rem
}

.videoPatrolHistroy button[layoutid="1558339593331003"]:hover {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-radius: .3rem;
    border: .063rem solid rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy button[layoutid="1558339593331005"] {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-color: rgba(var(--primary-background-2), 1);
    border-radius: .3rem
}

.videoPatrolHistroy button[layoutid="1558339593331005"]:hover {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-radius: .3rem;
    border: .063rem solid rgba(var(--white-color-2), 1) !important
}

.videoPatrolHistroy .ivu-table-header {
    overflow: hidden;
    border-bottom: 2px solid rgba(var(--text-color-5), 1) !important
}

.videoPatrolHistroy .ivu-checkbox-checked .ivu-checkbox-inner:after {
    position: absolute;
    top: 4px;
    left: 6px;
    border-color: rgba(var(--text-color-5), 1)
}

.videoPatrolHistroy .ivu-btn-ghost {
    color: rgba(var(--ivu-btn-ghost-color-54), 1);
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--ivu-btn-ghost-border-color-15), 1)
}

.videoPatrolHistroy .ivu-btn-primary {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-92), 1);
    border-color: rgba(var(--button-primary-border-4), 1)
}

.videoPatrolHistroy .ivu-btn-primary:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-92), 1);
    border-color: rgba(var(--background-92), 1)
}

.videoPatrolHistroy .ivu-checkbox {
    border: 1px solid rgba(var(--checkbox-border-color-39), 1) !important
}

.videoPatrolHistroy .ivu-checkbox,
.videoPatrolHistroy .ivu-checkbox:hover {
    width: 16px;
    height: 16px;
    padding-left: 0 !important;
    vertical-align: middle;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrolHistroy .ivu-checkbox:hover {
    border: 1px solid rgba(var(--text-color-5), 1) !important
}

.videoPatrolHistroy .ivu-modal-header {
    background-color: rgba(var(--ai-device-background-20), .9);
    border: 1px solid rgba(var(--ivu-modal-header-border-color-40), 1);
    border-bottom: 0;
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem;
    height: 3rem;
    padding: 0 2rem
}

.videoPatrolHistroy .ivu-modal-content .ivu-modal-body {
    line-height: 1
}

.videoPatrolHistroy .ivu-modal-body {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 30px;
    background: rgba(var(--ivu-modal-body-background-93), 1) !important
}

.videoPatrolHistroy .ivu-date-picker-cells-cell-range:before {
    background: rgba(var(--background-92), 1)
}

.videoPatrolHistroy .ivu-picker-panel-body {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrolHistroy .ivu-date-picker-headerl-wrap {
    display: inline-block
}

.videoPatrolHistroy .ivu-select-arrow {
    padding: 7px 9px !important
}

.videoPatrol {
    background: linear-gradient(rgba(var(--button-dialog-background-28), 1) 20%, rgba(var(--background-91), 1));
    overflow: auto
}

.videoPatrol * {
    background: transparent !important;
    font-size: 14px !important
}

.videoPatrol .sys-container {
    padding: 0 3rem
}

.videoPatrol .sys-container.ivu-form {
    padding: 0
}

.videoPatrol .sys-container .sys-form-btn {
    background: rgba(var(--background-91), 1) !important;
    color: rgba(var(--white-color-2), 1);
    margin-top: 4rem;
    margin-left: 1.5rem
}

.videoPatrol .sys-container .sys-form-btn.query {
    color: rgba(var(--white-color-2), 1) !important;
    border-color: rgba(var(--primary-background-2), 1);
    background: rgba(var(--primary-background-2), 1) !important
}

.videoPatrol .sys-container .ivu-input {
    color: rgba(var(--white-color-2), 1);
    height: 3rem;
    font-size: .8rem !important;
    border-color: rgba(var(--background-6), 1);
    padding-left: 1rem
}

.videoPatrol .sys-container .ivu-input:focus,
.videoPatrol .sys-container .ivu-input:hover {
    border-color: rgba(var(--border-color-1), 1)
}

.videoPatrol .sys-container .ivu-select-selection {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem !important;
    border-color: rgba(var(--background-6), 1);
    padding-left: 1rem !important
}

.videoPatrol .sys-container .ivu-input[disabled]:hover,
.videoPatrol .sys-container .ivu-select-input:focus,
.videoPatrol .sys-container .ivu-select-input:hover,
.videoPatrol .sys-container fieldset[disabled] .ivu-input:hover {
    border-color: rgba(var(--border-color-1), 1)
}

.videoPatrol .sys-container .ivu-select {
    max-height: 240px;
    background: rgba(var(--background-91), 1) !important
}

.videoPatrol .sys-container .ivu-select .ivu-select-dropdown .ivu-select-dropdown-list .ivu-select-item {
    color: rgba(var(--light-color-3), 1);
    height: 2.5rem;
    font-size: .875rem !important
}

.videoPatrol .sys-container .ivu-select .ivu-select-input {
    color: rgba(var(--white-color-2), 1);
    font-size: .8rem !important
}

.videoPatrol .sys-container .sys-table {
    padding: 5rem 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=toolbar] {
    padding: 10px 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn {
    margin: 4px 8px 4px 0 !important;
    border: none;
    color: rgba(var(--text-color-9), 1);
    padding: 6px 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn>i.ivu-icon {
    color: rgba(var(--text-color-9), 1)
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=toolbar] .ivu-btn>span {
    margin-left: 0 !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] {
    box-shadow: none
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn {
    padding: 6px 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn .ivu-icon {
    color: rgba(var(--text-color-10), 1);
    padding-left: 1.5rem
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn>.ivu-icon+span,
.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-btn>span+.ivu-icon {
    margin-left: -1rem
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table-wrapper {
    border: none
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table {
    border-bottom: 1px solid rgba(var(--ivu-table-background-24), 1)
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table * {
    border: none
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table:after,
.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table:before {
    background: transparent
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header {
    border-bottom: 1px solid rgba(var(--text-color-5), 1)
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead span.ivu-table-col-name:before {
    content: "";
    position: relative;
    border-left: 1px solid rgba(var(--border-color-1), 1);
    display: inline-block;
    height: 16px;
    top: 3px;
    left: -5px
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead .ivu-table-cell {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem !important;
    padding-left: 1.5rem
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead .ivu-table-cell.videoPatrol span.ivu-table-col-name {
    color: rgba(var(--text-color-17), 1)
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-header table thead th:first-child span.ivu-table-col-name:before {
    border-left: none
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only {
    padding: 6px 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only>span {
    margin-left: 0
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-btn-icon-only>i {
    position: relative;
    top: -1px
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body .ivu-table-row:nth-child(2n) td,
.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body .ivu-table-row:nth-child(odd) td {
    background-color: transparent !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body tr.ivu-table-row.ivu-table-row-hover td {
    background-color: rgba(var(--background-21), .2) !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-body tr.ivu-table-row.ivu-table-row-hover td span {
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table.ivu-table-stripe .ivu-table-fixed-body .ivu-table-row:nth-child(odd) td {
    background-color: transparent !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table .ivu-table-viewer~div>div {
    display: none !important
}

.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table tbody .ivu-table-cell,
.videoPatrol .sys-container .sys-table [layoutcomponentname=datagrid] .ivu-table tbody .ivu-table-cell span {
    color: rgba(var(--text-color-10), 1);
    padding-left: 1.5rem
}

.videoPatrol .sys-container .sys-table .ivu-page {
    float: right;
    border: none
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-item-active {
    border-radius: .125rem !important;
    background: rgba(var(--ivu-page-item-active-background-12), 1) !important
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-item-active:hover {
    background: rgba(var(--white-color-2), 1) !important;
    border-radius: .125rem !important
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-item-active:hover a {
    color: rgba(var(--text-color-52), 1) !important
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-item-active a {
    font-size: .875rem !important;
    color: rgba(var(--text-color-52), 1) !important
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-item a {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .sys-container .sys-table .ivu-page li.ivu-page-item {
    border-color: transparent !important;
    height: 1.5rem
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-prev {
    border: none
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-select-selected-value {
    color: rgba(var(--light-color-3), 1) !important;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrol .sys-container .sys-table .ivu-page input:hover {
    border: 1px solid rgba(var(--text-color-5), 1)
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-options-elevator input[type=text] {
    background: rgba(var(--background-6), 1) !important
}

.videoPatrol .sys-container .sys-table .ivu-table-tip span {
    color: rgba(var(--text-color-12), 1)
}

.videoPatrol span.ivu-table-col-name {
    color: rgba(var(--white-color-2), 1);
    font-size: 1rem !important;
    padding-left: 1.5rem
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-page-options-elevator input[type=text] {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .sys-container .sys-table .ivu-page .ivu-select-selection:hover {
    border: 0 solid rgba(var(--text-color-5), 1) !important
}

.videoPatrol .el-picker-panel {
    background: rgba(var(--white-color-2), 1) !important
}

.videoPatrol .videoPatrol .el-date-table td.current:not(.disabled) span {
    background-color: rgba(var(--text-color-31), 1) !important
}

.videoPatrol .ivu-page-next,
.videoPatrol .ivu-page-prev {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrol .ivu-page-item-active {
    background-color: transparent !important;
    border-color: rgba(var(--background-89), 1) !important
}

.videoPatrol .ivu-select-dropdown {
    background: rgba(var(--dropdown-background-4), 1) !important;
    border-radius: .125rem !important
}

.videoPatrol .ivu-page-item {
    border: 1px solid rgba(var(--border-color-2), 1)
}

.videoPatrol .ivu-page-item-jump-next {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrol .ivu-page-item-jump-next:after,
.videoPatrol .ivu-page-item-jump-next:hover i:after {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .ivu-page-item-jump-prev {
    border: 1px solid rgba(var(--border-color-2), 1) !important
}

.videoPatrol .ivu-icon-ios-arrow-left,
.videoPatrol .ivu-icon-ios-arrow-right,
.videoPatrol .ivu-page-item-jump-prev:after,
.videoPatrol .ivu-page-item-jump-prev:hover i:after {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .ivu-select-item {
    color: rgba(var(--text-color-15), 1)
}

.videoPatrol .ivu-select-item:hover {
    color: rgba(var(--white-color-2), 1) !important;
    background: rgba(var(--select-item-hover-background-5), 1) !important
}

.videoPatrol .ivu-select-selection {
    background-color: rgba(var(--background-6), 1) !important;
    display: flex;
    justify-content: center;
    align-items: center
}

.videoPatrol .el-button {
    background-color: rgba(var(--background-89), 1) !important
}

.videoPatrol .dark .common-query-params .el-form .formBtnInRow .el-button:last-child {
    background-color: rgba(var(--button-dialog-background-13), 1) !important
}

.videoPatrol .dark .errorMessagetheme .errmage .errmage-sucss .errmage-sucss-t .icon-cuowu,
.videoPatrol .dark .errorMessagetheme .errmage .errmage-sucss .errmage-sucss-t .icon-jinggao1 {
    font-size: 3.75rem !important
}

.videoPatrol .dark .errorMessagetheme .errmage .errmage-sucss .errmage-sucss-s .errmage-sucss-s-button {
    font-size: 1rem !important;
    background: rgba(var(--errmage-sucss-s-button-background-15), 1) !important
}

.videoPatrol .dark .errorMessagetheme .errmage .errmage-sucss .errmage-sucss-s .rightButton {
    background: transparent !important
}

.videoPatrol .dark .errorMessagetheme .el-dialog__body {
    background-color: rgba(var(--button-dialog-background-13), 1) !important
}

.videoPatrol .dark .navBreadCrumb .list[data-v-400ab2fe] {
    padding-left: 3rem !important;
    padding-left: 1.5rem;
    padding-top: 1.5rem
}

.videoPatrol .dark .navBreadCrumb .list li a[data-v-400ab2fe] {
    color: rgba(var(--text-color-18), 1)
}

.videoPatrol .dark .navBreadCrumb .list li a[data-v-4c10d544] {
    color: rgba(var(--text-color-53), 1) !important
}

.videoPatrol .dark .navBreadCrumb .list-ion[data-v-4c10d544] {
    padding: 0 .375rem;
    color: rgba(var(--border-color-38), 1) !important;
    font-size: 1rem
}

.videoPatrol .queryparams-buttons {
    text-align: right !important;
    right: 0;
    position: absolute;
    padding: 0 15px
}

.videoPatrol .ivu-input {
    border-radius: .125rem !important;
    padding: 5px 1rem;
    font-size: .875rem !important;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrol .ivu-form-item {
    padding: 0 2rem 0 0 !important
}

.videoPatrol div[layoutid="1558332289481002"] .ivu-form-item {
    padding-right: .5rem !important
}

.videoPatrol div[layoutid="1558332289481008"] .ivu-form-item {
    padding: 0 .5rem !important
}

.videoPatrol .ivu-page-options-elevator input {
    width: 2.5rem !important;
    border: none;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrol .ivu-select {
    width: 6.5rem !important
}

.videoPatrol .ivu-page {
    padding: .75rem !important;
    height: 3rem !important;
    color: rgba(var(--light-color-3), 1) !important
}

.videoPatrol .ivu-table th {
    height: 2.5rem !important;
    border-color: rgba(var(--border-color-1), 1) !important;
    font-size: 1rem !important;
    color: rgba(var(--text-color-17), 1) !important
}

.videoPatrol .ivu-table td {
    height: 3rem !important
}

.videoPatrol .ivu-table-body tr td:nth-child(2) span {
    font-size: .875rem !important;
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrol .ivu-form-item-label {
    color: rgba(var(--white-color-2), 1) !important
}

.videoPatrol .ivu-form .ivu-form-item-label {
    font-size: .8rem !important;
    font-family: pingfangsc-regular;
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .ivu-table-cell {
    padding-left: 0
}

.videoPatrol div[layoutid="1559010722681000"] .ivu-select-arrow {
    background: rgba(var(--background-14), 1) !important;
    padding: 14px 16px;
    position: absolute;
    top: 6px;
    right: -1px
}

.videoPatrol div[layoutid="1558321520292000"] .ivu-select-arrow {
    background: rgba(var(--background-14), 1) !important;
    padding: 14px 17px;
    position: absolute;
    top: 6px;
    right: -1px
}

.videoPatrol .ivu-table-row td {
    border-bottom: 1px solid rgba(var(--primary-background-2), 1) !important
}

.videoPatrol div[layoutid="1558314170376093"] {
    padding-top: 2rem
}

.videoPatrol button[layoutid="1558332289481013"] {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    border-radius: .3rem
}

.videoPatrol button[layoutid="1558332289481013"]:hover {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-radius: .3rem;
    border: .063rem solid rgba(var(--white-color-2), 1) !important
}

.videoPatrol button[layoutid="1558332289481014"] {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-color: rgba(var(--primary-background-2), 1);
    border-radius: .3rem
}

.videoPatrol button[layoutid="1558332289481014"]:hover {
    height: 3rem;
    width: 8rem;
    font-size: 1rem !important;
    color: rgba(var(--white-color-2), 1) !important;
    border-radius: .3rem;
    border: .063rem solid rgba(var(--white-color-2), 1) !important
}

.videoPatrol .ivu-table-header {
    overflow: hidden;
    border-bottom: 2px solid rgba(var(--text-color-5), 1) !important
}

.videoPatrol .ivu-checkbox-checked .ivu-checkbox-inner:after {
    position: absolute;
    top: 4px;
    left: 6px;
    border-color: rgba(var(--text-color-5), 1)
}

.videoPatrol .ivu-btn-ghost {
    color: rgba(var(--ivu-btn-ghost-color-54), 1);
    background-color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--ivu-btn-ghost-border-color-15), 1)
}

.videoPatrol .ivu-btn-primary {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-92), 1);
    border-color: rgba(var(--button-primary-border-4), 1)
}

.videoPatrol .ivu-btn-primary:hover {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--background-92), 1);
    border-color: rgba(var(--background-92), 1)
}

.videoPatrol .ivu-checkbox-inner {
    position: relative;
    top: -2px;
    left: 0
}

.videoPatrol .ivu-checkbox {
    border: 1px solid rgba(var(--checkbox-border-color-39), 1) !important
}

.videoPatrol .ivu-checkbox,
.videoPatrol .ivu-checkbox:hover {
    width: 16px;
    height: 16px;
    padding-left: 0 !important;
    vertical-align: middle;
    background: rgba(var(--background-6), 1) !important
}

.videoPatrol .ivu-checkbox:hover {
    border: 1px solid rgba(var(--text-color-5), 1) !important
}

.videoPatrol .ivu-modal-header {
    background-color: rgba(var(--ai-device-background-20), .9);
    border: 1px solid rgba(var(--ivu-modal-header-border-color-40), 1);
    border-bottom: 0;
    border-top-right-radius: .375rem;
    border-top-left-radius: .375rem;
    height: 3rem;
    padding: 0 2rem
}

.videoPatrol .ivu-modal-content .ivu-modal-body {
    line-height: 1
}

.videoPatrol .ivu-modal-body {
    font-size: 12px;
    line-height: 1.5;
    padding: 0 30px;
    background: rgba(var(--ivu-modal-body-background-93), 1) !important
}

.videoPatrol .ivu-btn-text {
    position: relative !important;
    top: 68px;
    left: 4px !important;
    z-index: 2000;
    color: rgba(var(--text-color-9), 1);
    width: 71px
}

.videoPatrol .ivu-btn-text:hover {
    color: rgba(var(--white-color-2), 1)
}

.videoPatrol .ivu-select-arrow {
    padding: 7px 9px !important
}

#AccessDeviceCycle .AccessDeviceCycle {
    padding: 0 3rem
}

#AccessDeviceCycle .AccessDeviceCycle .row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .title {
    color: rgba(var(--white-color-2), 1);
    padding: 0 0 10px
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .hw-input {
    width: 25.5rem;
    margin-right: 3rem
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .hw-button {
    display: inline-block;
    margin-right: 1.5rem
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .hw-select--icon-button .el-input__suffix {
    top: 0;
    right: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: normal !important;
    background: none !important;
    border-radius: 0 3px 3px 0
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .hw-select .el-select__caret.el-icon-arrow-up:before {
    width: 20px;
    height: 21px
}

#AccessDeviceCycle .AccessDeviceCycle .row .col .hw-select--border .el-select .el-input.is-focus .el-input__inner {
    border-color: transparent
}

#AccessDeviceCycle .AccessDeviceCycle .add {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
}

#AccessDeviceCycle .AccessDeviceCycle .add button>span {
    display: flex;
    align-items: center;
    color: rgba(var(--white-color-2), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .add button>span img {
    padding-right: .3rem
}

#AccessDeviceCycle .AccessDeviceCycle .add button>span:hover {
    color: rgba(var(--text-color-5), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .hw-table {
    flex: 1
}

#AccessDeviceCycle .AccessDeviceCycle .hw-table .tableHandle {
    color: rgba(var(--white-color-2), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .hw-table .tableHandle .el-icon-delete:hover,
#AccessDeviceCycle .AccessDeviceCycle .hw-table .tableHandle .el-icon-edit:hover {
    color: rgba(var(--text-color-5), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .el-drawer {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#AccessDeviceCycle .AccessDeviceCycle .el-drawer .el-drawer__header {
    color: rgba(var(--white-color-2), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .pagination {
    margin-bottom: 4rem;
    height: 1.5rem;
    margin-top: 1.9rem;
    text-align: right
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template {
    margin: 0 auto;
    padding: 0 2rem;
    color: rgba(var(--white-color-2), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .row {
    margin-bottom: 1rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .row .col {
    width: 45%
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .row .col .hw-input {
    width: unset
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .row .col .hw-select {
    margin-right: 3rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .tip {
    margin: 1.5rem 0;
    font-size: .875rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table {
    width: 100%;
    color: rgba(var(--white-color-2), 1);
    border-collapse: collapse;
    border: 1px solid rgba(var(--light-color-3), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr {
    text-align: center;
    border-bottom: 1px solid rgba(var(--light-color-3), 1);
    height: 3rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr.header {
    height: 1.5rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr th {
    text-align: left;
    width: 2rem;
    font-size: .75rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td {
    text-align: center;
    border-right: 1px solid rgba(var(--light-color-3), 1);
    padding: 0 1rem;
    font-size: .75rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.week {
    width: 6rem;
    padding: 0 .5rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.selOn {
    background: rgba(var(--text-color-5), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.selOff {
    background: rgba(var(--background-41), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.operate {
    font-size: .75rem;
    cursor: pointer
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.operate a {
    color: rgba(var(--background-89), 1);
    background: 0 0;
    text-decoration: none;
    outline: 0;
    cursor: pointer;
    transition: color .2s ease
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template table tr td.operate a:hover {
    outline: 0;
    text-decoration: none;
    color: rgba(var(--cycle-template-operate-a-hover-42), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item {
    color: rgba(var(--light-color-3), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item.is-active {
    color: rgba(var(--text-color-5), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item.is-active .off-set {
    color: rgba(var(--background-41), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item .label {
    display: flex;
    align-items: center
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item .label i {
    width: 1rem;
    height: 1rem;
    background: rgba(var(--text-color-5), 1);
    margin-right: .3rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-tabs__item .label i.off-color {
    background: rgba(var(--background-41), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .hw-button {
    float: right;
    margin: 2rem 0
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .hw-data-picker .el-date-editor {
    padding: 0
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-input__inner {
    height: 2.5rem;
    line-height: 2.5rem
}

#AccessDeviceCycle .AccessDeviceCycle .cycle-template .el-input__icon {
    line-height: 2.5rem
}

#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-error .el-input__inner,
#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-error .el-input__inner:focus,
#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-error .el-textarea__inner,
#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-error .el-textarea__inner:focus {
    box-shadow: 0 0 .5rem 0 rgba(var(--text-color-5), .7);
    border: 1px solid rgba(var(--text-color-5), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .el-form-item__error {
    padding-top: .563rem;
    color: rgba(var(--red-color-22), 1);
    font-size: .75rem
}

#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-success .el-input__inner:focus,
#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-success .el-textarea__inner:focus {
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), .7);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-success .el-input__inner,
#AccessDeviceCycle .AccessDeviceCycle .el-form-item.is-success .el-textarea__inner {
    border-color: rgba(var(--primary-border), 1) !important
}

#AccessDeviceCycle .AccessDeviceCycle .el-tabs__active-bar {
    background-color: rgba(var(--background-39), 1)
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.hover,
.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item:hover {
    color: rgba(var(--text-color-5), 1);
    background-color: rgba(var(--primary-background-2), .3) !important
}

.el-select-dropdown .el-select-dropdown__list .el-select-dropdown__item.selected {
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement {
    height: calc(100% - 6rem);
    padding: 1rem 2rem 1rem 1rem
}

#PersonManagement .personmanagement-container {
    border: 1px solid rgba(var(--primary-border), 1);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    overflow: hidden
}

#PersonManagement .personmanagement-container .side-bar {
    width: 21.5rem;
    border-right: 1px solid rgba(var(--primary-border), 1)
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header {
    border-bottom: none
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header .el-tabs__nav {
    width: 100%;
    border: none;
    display: flex
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header .el-tabs__item {
    border-left: 1px solid rgba(var(--primary-border), 1);
    font-size: 14px
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header .el-tabs__item:first-child {
    border-left: none
}

#PersonManagement .personmanagement-container .side-bar .el-tabs__item {
    display: block;
    flex: 1;
    color: rgba(var(--white-color-2), 1);
    text-align: center;
    background: rgba(var(--background-8), 1);
    border-bottom: 1px solid rgba(var(--primary-border), 1)
}

#PersonManagement .personmanagement-container .side-bar .el-tabs__item:hover {
    color: rgba(var(--color-text-4), 1)
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
    background: transparent !important;
    color: rgba(var(--text-color-5), 1);
    border: none !important
}

#PersonManagement .personmanagement-container .side-bar .el-tabs--card>.el-tabs__header .el-tabs__item.is-active .el-dropdown {
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .side-bar .el-dropdown {
    color: rgba(var(--white-color-2), 1);
    outline: none
}

#PersonManagement .personmanagement-container .side-bar .el-dropdown-link {
    outline: none
}

#PersonManagement .personmanagement-container .side-bar .el-dropdown-link:hover {
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .side-bar .search-box {
    margin: 0 1rem
}

#PersonManagement .personmanagement-container .side-bar .search-box .search-input {
    padding: 4px 0
}

#PersonManagement .personmanagement-container .side-bar .search-box .search-input .el-input__inner {
    border: none
}

#PersonManagement .personmanagement-container .side-bar .search-box .el-input__inner {
    border: 1px solid rgba(var(--primary-background-2), 1) !important;
    background: rgba(var(--background-38), 1) !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1) !important;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out !important
}

#PersonManagement .personmanagement-container .side-bar .search-box .el-input__inner:focus {
    border: .63rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

#PersonManagement .personmanagement-container .side-bar .search-box .el-input__icon {
    width: 16px;
    line-height: 44px !important;
    font-size: 16px;
    margin-right: .5rem
}

#PersonManagement .personmanagement-container .side-bar .search-box .label {
    color: rgba(var(--white-color-2), 1);
    display: block;
    font-size: 14px;
    line-height: 2
}

#PersonManagement .personmanagement-container .side-bar .opertion-icon-group {
    display: flex;
    justify-content: center;
    border-top: 1px solid rgba(var(--primary-border), 1);
    border-bottom: 1px solid rgba(var(--primary-border), 1);
    margin: 2rem 1rem 0;
    height: 3rem;
    align-items: center
}

#PersonManagement .personmanagement-container .side-bar .opertion-icon-group .icon-item {
    flex: 1;
    text-align: center;
    line-height: 3rem;
    color: rgba(var(--white-color-2), 1);
    font-size: 16px
}

#PersonManagement .personmanagement-container .side-bar .opertion-icon-group .icon-item>i {
    cursor: pointer
}

#PersonManagement .personmanagement-container .side-bar .opertion-icon-group .icon-item>i:hover {
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree {
    margin: 2rem 0 0
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .tree-wrapper {
    height: 40rem;
    overflow: hidden
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .tree-wrapper .el-tree-node__children {
    height: 88%;
    overflow: auto
}

#PersonManagement .personmanagement-container .side-bar .person-organization-tree {
    margin: 1rem 0 0;
    height: 46rem;
    overflow: auto
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree {
    background: none;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree-node__content,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree-node__content {
    height: 40px
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree-node__content:hover,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree-node__content:hover {
    background-color: rgba(var(--el-tree-node__content-background-94), 1);
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree-node__content .el-tree-node__expand-icon.el-icon-caret-right,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree-node__content .el-tree-node__expand-icon.el-icon-caret-right {
    margin-left: .5rem
}

#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
#PersonManagement .personmanagement-container .side-bar .person-group-tree .el-tree-node:focus>.el-tree-node__content,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content,
#PersonManagement .personmanagement-container .side-bar .person-organization-tree .el-tree-node:focus>.el-tree-node__content {
    background-color: rgba(var(--el-tree-node__content-background-94), 1);
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .main {
    flex: 1;
    padding: 0 2rem;
    overflow: auto;
    width: 0
}

#PersonManagement .personmanagement-container .main .main-search {
    margin-top: 2rem
}

#PersonManagement .personmanagement-container .main .main-search .el-input__inner {
    border: 1px solid rgba(var(--primary-background-2), 1) !important;
    background: rgba(var(--background-38), 1) !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1) !important;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out !important
}

#PersonManagement .personmanagement-container .main .main-search .el-input__inner:focus {
    border: .63rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

#PersonManagement .personmanagement-container .main .main-search .el-input__icon {
    width: 16px;
    line-height: 44px !important;
    font-size: 16px;
    margin-right: .5rem
}

#PersonManagement .personmanagement-container .main .main-search .label {
    color: rgba(var(--white-color-2), 1);
    display: block;
    font-size: 14px;
    line-height: 2
}

#PersonManagement .personmanagement-container .main .main-search .main-search-input {
    width: 29rem;
    padding: 2px 0;
    margin-top: -2px
}

#PersonManagement .personmanagement-container .main .main-search .main-search-input .el-input__icon {
    width: 16px;
    line-height: 42px !important;
    font-size: 16px
}

#PersonManagement .personmanagement-container .main .main-search .main-search-btn {
    text-align: right;
    margin-top: 1.8rem
}

#PersonManagement .personmanagement-container .main .main-search .main-search-btn .el-button {
    width: 6.625rem;
    border-radius: 2px
}

#PersonManagement .personmanagement-container .main .main-search .main-search-btn .main-search-query-btn {
    background: rgba(var(--primary-background-2), 1);
    border: none;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .main .main-search .main-search-btn .main-search-query-btn:hover {
    background: rgba(var(--primary-background-2), .5)
}

#PersonManagement .personmanagement-container .main .main-search .main-search-btn .main-search-reset-btn {
    background: rgba(var(--background-35), 1);
    border: 1px solid rgba(var(--primary-background-2), 1);
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .main .main-btn-group {
    margin-top: 2.8rem
}

#PersonManagement .personmanagement-container .main .main-btn-group .el-button {
    height: 30px;
    padding: 0 20px;
    line-height: 30px
}

#PersonManagement .personmanagement-container .main .main-btn-group .el-button>i {
    font-size: 17px;
    vertical-align: text-bottom
}

#PersonManagement .personmanagement-container .main .main-btn-group .el-button>span {
    font-size: 14px
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-add-btn {
    background: rgba(var(--border-color-11), 1);
    border: 1px solid rgba(var(--border-color-11), 1)
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-add-btn:hover {
    background: rgba(var(--border-color-11), .8)
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-delete-btn {
    background: rgba(var(--primary-background-2), 1);
    border: 1px solid rgba(var(--primary-background-2), 1)
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-delete-btn:hover {
    background: rgba(var(--primary-background-2), .5)
}

#PersonManagement .personmanagement-container .main .main-btn-group .el-button--primary {
    border-radius: 2px
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-operation-btn-group {
    text-align: right
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-operation-btn-group .btn-export,
#PersonManagement .personmanagement-container .main .main-btn-group .main-operation-btn-group .btn-import {
    background: rgba(var(--background-35), 1);
    border: 1px solid rgba(var(--primary-background-2), 1);
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-operation-btn-group .btn-face-upload {
    background: rgba(var(--primary-background-2), 1);
    border: 1px solid rgba(var(--primary-background-2), 1)
}

#PersonManagement .personmanagement-container .main .main-btn-group .main-operation-btn-group .btn-face-upload:hover {
    background: rgba(var(--primary-background-2), .5)
}

#PersonManagement .personmanagement-container .main .main-person-card-list {
    margin-top: 1.5rem
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-control {
    padding: .625rem 1.25rem;
    box-shadow: inset 0 1px 0 0 rgba(var(--box-shadow-4), 1), inset 0 -1px 0 0 rgba(var(--box-shadow-4), 1);
    color: rgba(var(--text-color-34), 1) !important;
    line-height: 1;
    font-size: 13px
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-control .card-check-box {
    margin-right: 1.5rem
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-control .card-check-box .el-checkbox__inner {
    background: none !important;
    border: 1px solid rgba(var(--primary-border), 1);
    border-radius: 0 !important
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-control .is-checked .el-checkbox__inner {
    background: rgba(var(--border-color-11), 1) !important;
    border-color: rgba(var(--border-color-11), 1) !important
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-control>span {
    font-size: 14px;
    margin-left: .625rem;
    color: rgba(var(--text-color-34), 1)
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list {
    margin-top: 1rem;
    min-height: 37rem
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item {
    padding: 10px 8px;
    margin-bottom: 24px;
    background: rgba(var(--background-26), .3);
    border: 1px solid rgba(var(--primary-border), 1);
    border-radius: 0
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-check-box {
    margin-top: 2px
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-check-box .el-checkbox__inner {
    background: none !important;
    border: 1px solid rgba(var(--primary-border), 1);
    border-radius: 0 !important
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .is-checked .el-checkbox__inner {
    background: rgba(var(--border-color-11), 1) !important;
    border-color: rgba(var(--border-color-11), 1) !important
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-item-btn-box {
    text-align: right
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-item-btn-box .card-item-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    color: rgba(var(--text-color-34), 1);
    cursor: pointer;
    text-align: center
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .face-box {
    width: 100%;
    height: 10rem;
    overflow: hidden;
    margin-top: .2rem;
    background: rgba(var(--background-35), 1);
    display: flex;
    justify-content: center;
    align-items: center
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-bottom {
    width: 100%;
    display: flex;
    position: relative
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-bottom .card-info {
    width: 100%;
    margin-top: .5rem;
    flex: 1
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-bottom .card-info>p {
    color: rgba(var(--text-color-34), 1);
    font-size: 12px;
    line-height: 1.5
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-bottom .card-info .info-con {
    color: rgba(var(--white-color-2), 1);
    width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.3;
    vertical-align: bottom;
    display: inline-block
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-opt {
    width: 4rem;
    position: absolute;
    right: 0
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-opt .icon-item {
    color: rgba(var(--white-color-2), 1);
    margin-top: .6rem;
    text-align: center;
    cursor: pointer
}

#PersonManagement .personmanagement-container .main .main-person-card-list .card-list .card-item .card-opt .el-tag--dark {
    border: 1px solid rgba(var(--primary-border), 1);
    border-radius: 1rem;
    background: rgba(var(--background-6), 1);
    height: 1.6rem;
    line-height: 1.4rem;
    margin-top: .5rem;
    color: rgba(var(--text-color-5), 1)
}

#PersonManagement .personmanagement-container .main .no-data {
    text-align: center;
    color: rgba(var(--text-color-12), 1)
}

#PersonManagement .personmanagement-container .main .card-pagination {
    text-align: right
}

#PersonManagement .personmanagement-container .main .card-pagination .el-pagination {
    color: rgba(var(--white-color-2), 1);
    font-weight: 400
}

#PersonManagement .personmanagement-container .main .card-pagination .el-dialog,
#PersonManagement .personmanagement-container .main .card-pagination .el-pager li {
    background: none
}

#PersonManagement .personmanagement-container .main .card-pagination .el-input__inner {
    border: 1px solid rgba(var(--primary-background-2), 1) !important;
    background: rgba(var(--background-38), 1) !important;
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1) !important;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out !important
}

#PersonManagement .personmanagement-container .main .card-pagination .el-input__inner:focus {
    border: .63rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

#PersonManagement .personmanagement-container .main .card-pagination .btn-next,
#PersonManagement .personmanagement-container .main .card-pagination .btn-prev {
    background: none;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .main .card-pagination .el-pager li.btn-quicknext,
#PersonManagement .personmanagement-container .main .card-pagination .el-pager li.btn-quickprev,
#PersonManagement .personmanagement-container .main .card-pagination .el-pagination__sizes {
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .personmanagement-container .main .card-pagination .el-pagination__total {
    color: rgba(var(--white-color-2), 1);
    margin-left: 1.5rem
}

#PersonManagement .personmanagement-container .main .card-pagination .el-pagination__jump {
    color: rgba(var(--white-color-2), 1);
    margin-left: 0
}

#PersonManagement .personmanagement-container .main .card-pagination .el-pager li.active {
    color: rgba(var(--text-color-5), 1);
    cursor: default
}

#PersonManagement .btn-one {
    background: rgba(var(--primary-background-2), 1);
    border: 1px solid rgba(var(--primary-background-2), 1)
}

#PersonManagement .btn-one:hover {
    background: rgba(var(--primary-background-2), .5)
}

#PersonManagement .btn-two {
    background: rgba(var(--background-35), 1);
    border: 1px solid rgba(var(--primary-background-2), 1);
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .btn-two:hover {
    background: rgba(var(--black-color-1), .5) !important
}

#PersonManagement .hw-dialog .el-dialog__title {
    font-size: 1.2rem
}

#PersonManagement .hw-dialog .el-dialog {
    border: 1px solid rgba(var(--border-color-8), 1)
}

#PersonManagement .hw-dialog .el-dialog__body {
    padding: 12px 36px !important;
    height: 350px
}

#PersonManagement .hw-dialog .el-dialog__close.el-icon.el-icon-close {
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .hw-dialog .el-dialog__header {
    background: rgba(var(--background-32), 1) !important;
    border-bottom: 3px solid rgba(var(--text-color-5), 1) !important
}

#PersonManagement .hw-dialog .el-dialog__footer {
    background: rgba(var(--background-8), .95)
}

#PersonManagement .hw-dialog .el-dialog__footer .el-button--default {
    background: rgba(var(--background-35), 1);
    border: 1px solid rgba(var(--primary-background-2), 1);
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1);
    height: 36px;
    line-height: 10px
}

#PersonManagement .hw-dialog .el-dialog__footer .el-button--default:hover {
    background: rgba(var(--primary-background-2), .5)
}

#PersonManagement .hw-dialog .el-dialog__footer .el-button--primary {
    background: rgba(var(--border-color-11), 1);
    border: 1px solid rgba(var(--border-color-11), 1);
    line-height: 10px;
    height: 36px
}

#PersonManagement .hw-dialog .el-dialog__footer .el-button--primary:hover {
    background: rgba(var(--border-color-11), .8)
}

#PersonManagement .hw-dialog .el-form-item {
    margin-bottom: 11px
}

#PersonManagement .hw-dialog .el-input__inner {
    border: 1px solid rgba(var(--primary-background-2), 1) !important;
    background: rgba(var(--background-38), 1) !important;
    height: 36px !important;
    line-height: 36px !important;
    border-radius: 2px;
    color: rgba(var(--white-color-2), 1) !important;
    transition: border .2s ease-in-out, background .2s ease-in-out, box-shadow .2s ease-in-out, -webkit-box-shadow .2s ease-in-out !important
}

#PersonManagement .hw-dialog .el-input__inner:focus {
    border: .63rem solid rgba(var(--primary-background-2), 1);
    box-shadow: 0 0 .5rem 0 rgba(var(--primary-background-2), 1)
}

#PersonManagement .hw-dialog .el-icon-arrow-up {
    line-height: 36px !important
}

#PersonManagement .el-drawer {
    background: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1));
    outline: none;
    overflow: auto
}

#PersonManagement .el-drawer .el-drawer__header {
    border-bottom: 3px solid rgba(var(--text-color-5), 1);
    padding: 20px 20px 10px
}

#PersonManagement .el-drawer * {
    outline: 0 auto -webkit-focus-ring-color;
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .el-drawer .el-form-item__error {
    color: rgba(var(--red-color-22), 1) !important
}

#PersonManagement .el-drawer .el-upload--picture-card {
    background-color: rgba(var(--background-6), 1);
    border: .05rem dashed rgba(var(--primary-border), 1);
    border-radius: 6px;
    box-sizing: border-box;
    width: 148px;
    height: 148px;
    cursor: pointer;
    line-height: 146px;
    vertical-align: top;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#PersonManagement .el-drawer .el-upload--picture-card:hover {
    border: .05rem dashed rgba(var(--text-color-5), 1)
}

#PersonManagement .el-drawer .add-identity-btn button,
#PersonManagement .el-drawer .add-license-btn button,
#PersonManagement .el-drawer .add-organization-btn button {
    height: 30px;
    padding: 0 20px;
    background: rgba(var(--border-color-11), 1);
    border: 1px solid rgba(var(--border-color-11), 1)
}

#PersonManagement .el-drawer .person-other-attr .el-table {
    background: hsla(0, 0%, 100%, .01);
    margin-top: 1rem
}

#PersonManagement .el-drawer .person-other-attr .el-table:before {
    height: 0
}

#PersonManagement .el-drawer .person-other-attr .el-table td,
#PersonManagement .el-drawer .person-other-attr .el-table th {
    padding: 4px 0;
    border: none;
    border-bottom: 1px solid rgba(var(--border-color-8), 1)
}

#PersonManagement .el-drawer .person-other-attr .el-table th.is-leaf {
    border: none
}

#PersonManagement .el-drawer .person-other-attr .el-table th,
#PersonManagement .el-drawer .person-other-attr .el-table tr {
    background-color: transparent
}

#PersonManagement .el-drawer .person-other-attr .el-table th>.cell {
    font-size: 14px;
    color: rgba(var(--text-color-34), 1);
    padding: 3px 35px
}

#PersonManagement .el-drawer .person-other-attr .el-table thead {
    box-shadow: inset 0 1px 0 0 rgba(var(--box-shadow-4), 1), inset 0 -1px 0 0 rgba(var(--box-shadow-4), 1);
    border-top: 1px solid rgba(var(--border-color-8), 1);
    border-bottom: 1px solid rgba(var(--border-color-8), 1)
}

#PersonManagement .el-drawer .person-other-attr .el-table .el-input,
#PersonManagement .el-drawer .person-other-attr .el-table .el-select {
    width: 13rem
}

#PersonManagement .el-drawer .person-other-attr .el-button--primary.is-disabled,
#PersonManagement .el-drawer .person-other-attr .el-button--primary.is-disabled:active,
#PersonManagement .el-drawer .person-other-attr .el-button--primary.is-disabled:focus,
#PersonManagement .el-drawer .person-other-attr .el-button--primary.is-disabled:hover {
    color: rgba(var(--white-color-2), 1);
    opacity: .4
}

#PersonManagement .el-select-dropdown {
    max-width: 2rem !important
}

#PersonManagement .el-select-dropdown.el-popper.is-multiple {
    max-width: 20rem !important
}

#PersonManagement .el-input.is-disabled .el-input__inner {
    background: rgba(var(--background-38), 1);
    border-color: rgba(var(--primary-border), 1) !important;
    color: rgba(var(--text-color-6), .5) !important
}

#PersonManagement .el-textarea .el-textarea__inner {
    background: rgba(var(--background-38), 1) !important;
    border-color: rgba(var(--primary-border), 1) !important;
    color: rgba(var(--text-color-26), 1) !important
}

#PersonManagement .el-textarea.is-disabled .el-textarea__inner {
    background: transparent !important;
    border-color: rgba(var(--primary-border), 1) !important;
    color: rgba(var(--text-color-26), 1) !important;
    cursor: not-allowed
}

#PersonManagement .avater {
    width: 148px;
    height: 148px;
    position: relative
}

#PersonManagement .avater .el-image {
    width: 100%;
    height: 100%
}

#PersonManagement .el-dropdown-menu {
    width: 10.7rem;
    height: 15rem;
    overflow: auto;
    left: 12.8rem !important;
    border: 1px solid rgba(var(--primary-border), 1) !important;
    top: calc(1rem + 28px) !important;
    background: rgba(var(--background-8), 1) !important;
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 0 !important
}

#PersonManagement .el-dropdown-menu .el-dropdown-menu__item {
    color: rgba(var(--white-color-2), 1)
}

#PersonManagement .el-dropdown-menu .el-dropdown-menu__item:hover {
    background: rgba(var(--background-91), 1) !important;
    color: rgba(var(--white-color-2), 1) !important
}

#meeting {
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#meeting .meeting_main .meeting_top1 input {
    color: rgba(var(--white-color-2), 1)
}

#meeting .meeting_main .meeting_top1 input::placeholder {
    color: rgba(var(--text-color-6), 1)
}

#meeting .meeting_main .meeting_top1 .meeting_top1_keyword div input,
#meeting .meeting_main .meeting_top1 .meeting_top1_region>span {
    color: rgba(var(--white-color-2), 1)
}

#meeting .meeting_main .meeting_top1 .meeting_top1_keyword div input::placeholder {
    color: rgba(var(--text-color-6), 1)
}

#meeting .meeting_main .meeting_top2>span {
    color: rgba(var(--white-color-2), 1)
}

#meeting .meeting_main .meeting_top2>div i:before,
#meeting .meeting_main .meeting_top2>div span {
    color: rgba(var(--text-color-6), 1)
}

#meeting .meeting_main .meeting_top2>div input {
    color: rgba(var(--white-color-2), 1)
}

#meeting .meeting_main .meeting_top2>div input::placeholder {
    color: rgba(var(--text-color-6), 1)
}

#meeting .meeting_main .meeting_list .list_top>span,
#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingInformation_top .meetingInformation_btn span,
#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingInformation_top .meetingInformation_text>span,
#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingInformation_top .meetingInformation_text ul li,
#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingScroll,
#meeting .meeting_main .meeting_top3 .meeting_top3Fnc>span,
#meeting .meeting_main .meeting_top3 .meeting_top3Num>span {
    color: rgba(var(--white-color-2), 1)
}

#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingInformation_bottom .ReservedTimer {
    background: rgba(var(--text-color-5), 1)
}

#meeting .Administration .Administration_search .Administration_clear,
#meeting .Administration .Administration_top,
#meeting .meeting_main .meeting_list .meetingList .meetingList_ul>li .meetingInformation .meetingInformation_bottom div {
    color: rgba(var(--white-color-2), 1)
}

#meeting .Administration .Administration_search .Administration_clear span:hover {
    color: rgba(var(--text-color-5), 1)
}

#meeting .Administration .Administration_table td {
    color: rgba(var(--white-color-2), 1)
}

#meeting .Administration .Administration_table .operation i:hover {
    color: rgba(var(--text-color-5), 1)
}

#meeting .dividing_line {
    background-color: rgba(var(--text-color-5), 1)
}

.meeting_region {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.meetingTooltip {
    background: rgba(var(--background-38), 1) !important;
    color: rgba(var(--white-color-2), 1)
}

.meeting_getTime {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .3);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.meeting_getTime .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.meeting_getTime .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.meeting_getTime td.available,
.meeting_getTime td.available a,
.meeting_getTime th {
    color: rgba(var(--white-color-2), 1)
}

.meeting_getTime td.prev-month {
    color: rgba(var(--text-color-6), 1)
}

#meetingOne .meetingOne_main .meetingOne_mainTop .meetingOne_mainL,
#meetingOne .meetingOne_main .meetingOne_mainTop .meetingOne_mainL button,
#meetingOne .meetingOne_main .meetingOne_mainTop .meetingOne_mainL ul {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .meetingOne_mainTop .meetingOne_mainL button:first-of-type {
    background: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-background-2), .4)
}

#meetingOne .meetingOne_main .meetingOne_color .meetingOne_colorBottom>div span,
#meetingOne .meetingOne_main .meetingOne_color .meetingOne_colorTop {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .meetingOne_color .meetingOne_colorBottom>div:nth-of-type(2) div {
    background: rgba(var(--text-color-5), 1)
}

#meetingOne .meetingOne_main .meetingOne_color .meetingOne_colorBottom>div:nth-of-type(3) div {
    background: rgba(var(--primary-background-2), 1)
}

#meetingOne .meetingOne_main .meetingOne_color .meetingOne_colorBottom>div:nth-of-type(4) div {
    background: rgba(var(--background-38), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l span {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l span:before {
    color: rgba(var(--text-color-5), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l ul {
    border-bottom: .063rem solid rgba(var(--primary-background-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l ul li {
    color: rgba(var(--color-text-4), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l ul li:hover {
    background: rgba(var(--primary-background-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_l ul .Dateactive {
    background: rgba(var(--primary-background-2), 1);
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_r {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_r .reserve_datetime span {
    border-bottom: .063rem solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--text-color-6), 1)
}

#meetingOne .meetingOne_main .reserve_timeTop .reserve_timeTop_r .reserve_datetime:nth-of-type(4) span {
    color: rgba(var(--text-color-5), 1)
}

#meetingOne .meetingOne_main .reserve_timeBotom .reserve_timeBotom_l span,
#meetingOne .meetingOne_main .reserve_timeBotom .reserve_timeBotom_l ul li {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeBotom .reserve_timeBotom_r .reserveArrow {
    background: rgba(var(--primary-background-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeBotom .reserve_timeBotom_r .reserve_hour li {
    color: rgba(var(--white-color-2), 1)
}

#meetingOne .meetingOne_main .reserve_timeBotom .reserve_time_lattice li div {
    background: rgba(var(--primary-background-2), 1)
}

.reserveDate {
    background: rgba(var(--background-38), 1)
}

#meetingTwo {
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#meetingTwo .is-active {
    color: rgba(var(--text-color-5), 1)
}

#meetingTwo .meetingTwo_list .list_top .list_btn button {
    color: rgba(var(--white-color-2), 1)
}

#meetingTwo .meetingTwo_list .list_top .list_btn button:first-of-type {
    background: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-background-2), .4)
}

#meetingTwo .meetingTwo_list .list_bottom .listFnc div,
#meetingTwo .meetingTwo_list .list_top>span {
    color: rgba(var(--white-color-2), 1)
}

#meetingTwo .meetingTwo_list .list_bottom .listFnc div:hover {
    color: rgba(var(--text-color-5), 1)
}

#meetingTwo .meetingTwo_list .Personnel {
    color: rgba(var(--white-color-2), 1);
    background: rgba(var(--background-38), 1)
}

#meetingTwo .meetingTwo_list .PersonnelClose:hover {
    color: rgba(var(--text-color-5), 1)
}

#meetingTwo .meetingTwo_table .PersonneTable td,
#meetingTwo .meetingTwo_table .tableCondition,
#meetingTwo .meetingTwo_table .tableCondition>div,
#meetingTwo .two_dialog .el-dialog__body .el-form-item input {
    color: rgba(var(--white-color-2), 1)
}

.positionSort {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .3);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.positionSort .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.positionSort .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.PersonnePage {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .3);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.PersonnePage .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.PersonnePage .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

#meetingSeat .is-active {
    color: rgba(var(--text-color-5), 1)
}

#meetingSeat .meetingSeat_list .list_top .list_btn button {
    color: rgba(var(--white-color-2), 1)
}

#meetingSeat .meetingSeat_list .list_top .list_btn button:first-of-type {
    background: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-background-2), .4)
}

#meetingSeat .meetingSeat_list .list_top>span {
    color: rgba(var(--white-color-2), 1)
}

#meetingSeat .main_l {
    border-right: 1px solid rgba(var(--primary-background-2), 1)
}

#meetingSeat .main_l .user {
    color: rgba(var(--white-color-2), 1)
}

#meetingSeat .main_l .user div {
    background: rgba(var(--text-color-7), 1)
}

#meetingSeat .divvv {
    border: 1px solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--white-color-2), 1)
}

#meetingSeat .main_r .screen1 .seatUser,
#meetingSeat .main_r .screen2 .screen22,
#meetingSeat .main_r .screen3 .seatUser,
#meetingSeat .seats .seatName,
#reserveThree .reserveThree_main .reserveThree_mainTop .reserveThree_mainBtn button {
    color: rgba(var(--white-color-2), 1)
}

#reserveThree .reserveThree_main .reserveThree_mainTop .reserveThree_mainBtn button:first-of-type {
    background: rgba(var(--background-8), .4);
    border: .125rem solid rgba(var(--primary-background-2), .4)
}

#reserveThree .reserveThree_main .reserveThree_mainTop>span {
    color: rgba(var(--white-color-2), 1)
}

#conferenceManage {
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

#conferenceManage .is-active {
    color: rgba(var(--text-color-5), 1)
}

.dialog-container-bottom-right .block input,
.my-table td {
    color: rgba(var(--white-color-2), 1)
}

.dialog-container-bottom-right .block input::placeholder {
    color: rgba(var(--text-color-6), 1)
}

.meeting_region .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.meeting_region .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.meeting_region>div:first-of-type>div,
.meetingSort {
    border: .063rem solid rgba(var(--primary-border), .3);
    background: rgba(var(--background-38), 1)
}

.meetingSort {
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.meetingSort .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.meetingSort .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.meetingPage {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-border), .3);
    box-shadow: 0 1rem 3rem 0 rgba(var(--background-8), .7)
}

.meetingPage .popper__arrow {
    border-top-color: rgba(var(--primary-border), .3) !important;
    border-bottom-color: rgba(var(--primary-border), .3) !important
}

.meetingPage .popper__arrow:after {
    border-top-color: rgba(var(--background-38), 1) !important;
    border-bottom-color: rgba(var(--background-38), 1) !important
}

.AdministratorsDialog .AdministratorsI span:hover {
    color: rgba(var(--text-color-5), 1)
}

.deviceManage {
    background-image: linear-gradient(0deg, rgba(var(--background-34), 1), rgba(var(--background-35), 1))
}

.commandList .commandList_top input,
.deviceManage .handel-box .handel-box-left>span,
.deviceManage .handel-box>button,
.deviceManage .handel-box>i {
    color: rgba(var(--white-color-2), 1)
}

.commandList .commandList_top i:nth-child(2),
.commandList .commandList_top i:nth-child(3),
.commandList ul li:hover {
    color: rgba(var(--text-color-5), 1)
}

.header_search button,
.header_search input {
    color: rgba(var(--white-color-2), 1)
}

.ubains-message {
    background: rgba(var(--background-38), 1);
    border: .063rem solid rgba(var(--primary-background-2), 1)
}

.padding .meeting_input {
    background: rgba(var(--white-color-2), 1)
}

.padding .meeting_input .meeting_secrecy .secrecy label input:checked+span:before {
    color: rgba(var(--white-color-2), 1)
}

.padding .MeetingTime,
.padding .ModeOrReminder,
.padding .optionTime .time_box .precise_time li div,
.padding .participant {
    background: rgba(var(--white-color-2), 1)
}

#welinkAddMeeting .page-header {
    color: rgba(var(--white-color-2), 1)
}

.company .company_list,
.company .company_top,
.company .company_top .company_search,
.company .top_return,
.external .top_return,
.external_input,
.meeting_Btn {
    background: rgba(var(--white-color-2), 1)
}

.external_input .external_Btn .van-button--large .van-button--info {
    color: rgba(var(--white-color-2), 1)
}

#welinkMeetingDetails .conference .top_search,
#welinkMeetingDetails .conference .top_search .diver,
#welinkMeetingDetails .conference .top_search .seach,
#welinkMeetingDetails .footer {
    background: rgba(var(--white-color-2), 1)
}

#welinkMeetingDetails .conference .meetlist ul li .adress {
    color: rgba(var(--white-color-2), 1)
}

#welinkMeetingDetails .meeting .book_tab .sc_contentList,
#welinkMeetingDetails .meeting .his_date {
    background: rgba(var(--white-color-2), 1)
}

.details .button button:nth-child(2) {
    color: rgba(var(--white-color-2), 1)
}

#welinkMeetingHome .conference .top_search,
#welinkMeetingHome .conference .top_search .diver,
#welinkMeetingHome .conference .top_search .seach,
#welinkMeetingHome .footer {
    background: rgba(var(--white-color-2), 1)
}

#welinkMeetingHome .conference .meetlist ul li .adress {
    color: rgba(var(--white-color-2), 1)
}

#welinkMeetingHome .meeting .book_tab .sc_contentList,
#welinkMeetingHome .meeting .his_date,
.details .button,
.details .daymeeting,
.details .meetingmsg li,
.details .meetingroom {
    background: rgba(var(--white-color-2), 1)
}

#facilityIncidentListWrapper .leftBar,
.dark .incidentList {
    color: rgba(var(--white-color-2), 1)
}

.dark .incidentList .incidentList-content .check-input .check-input-content .input-bord input:focus {
    border: 1px solid rgba(var(--text-color-5), 1)
}

.dark .incidentList .incidentList-content .page-nav-content {
    background-color: rgba(var(--background-8), 1)
}

.dark .eventInfoBase .eventInfoBase-content .textarea,
.dark .eventInfoBase .eventInfoBase-content td:nth-of-type(2),
.dark .eventInfoBase .eventInfoBase-header,
.dark .incidentList .event-detail-content .back-btn-content,
.dark .incidentList .event-detail-content .bottom-nav .nav-list {
    color: rgba(var(--white-color-2), 1)
}

.dark .eventInfoBase .btn-content .button,
.dark .eventInfoBase .btn-content .button-disable {
    background-color: hsla(0, 0%, 100%, .9)
}

.dark .eventInfoBase .btn-content .button:hover {
    background-color: rgba(var(--white-color-2), 1)
}

.dark #eventInfoTask .eventInfoTask .header,
.dark .eventInfoMedia .header,
.dark .eventInfoMedia .uploadStatusBox .uploadRecord .recordSpeed,
.dark .eventInfoMedia .uploadStatusBox .uploadStatusTitle {
    color: rgba(var(--white-color-2), 1)
}

.dark #eventInfoTask .eventInfoTask .task-info-table {
    border: 1px solid rgba(var(--primary-background-2), 1);
    color: rgba(var(--white-color-2), 1)
}

.dark #eventInfoTask .eventInfoTask .task-info-table tr {
    border-bottom: 1px solid rgba(var(--white-color-2), 1)
}

.dark #eventInfoTask .eventInfoTask .task-info-table tr:not(:first-child):hover {
    background-color: rgba(var(--background-39), 1)
}

.dark #eventInfoTask .eventInfoTask .task-info-table td {
    color: rgba(var(--white-color-2), 1);
    border-bottom: 1px solid rgba(var(--primary-background-2), 1)
}

.dark #eventInfoRelation .eventInfoRelation .header,
.dark #eventInfoStatus .eventInfoStatus .header {
    color: rgba(var(--white-color-2), 1)
}

.dark #eventInfoStatus .eventInfoStatus .eventInfoStatus-content {
    background-color: rgba(var(--background-8), .3);
    border: 1px solid rgba(var(--primary-background-2), 1)
}

.dark #eventInfoStatus .eventInfoStatus .eventInfoStatus-content .title {
    color: rgba(var(--text-color-5), 1)
}

.dark #eventDropdownMultiple .eventDropdownMultiple .event-info-dropdown-items {
    color: rgba(var(--white-color-2), 1)
}

.dark #newTask .newTask .wrap {
    background-color: rgba(var(--background-8), 1);
    color: rgba(var(--white-color-2), 1)
}

.dark #newTask .newTask .buttonBorColoeColse,
.dark #newTask .newTask .tabType-f,
.dark #newTask .newTask .taskSeach-f input[type=text],
.dark #newTask .newTask .taskSelecttwo-f,
.dark #newTask .newTask .wrapper .newTask-title {
    color: rgba(var(--white-color-2), 1)
}

.dark #newTask .newTask .buttonBorColor,
.dark #newTask .newTask .buttonBorColor1 {
    color: rgba(var(--white-color-2), 1);
    background-color: rgba(var(--text-color-5), 1);
    border: 1px solid rgba(var(--text-color-5), 1)
}

.dark #newTask .newTask .tabTypefenye span,
.dark #newTask .newTask .taskSelecttwo-s input,
.dark #newTask .newTask .taskSelecttwo-s textarea {
    color: rgba(var(--white-color-2), 1)
}

.dark #newTask .newTask .tabTypefenye .tabTypefenye-f .tabTypefenye-f-f {
    background: rgba(var(--white-color-2), 1)
}

.dark #accessControl,
.dark #accessControl .wrapper-doorBanMonitor .buttonBorColoeColse,
.dark #accessControl .wrapper-doorBanMonitor .buttonBorColor,
.dark #accessControl .wrapper-doorBanMonitor .popup-dialog-box-header,
.dark #incidentControlLive .incidentControlLive .incidentControlLive_title,
.dark #incidentControlLive .incidentControlLive .wrapper-eventClothControlLive,
.dark #incidentControlLive .incidentControlLive .wrapper-eventClothControlLive .alarm .row .content,
.dark #incidentControlLive .incidentControlLive .wrapper-eventClothControlLive .alarm .row .title,
.dark #incidentControlLive .incidentControlLive .wrapper-eventClothControlLive .clothImg .row,
.dark #showPictureViewer .imgView .imgSwiper .promptImg-box .img-box .promptImg,
.dark #showPictureViewer .popup-dialog-box .popup-dialog-box-header,
.dark #showVideoViewer .popup-dialog-box .popup-dialog-box-header,
.dark #showVideoViewer .videoView .large-video .realvideo .controlMoudle .sliderBox .videoDuration,
.dark #showVideoViewer .videoView .videoSwiper .promptvideo-box .video-box .promptvideo,
.dark .incident-status-default .incident-status-content .incident-status-step .incident-status-step-right .title,
.dark .incident-status-default .incident-status-title,
.dark .incident-status-default .incident-status-title .incident-status-title-close,
.dark .incident-status-default .incident-status-title .incident-status-title-name,
.dark .item_content .item .linked,
.dark .relation-cameras .relation-cameras-title,
.dark .taskList,
.dark .taskList .taskList-title,
.eventInfo .event-item-container .event-item-container-center .title,
.eventInfo .event-item-container .event-item-container-right .event-item-content .important-icon,
.eventInfo .event-item-container .event-item-container-right .event-item-content .status-item,
.finish .finishWindo {
    color: rgba(var(--white-color-2), 1)
}

.select-content_sub_sub .eventDropdownMultiple .event-info-dropdown-title:focus {
    border: 1px solid rgba(var(--text-color-5), 1)
}

.closeli_video .cameraControlCircle .ccTopContain .ccTop .playBtn .svg-inline--fa,
.closeli_video .closeit-video-player .head,
.select-content_sub_sub .eventDropdownMultiple .event-info-dropdown-item:hover,
.select-content_sub_sub .eventDropdownMultiple .event-info-dropdown-items {
    color: rgba(var(--white-color-2), 1)
}

.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st8.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st8:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st9.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st9:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st10.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st10:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st11.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st11:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st12.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st12:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st13.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st13:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st14.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st14:hover .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st15.active .st16,
.closeli_video .cameraControlCircle .ccTopContain .ccTop .group_st15:hover .st16 {
    fill: rgba(var(--white-color-2), 1)
}

.closeli_video .cameraControlCircle .ccBottom .ccBottom_contain div.activeControlBtn .svg-inline--fa,
.closeli_video .cameraControlCircle .ccBottom .ccBottom_contain div.activeControlBtn:before,
.closeli_video .cameraControlCircle .ccBottom .ccBottom_contain div:hover .svg-inline--fa,
.closeli_video .cameraControlCircle .ccBottom .ccBottom_contain div:hover:before {
    color: rgba(var(--white-color-2), 1)
}

.map-popup-btn {
    background-color: rgba(var(--white-color-2), 1)
}

.alarm-events__item {
    background-color: rgba(var(--background-8), .3);
    -webkit-box-shadow: 0 0 1.5rem 0 rgba(var(--primary-background-2), .1);
    box-shadow: 0 0 1.5rem 0 rgba(var(--primary-background-2), .1);
    border: 1px solid rgba(var(--primary-background-2), 1)
}

.alarm-events__item:hover {
    background-color: rgba(var(--background-8), 1)
}

.event-summary__level,
.event-summary__status {
    color: rgba(var(--white-color-2), 1)
}

.security-events__item {
    background-color: rgba(var(--background-8), .3);
    border: 1px solid rgba(var(--primary-background-2), 1);
    -webkit-box-shadow: 0 0 1.5rem 0 rgba(var(--primary-background-2), .1);
    box-shadow: 0 0 1.5rem 0 rgba(var(--primary-background-2), .1)
}

.security-events__item:hover {
    background-color: rgba(var(--background-8), 1);
    border: .063 solid rgba(var(--primary-background-2), .2)
}

.evnetInfoBaseDeviceName>span:nth-child(2) {
    text-decoration: underline rgba(var(--green-color-24), 1);
    color: rgba(var(--green-color-24), 1)
}

.event-info .textarea textarea {
    color: rgba(var(--white-color-2), 1);
    border-color: rgba(var(--primary-background-2), 1)
}

.panel__number {
    background-color: rgba(var(--background-8), 1);
    color: rgba(var(--text-color-5), 1)
}

#facilityAlarmAnalysis {
    background-color: rgba(var(--background-8), 1);
    box-shadow: 0 0 20px 6px rgba(var(--background-8), 1)
}

#facilityAlarmAnalysis .alarm-count-bar {
    color: rgba(var(--white-color-2), 1)
}

#smartcampus_AIDeviceManage_widget .ai-device {
    background-image: linear-gradient(180deg, rgba(var(--ai-device-background-19), 1) 1%, rgba(var(--ai-device-background-9), 1) 9%, rgba(var(--background-34), 1))
}

#smartcampus_AIDeviceManage_widget .ai-device .leftBar {
    background-color: rgba(var(--primary-background-2), 1);
    color: rgba(var(--white-color-2), 1)
}

#smartcampus_AIDeviceManage_widget .hw-pagination {
    background: rgba(var(--hw-pagination-background-51), 1)
}

.ai-device .task-wrap .task-item {
    border: 1px solid rgba(var(--primary-border), 1)
}

.ai-device .task-wrap .mark-item .task-item-list.isDevSelect,
.ai-device .task-wrap .mark-item .task-item-list.isTaskSelect {
    background: rgba(var(--primary-background-2), 1)
}

.ai-device .task-info .el-radio__label {
    color: rgba(var(--white-color-2), 1)
}