#zx-menu {
  padding-top: 14px;
}
#zx-menu .el-menu-item {
  color: #777F8F;
  width: 144px;
  margin: 0 auto;
}
#zx-menu .el-menu-item.is-active {
  color: #fff;
  background-color: #1890ff;
  width: 144px;
  margin: 0 auto;
  border-right: 0;
  border-radius: 4px;
}
.zx-body {
  padding: 20px;
}
#zx-menu .el-menu .el-submenu .el-submenu__title {
  font-weight: 700;
}
#zx-menu .el-menu .el-submenu.is-active>.el-submenu__title {
  color: #000;
  font-weight: 600;
}
#app .ele-admin-header .ele-admin-header-nav>.el-menu-item,
.ele-admin-header .ele-admin-header-nav>.el-submenu>.el-submenu__title {
  padding: 0 12px;
  height: 50px;
  line-height: 50px;
  margin: 0 8px;
}
#app .ele-admin-header .ele-admin-header-nav>.el-menu-item,
.ele-admin-header .ele-admin-header-nav>.el-submenu>.el-submenu__title:first-child {
  margin-left: 0;
}
#zx-menu .el-menu .el-submenu .el-submenu__title {
  padding-left: 61px !important;
}
#zx-menu .el-menu-item {
  padding-left: 20px !important;
}
#zx-menu .el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item:after {
  background: none
}
.ele-admin-main .ele-admin-sidebar {}
.ele-admin-layout .ele-admin-header .ele-admin-logo {
  padding-left: 22px !important;
}
.ele-admin-layout:not(.ele-admin-collapse) .ele-admin-shade {}
@media screen and (max-width: 768px) {
.ele-admin-main .ele-admin-sidebar {}
.ele-admin-layout .ele-admin-header .ele-admin-logo {
    padding-left: 0px !important;
}
}

/* 覆盖主题 */
.ele-admin-sidebar {
  background-color: #f0f2f5 !important;
  box-shadow: none !important;
}
.ele-admin-header {
  background: #f0f2f5 !important;
  box-shadow: none !important;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item:after {
  display: none;
}
.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}
.ele-admin-main .el-scrollbar__thumb {
  display: none;
}
.el-pagination {
  margin: 20px 0 0 0;
}

/* 
 表格样式重置 
 表格没有竖线分割
 顶部工具栏去掉背景色 去掉左右padding
*/
.el-table--border {
  border-right: 1px solid var(--border-color-lighter) !important;
}
.el-table--border th,
.el-table--border td {
  border-right: none !important;
}
.ele-table-tool-default {
  background: none !important;
  border: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 图片 */
.imgSrclist {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  overflow: hidden;
}
.imgSrclist .filepath {
  width: 100%;
  height: 100%;
}
.add_img {
  display: inline-block;
}
.imgSrclist .del_close {
  position: absolute;
  right: 0;
  top: 0;
  color: #FF2E2E;
  font-size: 22px;
  cursor: pointer;
}
.imgSrc {
  width: 100px;
  height: 100px;
  cursor: pointer;
  border: 1px solid #e1e1e1;
  position: relative;
  z-index: 10;
  border-radius: 2px;
}
.add_imgSrc {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAAXNSR0IArs4c6QAAAJ5JREFUWAnt2DEKwDAMA8Ck9Cl9e/Ko9i8uXrUIBQ8eVMhgUEW4Zggdo+jZe7+5iurGXVUUEU9VV/ZclWWVXd6Yqmkxi6kCat5nzGKqgJr3GbOYKqDm256xmbfO6kueqoP5OefXVgw3ezyvtSLXcQG82FbMG4MvRUeLUSIIWAxA6GgxSgQBiwEIHS1GiSBgMQChY1uxsn+weR2mDELgB3FmFp5YffVrAAAAAElFTkSuQmCC);
  background-size: 100%;
}
.wd100 {
  width: 100%;
}

/* 图片预览 */
body .viewer-container {
  z-index: 5000;
}

/* 文本溢出隐藏 */
.text-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.text-2 {
  /* 多行文本溢出省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.text-3 {
  /* 多行文本溢出省略 */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pc-sel-area-cascader .el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  color: #07c160;
}
.pc-sel-area-cascader .el-cascader-node.is-active {
  color: #07c160;
}
.dropdownMenu .el-popper.dropdownPop {
  background-color: red;
  border: 1px solid #fff;
}
.dropdownMenu .el-dropdown-menu__item {
  color: #999 !important;
}
.dropdownMenu .popper__arrow::after {
  border-bottom-color: #fff !important;
  border-top-color: #fff !important;
}
.dropdownMenu .el-dropdown-menu__item:not(.is-disabled):hover {
  background: #07c160 !important;
  color: #fff !important;
}

/* 表单提示 */
.el-form-item-tips {
  font-size: 14px;
  color: #888;
  line-height: 1.5;
  padding-top: 10px;
}

/* 修复顶部导航栏出现滚动条 */
.ele-admin-header .ele-admin-header-nav>.el-menu-item {
  box-sizing: content-box;
}
.table_img {
  height: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}
.flex,
.flex-row {
    display: flex;
}
.flex-col,
.flex-column {
    display: flex;
    flex-direction: column;
}
.flex-c,
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-w,
.flex-warp {
    flex-wrap: wrap;
}
.flex-x-a,
.flex-x-around {
    justify-content: space-around;
}
.flex-x-b,
.flex-x-between {
    justify-content: space-between;
}
.flex-x-c,
.flex-x-center {
    justify-content: center;
}
.flex-x-end {
    justify-content: flex-end;
}
.flex-y-baseline {
    align-items: baseline;
}
.flex-y-c,
.flex-y-center {
    align-items: center;
}
.flex-y-start {
    align-items: flex-start;
}
.flex-y-end {
    align-items: flex-end;
}
.flex-none {
    flex: none
}
.flex-auto {
    flex: auto;
}
.flex-1 {
    flex: 1;
}
.flex-0 {
    flex: 0;
}
.tr {
    text-align: right;
}
.cusClass .el-loading-spinner i {
    color: #fff;
    font-size: 30px;
}
.cusClass .el-loading-spinner .el-loading-text {
    color: #fff;
}
@font-face {
  font-family: "iconfont"; 
  src: url(data:font/woff2;base64,d09GMgABAAAAAA/kAAsAAAAAH3gAAA+WAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACHSAqoLKBHATYCJAOBKAtWAAQgBYRnB4QvG3oaM5KTVhxk/3UCp0PAvGx6pxU2acPYXJFeAjAy8Yo2rPHdeQFxDAfFb9UwasEQgLNajb//rndoKl9hKCVUNfx976WXUvAgNFlJPELhUQ5hvpJTGPcP+FP/guoFLBSseYkbsHBcMP1JORAZmP0tndOJyWAVkzKIBOTt77YNeAibBUEg3XUluyiRLIYA4yTQBn/zMyGnCTwN5dSkhWd+7lvyGzYHUtm89TMRShsggGDu4rL9mqzhKgxr2umnz9+lbY5eciu/LE6hFELisBiFVXPeZ8dHeBx/1gQKnCJFuq+zQBZQLQM4mNz/31xpN1t2gJZS/GVhKyvFzGRpJpuF43lT2BzneMopHmCKoPpOFdElx7kyu6usq2ThKqSokL46dStefqzBSrAmeqxND1aNtcA+G/Ustp97FwzkXT1y9XGYkDscuzjB7UTDe2PrtM3Ct9lCzDiTTSTsPSO7JMGdznvw7fx6+9zrBScGt+d6WtviyMXfHYwM//gqrh707EAEHhwVy7U7XvwT/6RHR8+HvX7wA2VZTnopkqq42dudRKJAHhnXv3FTvit15e2/5QEFG1s7XlFJWUVVTV1DU0tbR1dP38DQyNjE1MzcwtLKWhAlGVk5ecbBMtiwCLCfV+0gEYACFAA2UAjYQpGGjSsAPBQDilACKEEpoAxlgApUAlShMqAGVQB1qApoQDVAE6oDWlAD0IaagA7UAnShNqAHdQB9KAcMoC5gCPUAI6gPGEMDwAQaAqbQCDCDxoA5NAEsoClgCc0YlMbnwID4AgABWgIitAIkaA3IQBtAFtoCclAByOPPcoxeh2ArHIA9dPkG+ARprEEmfD3Aips9MF5Q4cLxdxE5/TGCQ2J14+RcTyYWgVVRdvvHBalkpkrTqK6r3W7eysB+wweMh/2GVlFDNXiVRrK9ioYHjaiglRpUNW1opV5VVU5JJTb0AeMrgAP0ijvC51TV7tNUozvujweUlWlnaqK3sSru9quL8/71iXtEs+/0rY0xU4bqvECJ1jh6rbsbCsMUQcBLJbtYZL6/zH53jV99K15fZlfeHOEQhB3m2oYlecj0hMP0dmEGx1hulcbakeJYFvazTFtmPJQJYAz8W71EJqVH3GgyHeqpKeoRYex1Tu9JAAbQ/szbaXe402nZ6qn1Us9ktwBR8A4RYggRR3uXVitVoJoIFrNezsAmDwsHML3e1IFil9hG3UtqeLAujt4hwphz6Qq+K9V5SZoN+yMMqgSsRVKRBwt1yEgJIT9XE/caGID5UcG8NMbCg4hLQuzR96zC+G4M7MOOZ0DPOz2SQwGjDsbXg2AQ4v2NHdIgaXP1Tj0GlD/If6UjgXl3nBcvZPTc2A/k1ebCeJnKRWl2jt8qfmNB0Eldn7pUAp1/Td0pgk68ps77kOb4u0WWka0NlZwXNGx6ewYxDZQtHuT0u2sK2a++xW2a/ebBlRDr8v3XWB14fJx67dG7Wu4yx1PpcRkh7yCWTmGR54WGnJpjWRPYjsYJFwDMFQyjvyV3TKLHMcX9f668efXsv3H59uujvLghM4RlWTCdic84YipxXrAVvRfrEu8fsycf7E/P+NOPZsZQIYMfwJAnMnYqBnZA/uwTIXgynXgsmqxl5j4ArE2Rjkfy7s7alB/3MAhKi59tpsq8PeG8T0vaHYmUadhJ1ovoaH9sVy+X0qiXcby/3E7l/uxTE72Py8TDOWL9XcgQXGLfxa0PiiDPg0D4fmcHkGbSZvo4gKxUCUK+Q+StOxTsHAAsG/7QDySWDZIp8PyoQ8Dzs2TGZXQCSd25wi7f3pMrrldsK3EPFgTmV9TTIk2z0pAHPlPjy3VePJHR78x8NV+mYlH6+oxKiBfRgCo+sy9EO0BguEp83i97qhHRhqW7xOzFineaiOOullWeweLjU0r11ipZoMGspEawiPbj1wkn6upvVr5aLxPxNL294uY87LVD/ii3v9wDAEjq3qX+iIe6cIejK7ELd0ZHxrTjrMmfXU+6it73pB/C/Jy0g3NXnA6JD0K5XmQBYLk6dFaA0ETtdmvEcnd12DcJRy3bAPJr397t0xJCPQ5NA7eNdGyl5B4238M0aQfUgNk6Ip4A8dHt8kbuDxoGi+UtPdJ8cNqSnyE1e9Y7YRzJvBibG9IQvT7KHJ/6vpkV1Lzw/uS4eD8ojR0FXXr8sQ+K/oIOh2LPAmSHuT1SgPyv/E1xfbA1XWyHvsYCOJI6x0Q9bAPO8rixGM8RlhiFa+VidAGxR5Plj3FEvdYUTJYZX5dOcJKibdLvOjCxljoibY1n3ArX5UnDOHfaGxjMHkxGQ5/o5XulTA6Jx7t74IV2C+XtsjOZu/abHV4nL5TJimqIlKx9DsX9ROKWeVuIqcQjqUeI0GEUBjAf35u0/XTHx4/vvXPvP0Zo5+kOuEl61+trdNpqff3dyGhrarQeu4uiaq2u5jpVV12tc+2dV1uUXCiVFiYX7QUSGuTOe/dbO7U+aXFTt+wiXgDuh5mVGDQTac8CcLdG+3RxvOoKSAcjv486GfUz8OECLXg49DGspfTWh63koBn14/tibhnIouZAMo9aBe80uAPapVddLyP5fESddzq4VRNCCW8R6jOLSGSR2DZK7EIzcAdPOPKWEDawXKEoU1WeVTrwubWktNQOhAndCW8JlN0d0oLq5IJOpyiEv0joAIhP7/j80ABax5/Z8lrjZD/hHbIoyT/r4MnyPPcpzCQ1tN2ApRETEB5yImaMrcDWwoQsc4r6f2oDaaqWTnAiYysWVxTod1yNwODg98Spy9/FXcN3ClnSvRP+GuG/QcjUX8x8kTG2OuFrdUeBvwVHwrXs6ShkfB1QHSMymgXzAZGXYo3SpJd7Weagv8PHx7qN0zzXHzSz9t5KMkrh35iudYLWUp3JpCvNENQ1MZbRyK5bqa61TtAU6i6RktUJvpleX6Lv9+/C78d4/GToUB+wmtkZrezrrNYMtu85jnWd/cgLVD7unrse7nXO9Lt7uD6ZXSLJl17nes6tUiK6IG8j3yKWiLj9GjRwAW2J6ynFxDJRlreD5SC381CMbCPFU2F4gPiuEl8bcT5ivRj4XShT++PIWgb8GyE2i0RmB5E+W4VFJDRXCC0WoehV4ol1Kxx9wKUeAic3Yz+1/jMlmUR8yUkAtyJvF0jLwfsH+YcObbQsVoBtTR/J7RuWG9Y3d/WFOVatU61xddc4nZruLo3a2V3tcqmBB/YxiLc3M8KL4RP9MzL9OLrJ8V8ju6Ip4J07RDNQQsDHquL+RAcYQwx26q/sr02d+6wfWiXugu/P6cPOUZ65Gl57etr11bGVeBen9Mg7Url2zdB849ba/RD4SfqYYNiG/PZee38j7ZbwUQ1MW099081Ntbrpu1kG1u50PBXV3e3NSnV+2YiphoYEIx11KdVaBRGR0sKeU1ZvpBJbS8KnZTwSDwWeDw9Q6OehmCjDKUZWhXGCg/xJem3QTdtH+BfisrvZb6Vvsw9EnKmTm2wlQ0r+GXFw9JE/P43H/wN8v26SoXNnw2Ro0E3SmEyHNYdVHo/KRs9A6sl6q6p/O0OdXl9naPeYKNAgTzzef6L+FVm+QYN8WaVJY42z+w/Qj98SxDTNFg4YN74DpPW9apNYxWJrJTNWkcSWfjyahcazwbTN1MCOrc+p0+B7qGeWLgqwHaA8wuuEurT1tLvdvBwrztg1SdXk61R+8waFwuqcrxcMW17NQz9vzi/+jM6Df0lZjcolT3GkVjJbhG0FdUU5JbmXRR1Y7ROtFrs18xyzM6NjVnFOWTthIWdfD+Q2d8w4k3t5h/H9OwhmNWGCyzBK6Is/0K88bonw2997y/OLSDXBVp+Eq+M5nxdy4cWWKap56ujV6x7hghmkDaEF2/xrs+NOTfLBPBfWZaM3wabHhnBhOIlG2sNPdv2aKuHhX9aoFfec3lqiXHd4brh7mVVXkRcnJxfXEYnVPW3ypKXwA9hYTR8rldhjshJ2iUzvTbvsulQ6TrrBMNePQ17d/gp8fgS6Z52PPD8jCxZL6H5GJJNEePAqrwfv9u+WPHEJ+ry/bWNhjza1efPmRrd26z9pYR/307es2m1esqr9gvtHZ3VcKhlT5hruTAF+FN2HNtIF9ADqp8/BbF32IeyEfMOZW1PzEu3M+NCYdntA9Oxt/8P1OeTnDZ4xMzzey3jFi2LmkwNZwixQAWkAoxH1MdShRfw8NDsHzeUvWkhokJtFoWpGzi6M6a5QnaaqStuTSI+sC51VE+AEcEqiZIJuSG3nwIdO7ABfTni9KjrUVs4NcE4/uT5q1KJezw6PHrXQGsscRfeMGn34xshFH67XJ0Yia1epqZ04Duq1WSWnkgp92f9yzBGZm0+xD9HB05mpzAPAw2gQLtuZ9gMtQ+GVTWhE8jj+AdOcoXIMHoMbu+W1uFA2fS0aAeVFZg0MYsQiZbszfjZoLMJh5Zo8AYXVbHVREo8aJfYBq7yDNSg5brwdaywy85USLpbBXTB+FeIVYbfCCDthqzIiiwmPAlzcxpYiw6oW8SeapFrECTPMvNwKAYCt2IZkbNpzzERx1Z/QWCRYhOwJ3nuqv9VT0r/0IvyrLN3PKDvB6rVfWwQkN4HHsMBoNqz2Hw4252LY7w9IawtcVNtka2WmKT1jb27VciB/3w+WM9fU/bbNaKBDS7ZG4606GQPVy5orYcRejQruapL1oOYdPNy/oCHTZBsB1j4N1VR9qU7Zr+pVfSthxI8atf2pSdW/mvfR+NEK1nW4KxAqjM1kYSgStkxUztU+o9MARVD5OxYlodScHB57a56QscjDp5y606qyxhaSmsf182EIYrJCEoyqQ19V2e3RkQ3zOYwkrd0pIFBZc8eMicWyJCKYda7kP+8ZclQACqTyzgslJ+zqjROHjhHKk86oRhWxl6acUxXjlhG0YNUp43HLUThVCiMLtxIoOolDPoOVuXV0d7JY/bB6I51VOuOuydu3sA8ryYqq6YZp2Y7r+WjoGJgiRYkWI1aceAkSsbBxcLWRhAfFJyAkIiYJnXtceholxIWWL3Al2ilFS5UmHJwJ5Uq5VE6UU+VCOm/1hAlk8xRd4CAGyojd1qs3A448stuMPU8TA8+Q5gq89MJuXHpAFMyJSTKQrJJXGcZUPnWYQQL1c/UgCQVdWSZlcW7dwFx5NSGLnF4rnI6k7DlxEXTNi0tKeyzKXiBvOdGZhjQoPT0MWI85zSRFHiSKo5g5W7p1QOT7DjNpKKxcg1TmSuQVIsGko4gKmpzoVUL7jeFWP64dx7nENwhqUBTtqF0ckDbsBqFGlzLWy4lCOwo7Fkr0FhMCTqjraClkV6sB) format('woff2'),
       url(../fonts/iconfont.fe384bc5.woff) format('woff'),
       url(../fonts/iconfont.e20ce243.ttf) format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-a-3:before {
  content: "\e682";
}
.icon-a-7:before {
  content: "\e683";
}
.icon-a-6:before {
  content: "\e684";
}
.icon-a-1:before {
  content: "\e685";
}
.icon-a-2:before {
  content: "\e686";
}
.icon-a-5:before {
  content: "\e687";
}
.icon-a-4:before {
  content: "\e688";
}
.icon-laba:before {
  content: "\e600";
}
.icon-shezhi:before {
  content: "\e8b7";
}


.drawer-header[data-v-a51a940a] {
  z-index: 10;
  display: flex;
  align-items: center;
  height: 50px;
  border-bottom: 1px solid #eee;
  background: #fff;
  width: 100%;
  height: 50px;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  box-shadow: 0 0 10px #c7c7c7;
}
.drawer-header .title[data-v-a51a940a] {
  font-size: 17px;
  margin: 0 10px 0px 15px;
}
.content[data-v-a51a940a] {
  padding: 50px 15px 60px;
  overflow-y: auto;
}
.news-list[data-v-a51a940a] {
  margin-bottom: 40px;
}
.news-list .news-item[data-v-a51a940a] {
  margin-top: 35px;
}
.news-list .news-item .news-item-title[data-v-a51a940a] {
  font-weight: bold;
  font-size: 16px;
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  color: #222;
}
.news-list .news-item .news-item-title .red-circle[data-v-a51a940a] {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ed422f;
  margin-left: 10px;
}
.news-list .news-item .news-item-content[data-v-a51a940a] {
  font-size: 14px;
  margin-bottom: 10px;
  color: #3d3d3d;
}
.news-list .news-item .news-item-bottom[data-v-a51a940a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999;
}
.news-list .news-item .news-item-bottom .news-time[data-v-a51a940a] {
  font-size: 13px;
}
.bottom-btn-box[data-v-a51a940a] {
  text-align: center;
  background: #fff;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  padding: 0 40px;
  box-shadow: 0 0 10px #c7c7c7;
}
@charset "UTF-8";
.vh-100 {
  height: 100vh;
}

.h-100 {
  height: 100%;
}

.vw-100 {
  width: 100vw;
}

.w-100 {
  width: 100%;
}

* {
  box-sizing: border-box;
}

.ellipsis-1 {
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: normal;
}

.ellipsis-2 {
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: normal;
}

.ellipsis-3 {
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: normal;
}

.inline-block {
  display: inline-block;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.border-none {
  border: none !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.radius {
  border-radius: 50% !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.abs-left-top {
  position: absolute;
  left: 0;
  top: 0;
}

.abs-left-bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

.abs-right-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}

.abs-right-top {
  position: absolute;
  right: 0;
  top: 0;
}

.fixed {
  position: fixed !important;
}

.static {
  position: static;
}

.auto-center {
  margin: 0 auto;
  display: block;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-through {
  text-decoration: line-through !important;
}

.text-divider {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  position: relative;
  transform: scaleY(0.6);
}
.text-divider::after {
  content: "|";
  opacity: 0.4;
}

.nowarp {
  white-space: nowrap !important;
}

.warp {
  white-space: warp !important;
}

.scroll-y {
  /* 使之可以滚动 */
  overflow-x: hidden;
  overflow-y: auto !important;
  /* 滚动弹性弹性、并且让整个body不会随滚动内容一起乱跑 */
  -webkit-overflow-scrolling: touch;
}
.scroll-y::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.scroll-x {
  overflow-y: hidden;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
}
.scroll-x::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}

.overflow-hide {
  overflow: hidden !important;
}

.main-cont {
  overflow: auto;
  overflow-x: hidden;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.clear {
  clear: both;
}

.f-bold {
  font-weight: 600;
}

.f-white {
  color: #ffffff;
}

.f-dark-grey {
  color: #20272f;
}

.f-countDowm {
  color: #fed5c3;
}

.f-h5-grey {
  color: #c7c8c9;
}

.bg-grey {
  background: #f7f8fa;
}

.bg-white {
  background: #ffffff;
}

.bg-h5-theme-red::after {
  background-color: #f00;
}

.bg-h5-theme-blue::after {
  background-color: #00f;
}

.pointer {
  cursor: pointer;
}

.shadow {
  box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);
}

.h5-underline {
  position: relative;
}
.h5-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(0deg, transparent 50%, #eeeeee 50%);
}

.nav {
  background: #f7f8fa;
  padding: 10px;
}
.nav .nav-title {
  font-size: 12px;
  color: #969799;
  margin: 10px 0;
}
.nav .nav-item {
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.nav .nav-item .nav-delete {
  display: none;
  position: absolute;
  top: -7px;
  right: -7px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #b3b3b3;
  color: #fff;
  font-size: 14px;
  text-align: center;
  z-index: 4;
  cursor: pointer;
}
.nav .nav-item:hover .nav-delete {
  display: block;
}
.nav .nav-add {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  padding: 9px 16px;
  border: 1px solid #155bd4;
  border-radius: 2px;
  background: #fff;
  color: #155bd4;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}

.grey {
  color: #969799;
}

.f10 {
  font-size: 10px !important;
}

.f11 {
  font-size: 11px !important;
}

.f12 {
  font-size: 12px !important;
}

.f13 {
  font-size: 13px !important;
}

.f14 {
  font-size: 14px !important;
}

.f15 {
  font-size: 15px !important;
}

.f16 {
  font-size: 16px !important;
}

.f17 {
  font-size: 17px !important;
}

.f18 {
  font-size: 18px !important;
}

.f19 {
  font-size: 19px !important;
}

.f20 {
  font-size: 20px !important;
}

.f21 {
  font-size: 21px !important;
}

.f22 {
  font-size: 22px !important;
}

.f23 {
  font-size: 23px !important;
}

.f24 {
  font-size: 24px !important;
}

.f25 {
  font-size: 25px !important;
}

.f26 {
  font-size: 26px !important;
}

.f27 {
  font-size: 27px !important;
}

.f28 {
  font-size: 28px !important;
}

.f29 {
  font-size: 29px !important;
}

.f30 {
  font-size: 30px !important;
}

.f31 {
  font-size: 31px !important;
}

.f32 {
  font-size: 32px !important;
}

.f33 {
  font-size: 33px !important;
}

.f34 {
  font-size: 34px !important;
}

.f35 {
  font-size: 35px !important;
}

.f36 {
  font-size: 36px !important;
}

.f37 {
  font-size: 37px !important;
}

.f38 {
  font-size: 38px !important;
}

.f39 {
  font-size: 39px !important;
}

.f40 {
  font-size: 40px !important;
}

.f41 {
  font-size: 41px !important;
}

.f42 {
  font-size: 42px !important;
}

.f43 {
  font-size: 43px !important;
}

.f44 {
  font-size: 44px !important;
}

.f45 {
  font-size: 45px !important;
}

.f46 {
  font-size: 46px !important;
}

.f47 {
  font-size: 47px !important;
}

.f48 {
  font-size: 48px !important;
}

.f49 {
  font-size: 49px !important;
}

.f50 {
  font-size: 50px !important;
}

.f51 {
  font-size: 51px !important;
}

.f52 {
  font-size: 52px !important;
}

.f53 {
  font-size: 53px !important;
}

.f54 {
  font-size: 54px !important;
}

.f55 {
  font-size: 55px !important;
}

.f56 {
  font-size: 56px !important;
}

.f57 {
  font-size: 57px !important;
}

.f58 {
  font-size: 58px !important;
}

.f59 {
  font-size: 59px !important;
}

.f60 {
  font-size: 60px !important;
}

.f61 {
  font-size: 61px !important;
}

.f62 {
  font-size: 62px !important;
}

.f63 {
  font-size: 63px !important;
}

.f64 {
  font-size: 64px !important;
}

.f65 {
  font-size: 65px !important;
}

.f66 {
  font-size: 66px !important;
}

.f67 {
  font-size: 67px !important;
}

.f68 {
  font-size: 68px !important;
}

.f69 {
  font-size: 69px !important;
}

.f70 {
  font-size: 70px !important;
}

.f71 {
  font-size: 71px !important;
}

.f72 {
  font-size: 72px !important;
}

.f73 {
  font-size: 73px !important;
}

.f74 {
  font-size: 74px !important;
}

.f75 {
  font-size: 75px !important;
}

.f76 {
  font-size: 76px !important;
}

.f77 {
  font-size: 77px !important;
}

.f78 {
  font-size: 78px !important;
}

.f79 {
  font-size: 79px !important;
}

.f80 {
  font-size: 80px !important;
}

.f81 {
  font-size: 81px !important;
}

.f82 {
  font-size: 82px !important;
}

.f83 {
  font-size: 83px !important;
}

.f84 {
  font-size: 84px !important;
}

.f85 {
  font-size: 85px !important;
}

.f86 {
  font-size: 86px !important;
}

.f87 {
  font-size: 87px !important;
}

.f88 {
  font-size: 88px !important;
}

.f89 {
  font-size: 89px !important;
}

.f90 {
  font-size: 90px !important;
}

.f91 {
  font-size: 91px !important;
}

.f92 {
  font-size: 92px !important;
}

.f93 {
  font-size: 93px !important;
}

.f94 {
  font-size: 94px !important;
}

.f95 {
  font-size: 95px !important;
}

.f96 {
  font-size: 96px !important;
}

.f97 {
  font-size: 97px !important;
}

.f98 {
  font-size: 98px !important;
}

.f99 {
  font-size: 99px !important;
}

.f100 {
  font-size: 100px !important;
}

.m0 {
  margin: 0px !important;
}

.p0 {
  padding: 0px !important;
}

.m1 {
  margin: 1px !important;
}

.p1 {
  padding: 1px !important;
}

.m2 {
  margin: 2px !important;
}

.p2 {
  padding: 2px !important;
}

.m3 {
  margin: 3px !important;
}

.p3 {
  padding: 3px !important;
}

.m4 {
  margin: 4px !important;
}

.p4 {
  padding: 4px !important;
}

.m5 {
  margin: 5px !important;
}

.p5 {
  padding: 5px !important;
}

.m6 {
  margin: 6px !important;
}

.p6 {
  padding: 6px !important;
}

.m7 {
  margin: 7px !important;
}

.p7 {
  padding: 7px !important;
}

.m8 {
  margin: 8px !important;
}

.p8 {
  padding: 8px !important;
}

.m9 {
  margin: 9px !important;
}

.p9 {
  padding: 9px !important;
}

.m10 {
  margin: 10px !important;
}

.p10 {
  padding: 10px !important;
}

.m11 {
  margin: 11px !important;
}

.p11 {
  padding: 11px !important;
}

.m12 {
  margin: 12px !important;
}

.p12 {
  padding: 12px !important;
}

.m13 {
  margin: 13px !important;
}

.p13 {
  padding: 13px !important;
}

.m14 {
  margin: 14px !important;
}

.p14 {
  padding: 14px !important;
}

.m15 {
  margin: 15px !important;
}

.p15 {
  padding: 15px !important;
}

.m16 {
  margin: 16px !important;
}

.p16 {
  padding: 16px !important;
}

.m17 {
  margin: 17px !important;
}

.p17 {
  padding: 17px !important;
}

.m18 {
  margin: 18px !important;
}

.p18 {
  padding: 18px !important;
}

.m19 {
  margin: 19px !important;
}

.p19 {
  padding: 19px !important;
}

.m20 {
  margin: 20px !important;
}

.p20 {
  padding: 20px !important;
}

.m21 {
  margin: 21px !important;
}

.p21 {
  padding: 21px !important;
}

.m22 {
  margin: 22px !important;
}

.p22 {
  padding: 22px !important;
}

.m23 {
  margin: 23px !important;
}

.p23 {
  padding: 23px !important;
}

.m24 {
  margin: 24px !important;
}

.p24 {
  padding: 24px !important;
}

.m25 {
  margin: 25px !important;
}

.p25 {
  padding: 25px !important;
}

.m26 {
  margin: 26px !important;
}

.p26 {
  padding: 26px !important;
}

.m27 {
  margin: 27px !important;
}

.p27 {
  padding: 27px !important;
}

.m28 {
  margin: 28px !important;
}

.p28 {
  padding: 28px !important;
}

.m29 {
  margin: 29px !important;
}

.p29 {
  padding: 29px !important;
}

.m30 {
  margin: 30px !important;
}

.p30 {
  padding: 30px !important;
}

.m31 {
  margin: 31px !important;
}

.p31 {
  padding: 31px !important;
}

.m32 {
  margin: 32px !important;
}

.p32 {
  padding: 32px !important;
}

.m33 {
  margin: 33px !important;
}

.p33 {
  padding: 33px !important;
}

.m34 {
  margin: 34px !important;
}

.p34 {
  padding: 34px !important;
}

.m35 {
  margin: 35px !important;
}

.p35 {
  padding: 35px !important;
}

.m36 {
  margin: 36px !important;
}

.p36 {
  padding: 36px !important;
}

.m37 {
  margin: 37px !important;
}

.p37 {
  padding: 37px !important;
}

.m38 {
  margin: 38px !important;
}

.p38 {
  padding: 38px !important;
}

.m39 {
  margin: 39px !important;
}

.p39 {
  padding: 39px !important;
}

.m40 {
  margin: 40px !important;
}

.p40 {
  padding: 40px !important;
}

.m41 {
  margin: 41px !important;
}

.p41 {
  padding: 41px !important;
}

.m42 {
  margin: 42px !important;
}

.p42 {
  padding: 42px !important;
}

.m43 {
  margin: 43px !important;
}

.p43 {
  padding: 43px !important;
}

.m44 {
  margin: 44px !important;
}

.p44 {
  padding: 44px !important;
}

.m45 {
  margin: 45px !important;
}

.p45 {
  padding: 45px !important;
}

.m46 {
  margin: 46px !important;
}

.p46 {
  padding: 46px !important;
}

.m47 {
  margin: 47px !important;
}

.p47 {
  padding: 47px !important;
}

.m48 {
  margin: 48px !important;
}

.p48 {
  padding: 48px !important;
}

.m49 {
  margin: 49px !important;
}

.p49 {
  padding: 49px !important;
}

.m50 {
  margin: 50px !important;
}

.p50 {
  padding: 50px !important;
}

.m51 {
  margin: 51px !important;
}

.p51 {
  padding: 51px !important;
}

.m52 {
  margin: 52px !important;
}

.p52 {
  padding: 52px !important;
}

.m53 {
  margin: 53px !important;
}

.p53 {
  padding: 53px !important;
}

.m54 {
  margin: 54px !important;
}

.p54 {
  padding: 54px !important;
}

.m55 {
  margin: 55px !important;
}

.p55 {
  padding: 55px !important;
}

.m56 {
  margin: 56px !important;
}

.p56 {
  padding: 56px !important;
}

.m57 {
  margin: 57px !important;
}

.p57 {
  padding: 57px !important;
}

.m58 {
  margin: 58px !important;
}

.p58 {
  padding: 58px !important;
}

.m59 {
  margin: 59px !important;
}

.p59 {
  padding: 59px !important;
}

.m60 {
  margin: 60px !important;
}

.p60 {
  padding: 60px !important;
}

.m61 {
  margin: 61px !important;
}

.p61 {
  padding: 61px !important;
}

.m62 {
  margin: 62px !important;
}

.p62 {
  padding: 62px !important;
}

.m63 {
  margin: 63px !important;
}

.p63 {
  padding: 63px !important;
}

.m64 {
  margin: 64px !important;
}

.p64 {
  padding: 64px !important;
}

.m65 {
  margin: 65px !important;
}

.p65 {
  padding: 65px !important;
}

.m66 {
  margin: 66px !important;
}

.p66 {
  padding: 66px !important;
}

.m67 {
  margin: 67px !important;
}

.p67 {
  padding: 67px !important;
}

.m68 {
  margin: 68px !important;
}

.p68 {
  padding: 68px !important;
}

.m69 {
  margin: 69px !important;
}

.p69 {
  padding: 69px !important;
}

.m70 {
  margin: 70px !important;
}

.p70 {
  padding: 70px !important;
}

.m71 {
  margin: 71px !important;
}

.p71 {
  padding: 71px !important;
}

.m72 {
  margin: 72px !important;
}

.p72 {
  padding: 72px !important;
}

.m73 {
  margin: 73px !important;
}

.p73 {
  padding: 73px !important;
}

.m74 {
  margin: 74px !important;
}

.p74 {
  padding: 74px !important;
}

.m75 {
  margin: 75px !important;
}

.p75 {
  padding: 75px !important;
}

.m76 {
  margin: 76px !important;
}

.p76 {
  padding: 76px !important;
}

.m77 {
  margin: 77px !important;
}

.p77 {
  padding: 77px !important;
}

.m78 {
  margin: 78px !important;
}

.p78 {
  padding: 78px !important;
}

.m79 {
  margin: 79px !important;
}

.p79 {
  padding: 79px !important;
}

.m80 {
  margin: 80px !important;
}

.p80 {
  padding: 80px !important;
}

.m81 {
  margin: 81px !important;
}

.p81 {
  padding: 81px !important;
}

.m82 {
  margin: 82px !important;
}

.p82 {
  padding: 82px !important;
}

.m83 {
  margin: 83px !important;
}

.p83 {
  padding: 83px !important;
}

.m84 {
  margin: 84px !important;
}

.p84 {
  padding: 84px !important;
}

.m85 {
  margin: 85px !important;
}

.p85 {
  padding: 85px !important;
}

.m86 {
  margin: 86px !important;
}

.p86 {
  padding: 86px !important;
}

.m87 {
  margin: 87px !important;
}

.p87 {
  padding: 87px !important;
}

.m88 {
  margin: 88px !important;
}

.p88 {
  padding: 88px !important;
}

.m89 {
  margin: 89px !important;
}

.p89 {
  padding: 89px !important;
}

.m90 {
  margin: 90px !important;
}

.p90 {
  padding: 90px !important;
}

.m91 {
  margin: 91px !important;
}

.p91 {
  padding: 91px !important;
}

.m92 {
  margin: 92px !important;
}

.p92 {
  padding: 92px !important;
}

.m93 {
  margin: 93px !important;
}

.p93 {
  padding: 93px !important;
}

.m94 {
  margin: 94px !important;
}

.p94 {
  padding: 94px !important;
}

.m95 {
  margin: 95px !important;
}

.p95 {
  padding: 95px !important;
}

.m96 {
  margin: 96px !important;
}

.p96 {
  padding: 96px !important;
}

.m97 {
  margin: 97px !important;
}

.p97 {
  padding: 97px !important;
}

.m98 {
  margin: 98px !important;
}

.p98 {
  padding: 98px !important;
}

.m99 {
  margin: 99px !important;
}

.p99 {
  padding: 99px !important;
}

.m100 {
  margin: 100px !important;
}

.p100 {
  padding: 100px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.mt36 {
  margin-top: 36px !important;
}

.mr36 {
  margin-right: 36px !important;
}

.mb36 {
  margin-bottom: 36px !important;
}

.ml36 {
  margin-left: 36px !important;
}

.pt36 {
  padding-top: 36px !important;
}

.pr36 {
  padding-right: 36px !important;
}

.pb36 {
  padding-bottom: 36px !important;
}

.pl36 {
  padding-left: 36px !important;
}

.mt37 {
  margin-top: 37px !important;
}

.mr37 {
  margin-right: 37px !important;
}

.mb37 {
  margin-bottom: 37px !important;
}

.ml37 {
  margin-left: 37px !important;
}

.pt37 {
  padding-top: 37px !important;
}

.pr37 {
  padding-right: 37px !important;
}

.pb37 {
  padding-bottom: 37px !important;
}

.pl37 {
  padding-left: 37px !important;
}

.mt38 {
  margin-top: 38px !important;
}

.mr38 {
  margin-right: 38px !important;
}

.mb38 {
  margin-bottom: 38px !important;
}

.ml38 {
  margin-left: 38px !important;
}

.pt38 {
  padding-top: 38px !important;
}

.pr38 {
  padding-right: 38px !important;
}

.pb38 {
  padding-bottom: 38px !important;
}

.pl38 {
  padding-left: 38px !important;
}

.mt39 {
  margin-top: 39px !important;
}

.mr39 {
  margin-right: 39px !important;
}

.mb39 {
  margin-bottom: 39px !important;
}

.ml39 {
  margin-left: 39px !important;
}

.pt39 {
  padding-top: 39px !important;
}

.pr39 {
  padding-right: 39px !important;
}

.pb39 {
  padding-bottom: 39px !important;
}

.pl39 {
  padding-left: 39px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.mt41 {
  margin-top: 41px !important;
}

.mr41 {
  margin-right: 41px !important;
}

.mb41 {
  margin-bottom: 41px !important;
}

.ml41 {
  margin-left: 41px !important;
}

.pt41 {
  padding-top: 41px !important;
}

.pr41 {
  padding-right: 41px !important;
}

.pb41 {
  padding-bottom: 41px !important;
}

.pl41 {
  padding-left: 41px !important;
}

.mt42 {
  margin-top: 42px !important;
}

.mr42 {
  margin-right: 42px !important;
}

.mb42 {
  margin-bottom: 42px !important;
}

.ml42 {
  margin-left: 42px !important;
}

.pt42 {
  padding-top: 42px !important;
}

.pr42 {
  padding-right: 42px !important;
}

.pb42 {
  padding-bottom: 42px !important;
}

.pl42 {
  padding-left: 42px !important;
}

.mt43 {
  margin-top: 43px !important;
}

.mr43 {
  margin-right: 43px !important;
}

.mb43 {
  margin-bottom: 43px !important;
}

.ml43 {
  margin-left: 43px !important;
}

.pt43 {
  padding-top: 43px !important;
}

.pr43 {
  padding-right: 43px !important;
}

.pb43 {
  padding-bottom: 43px !important;
}

.pl43 {
  padding-left: 43px !important;
}

.mt44 {
  margin-top: 44px !important;
}

.mr44 {
  margin-right: 44px !important;
}

.mb44 {
  margin-bottom: 44px !important;
}

.ml44 {
  margin-left: 44px !important;
}

.pt44 {
  padding-top: 44px !important;
}

.pr44 {
  padding-right: 44px !important;
}

.pb44 {
  padding-bottom: 44px !important;
}

.pl44 {
  padding-left: 44px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.mt46 {
  margin-top: 46px !important;
}

.mr46 {
  margin-right: 46px !important;
}

.mb46 {
  margin-bottom: 46px !important;
}

.ml46 {
  margin-left: 46px !important;
}

.pt46 {
  padding-top: 46px !important;
}

.pr46 {
  padding-right: 46px !important;
}

.pb46 {
  padding-bottom: 46px !important;
}

.pl46 {
  padding-left: 46px !important;
}

.mt47 {
  margin-top: 47px !important;
}

.mr47 {
  margin-right: 47px !important;
}

.mb47 {
  margin-bottom: 47px !important;
}

.ml47 {
  margin-left: 47px !important;
}

.pt47 {
  padding-top: 47px !important;
}

.pr47 {
  padding-right: 47px !important;
}

.pb47 {
  padding-bottom: 47px !important;
}

.pl47 {
  padding-left: 47px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mr48 {
  margin-right: 48px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.pt48 {
  padding-top: 48px !important;
}

.pr48 {
  padding-right: 48px !important;
}

.pb48 {
  padding-bottom: 48px !important;
}

.pl48 {
  padding-left: 48px !important;
}

.mt49 {
  margin-top: 49px !important;
}

.mr49 {
  margin-right: 49px !important;
}

.mb49 {
  margin-bottom: 49px !important;
}

.ml49 {
  margin-left: 49px !important;
}

.pt49 {
  padding-top: 49px !important;
}

.pr49 {
  padding-right: 49px !important;
}

.pb49 {
  padding-bottom: 49px !important;
}

.pl49 {
  padding-left: 49px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.mt51 {
  margin-top: 51px !important;
}

.mr51 {
  margin-right: 51px !important;
}

.mb51 {
  margin-bottom: 51px !important;
}

.ml51 {
  margin-left: 51px !important;
}

.pt51 {
  padding-top: 51px !important;
}

.pr51 {
  padding-right: 51px !important;
}

.pb51 {
  padding-bottom: 51px !important;
}

.pl51 {
  padding-left: 51px !important;
}

.mt52 {
  margin-top: 52px !important;
}

.mr52 {
  margin-right: 52px !important;
}

.mb52 {
  margin-bottom: 52px !important;
}

.ml52 {
  margin-left: 52px !important;
}

.pt52 {
  padding-top: 52px !important;
}

.pr52 {
  padding-right: 52px !important;
}

.pb52 {
  padding-bottom: 52px !important;
}

.pl52 {
  padding-left: 52px !important;
}

.mt53 {
  margin-top: 53px !important;
}

.mr53 {
  margin-right: 53px !important;
}

.mb53 {
  margin-bottom: 53px !important;
}

.ml53 {
  margin-left: 53px !important;
}

.pt53 {
  padding-top: 53px !important;
}

.pr53 {
  padding-right: 53px !important;
}

.pb53 {
  padding-bottom: 53px !important;
}

.pl53 {
  padding-left: 53px !important;
}

.mt54 {
  margin-top: 54px !important;
}

.mr54 {
  margin-right: 54px !important;
}

.mb54 {
  margin-bottom: 54px !important;
}

.ml54 {
  margin-left: 54px !important;
}

.pt54 {
  padding-top: 54px !important;
}

.pr54 {
  padding-right: 54px !important;
}

.pb54 {
  padding-bottom: 54px !important;
}

.pl54 {
  padding-left: 54px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.mt56 {
  margin-top: 56px !important;
}

.mr56 {
  margin-right: 56px !important;
}

.mb56 {
  margin-bottom: 56px !important;
}

.ml56 {
  margin-left: 56px !important;
}

.pt56 {
  padding-top: 56px !important;
}

.pr56 {
  padding-right: 56px !important;
}

.pb56 {
  padding-bottom: 56px !important;
}

.pl56 {
  padding-left: 56px !important;
}

.mt57 {
  margin-top: 57px !important;
}

.mr57 {
  margin-right: 57px !important;
}

.mb57 {
  margin-bottom: 57px !important;
}

.ml57 {
  margin-left: 57px !important;
}

.pt57 {
  padding-top: 57px !important;
}

.pr57 {
  padding-right: 57px !important;
}

.pb57 {
  padding-bottom: 57px !important;
}

.pl57 {
  padding-left: 57px !important;
}

.mt58 {
  margin-top: 58px !important;
}

.mr58 {
  margin-right: 58px !important;
}

.mb58 {
  margin-bottom: 58px !important;
}

.ml58 {
  margin-left: 58px !important;
}

.pt58 {
  padding-top: 58px !important;
}

.pr58 {
  padding-right: 58px !important;
}

.pb58 {
  padding-bottom: 58px !important;
}

.pl58 {
  padding-left: 58px !important;
}

.mt59 {
  margin-top: 59px !important;
}

.mr59 {
  margin-right: 59px !important;
}

.mb59 {
  margin-bottom: 59px !important;
}

.ml59 {
  margin-left: 59px !important;
}

.pt59 {
  padding-top: 59px !important;
}

.pr59 {
  padding-right: 59px !important;
}

.pb59 {
  padding-bottom: 59px !important;
}

.pl59 {
  padding-left: 59px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.mt61 {
  margin-top: 61px !important;
}

.mr61 {
  margin-right: 61px !important;
}

.mb61 {
  margin-bottom: 61px !important;
}

.ml61 {
  margin-left: 61px !important;
}

.pt61 {
  padding-top: 61px !important;
}

.pr61 {
  padding-right: 61px !important;
}

.pb61 {
  padding-bottom: 61px !important;
}

.pl61 {
  padding-left: 61px !important;
}

.mt62 {
  margin-top: 62px !important;
}

.mr62 {
  margin-right: 62px !important;
}

.mb62 {
  margin-bottom: 62px !important;
}

.ml62 {
  margin-left: 62px !important;
}

.pt62 {
  padding-top: 62px !important;
}

.pr62 {
  padding-right: 62px !important;
}

.pb62 {
  padding-bottom: 62px !important;
}

.pl62 {
  padding-left: 62px !important;
}

.mt63 {
  margin-top: 63px !important;
}

.mr63 {
  margin-right: 63px !important;
}

.mb63 {
  margin-bottom: 63px !important;
}

.ml63 {
  margin-left: 63px !important;
}

.pt63 {
  padding-top: 63px !important;
}

.pr63 {
  padding-right: 63px !important;
}

.pb63 {
  padding-bottom: 63px !important;
}

.pl63 {
  padding-left: 63px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mr64 {
  margin-right: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.ml64 {
  margin-left: 64px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pr64 {
  padding-right: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.pl64 {
  padding-left: 64px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.mt66 {
  margin-top: 66px !important;
}

.mr66 {
  margin-right: 66px !important;
}

.mb66 {
  margin-bottom: 66px !important;
}

.ml66 {
  margin-left: 66px !important;
}

.pt66 {
  padding-top: 66px !important;
}

.pr66 {
  padding-right: 66px !important;
}

.pb66 {
  padding-bottom: 66px !important;
}

.pl66 {
  padding-left: 66px !important;
}

.mt67 {
  margin-top: 67px !important;
}

.mr67 {
  margin-right: 67px !important;
}

.mb67 {
  margin-bottom: 67px !important;
}

.ml67 {
  margin-left: 67px !important;
}

.pt67 {
  padding-top: 67px !important;
}

.pr67 {
  padding-right: 67px !important;
}

.pb67 {
  padding-bottom: 67px !important;
}

.pl67 {
  padding-left: 67px !important;
}

.mt68 {
  margin-top: 68px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml68 {
  margin-left: 68px !important;
}

.pt68 {
  padding-top: 68px !important;
}

.pr68 {
  padding-right: 68px !important;
}

.pb68 {
  padding-bottom: 68px !important;
}

.pl68 {
  padding-left: 68px !important;
}

.mt69 {
  margin-top: 69px !important;
}

.mr69 {
  margin-right: 69px !important;
}

.mb69 {
  margin-bottom: 69px !important;
}

.ml69 {
  margin-left: 69px !important;
}

.pt69 {
  padding-top: 69px !important;
}

.pr69 {
  padding-right: 69px !important;
}

.pb69 {
  padding-bottom: 69px !important;
}

.pl69 {
  padding-left: 69px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.mt71 {
  margin-top: 71px !important;
}

.mr71 {
  margin-right: 71px !important;
}

.mb71 {
  margin-bottom: 71px !important;
}

.ml71 {
  margin-left: 71px !important;
}

.pt71 {
  padding-top: 71px !important;
}

.pr71 {
  padding-right: 71px !important;
}

.pb71 {
  padding-bottom: 71px !important;
}

.pl71 {
  padding-left: 71px !important;
}

.mt72 {
  margin-top: 72px !important;
}

.mr72 {
  margin-right: 72px !important;
}

.mb72 {
  margin-bottom: 72px !important;
}

.ml72 {
  margin-left: 72px !important;
}

.pt72 {
  padding-top: 72px !important;
}

.pr72 {
  padding-right: 72px !important;
}

.pb72 {
  padding-bottom: 72px !important;
}

.pl72 {
  padding-left: 72px !important;
}

.mt73 {
  margin-top: 73px !important;
}

.mr73 {
  margin-right: 73px !important;
}

.mb73 {
  margin-bottom: 73px !important;
}

.ml73 {
  margin-left: 73px !important;
}

.pt73 {
  padding-top: 73px !important;
}

.pr73 {
  padding-right: 73px !important;
}

.pb73 {
  padding-bottom: 73px !important;
}

.pl73 {
  padding-left: 73px !important;
}

.mt74 {
  margin-top: 74px !important;
}

.mr74 {
  margin-right: 74px !important;
}

.mb74 {
  margin-bottom: 74px !important;
}

.ml74 {
  margin-left: 74px !important;
}

.pt74 {
  padding-top: 74px !important;
}

.pr74 {
  padding-right: 74px !important;
}

.pb74 {
  padding-bottom: 74px !important;
}

.pl74 {
  padding-left: 74px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.mt76 {
  margin-top: 76px !important;
}

.mr76 {
  margin-right: 76px !important;
}

.mb76 {
  margin-bottom: 76px !important;
}

.ml76 {
  margin-left: 76px !important;
}

.pt76 {
  padding-top: 76px !important;
}

.pr76 {
  padding-right: 76px !important;
}

.pb76 {
  padding-bottom: 76px !important;
}

.pl76 {
  padding-left: 76px !important;
}

.mt77 {
  margin-top: 77px !important;
}

.mr77 {
  margin-right: 77px !important;
}

.mb77 {
  margin-bottom: 77px !important;
}

.ml77 {
  margin-left: 77px !important;
}

.pt77 {
  padding-top: 77px !important;
}

.pr77 {
  padding-right: 77px !important;
}

.pb77 {
  padding-bottom: 77px !important;
}

.pl77 {
  padding-left: 77px !important;
}

.mt78 {
  margin-top: 78px !important;
}

.mr78 {
  margin-right: 78px !important;
}

.mb78 {
  margin-bottom: 78px !important;
}

.ml78 {
  margin-left: 78px !important;
}

.pt78 {
  padding-top: 78px !important;
}

.pr78 {
  padding-right: 78px !important;
}

.pb78 {
  padding-bottom: 78px !important;
}

.pl78 {
  padding-left: 78px !important;
}

.mt79 {
  margin-top: 79px !important;
}

.mr79 {
  margin-right: 79px !important;
}

.mb79 {
  margin-bottom: 79px !important;
}

.ml79 {
  margin-left: 79px !important;
}

.pt79 {
  padding-top: 79px !important;
}

.pr79 {
  padding-right: 79px !important;
}

.pb79 {
  padding-bottom: 79px !important;
}

.pl79 {
  padding-left: 79px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.mt81 {
  margin-top: 81px !important;
}

.mr81 {
  margin-right: 81px !important;
}

.mb81 {
  margin-bottom: 81px !important;
}

.ml81 {
  margin-left: 81px !important;
}

.pt81 {
  padding-top: 81px !important;
}

.pr81 {
  padding-right: 81px !important;
}

.pb81 {
  padding-bottom: 81px !important;
}

.pl81 {
  padding-left: 81px !important;
}

.mt82 {
  margin-top: 82px !important;
}

.mr82 {
  margin-right: 82px !important;
}

.mb82 {
  margin-bottom: 82px !important;
}

.ml82 {
  margin-left: 82px !important;
}

.pt82 {
  padding-top: 82px !important;
}

.pr82 {
  padding-right: 82px !important;
}

.pb82 {
  padding-bottom: 82px !important;
}

.pl82 {
  padding-left: 82px !important;
}

.mt83 {
  margin-top: 83px !important;
}

.mr83 {
  margin-right: 83px !important;
}

.mb83 {
  margin-bottom: 83px !important;
}

.ml83 {
  margin-left: 83px !important;
}

.pt83 {
  padding-top: 83px !important;
}

.pr83 {
  padding-right: 83px !important;
}

.pb83 {
  padding-bottom: 83px !important;
}

.pl83 {
  padding-left: 83px !important;
}

.mt84 {
  margin-top: 84px !important;
}

.mr84 {
  margin-right: 84px !important;
}

.mb84 {
  margin-bottom: 84px !important;
}

.ml84 {
  margin-left: 84px !important;
}

.pt84 {
  padding-top: 84px !important;
}

.pr84 {
  padding-right: 84px !important;
}

.pb84 {
  padding-bottom: 84px !important;
}

.pl84 {
  padding-left: 84px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.mt86 {
  margin-top: 86px !important;
}

.mr86 {
  margin-right: 86px !important;
}

.mb86 {
  margin-bottom: 86px !important;
}

.ml86 {
  margin-left: 86px !important;
}

.pt86 {
  padding-top: 86px !important;
}

.pr86 {
  padding-right: 86px !important;
}

.pb86 {
  padding-bottom: 86px !important;
}

.pl86 {
  padding-left: 86px !important;
}

.mt87 {
  margin-top: 87px !important;
}

.mr87 {
  margin-right: 87px !important;
}

.mb87 {
  margin-bottom: 87px !important;
}

.ml87 {
  margin-left: 87px !important;
}

.pt87 {
  padding-top: 87px !important;
}

.pr87 {
  padding-right: 87px !important;
}

.pb87 {
  padding-bottom: 87px !important;
}

.pl87 {
  padding-left: 87px !important;
}

.mt88 {
  margin-top: 88px !important;
}

.mr88 {
  margin-right: 88px !important;
}

.mb88 {
  margin-bottom: 88px !important;
}

.ml88 {
  margin-left: 88px !important;
}

.pt88 {
  padding-top: 88px !important;
}

.pr88 {
  padding-right: 88px !important;
}

.pb88 {
  padding-bottom: 88px !important;
}

.pl88 {
  padding-left: 88px !important;
}

.mt89 {
  margin-top: 89px !important;
}

.mr89 {
  margin-right: 89px !important;
}

.mb89 {
  margin-bottom: 89px !important;
}

.ml89 {
  margin-left: 89px !important;
}

.pt89 {
  padding-top: 89px !important;
}

.pr89 {
  padding-right: 89px !important;
}

.pb89 {
  padding-bottom: 89px !important;
}

.pl89 {
  padding-left: 89px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.mt91 {
  margin-top: 91px !important;
}

.mr91 {
  margin-right: 91px !important;
}

.mb91 {
  margin-bottom: 91px !important;
}

.ml91 {
  margin-left: 91px !important;
}

.pt91 {
  padding-top: 91px !important;
}

.pr91 {
  padding-right: 91px !important;
}

.pb91 {
  padding-bottom: 91px !important;
}

.pl91 {
  padding-left: 91px !important;
}

.mt92 {
  margin-top: 92px !important;
}

.mr92 {
  margin-right: 92px !important;
}

.mb92 {
  margin-bottom: 92px !important;
}

.ml92 {
  margin-left: 92px !important;
}

.pt92 {
  padding-top: 92px !important;
}

.pr92 {
  padding-right: 92px !important;
}

.pb92 {
  padding-bottom: 92px !important;
}

.pl92 {
  padding-left: 92px !important;
}

.mt93 {
  margin-top: 93px !important;
}

.mr93 {
  margin-right: 93px !important;
}

.mb93 {
  margin-bottom: 93px !important;
}

.ml93 {
  margin-left: 93px !important;
}

.pt93 {
  padding-top: 93px !important;
}

.pr93 {
  padding-right: 93px !important;
}

.pb93 {
  padding-bottom: 93px !important;
}

.pl93 {
  padding-left: 93px !important;
}

.mt94 {
  margin-top: 94px !important;
}

.mr94 {
  margin-right: 94px !important;
}

.mb94 {
  margin-bottom: 94px !important;
}

.ml94 {
  margin-left: 94px !important;
}

.pt94 {
  padding-top: 94px !important;
}

.pr94 {
  padding-right: 94px !important;
}

.pb94 {
  padding-bottom: 94px !important;
}

.pl94 {
  padding-left: 94px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.mt96 {
  margin-top: 96px !important;
}

.mr96 {
  margin-right: 96px !important;
}

.mb96 {
  margin-bottom: 96px !important;
}

.ml96 {
  margin-left: 96px !important;
}

.pt96 {
  padding-top: 96px !important;
}

.pr96 {
  padding-right: 96px !important;
}

.pb96 {
  padding-bottom: 96px !important;
}

.pl96 {
  padding-left: 96px !important;
}

.mt97 {
  margin-top: 97px !important;
}

.mr97 {
  margin-right: 97px !important;
}

.mb97 {
  margin-bottom: 97px !important;
}

.ml97 {
  margin-left: 97px !important;
}

.pt97 {
  padding-top: 97px !important;
}

.pr97 {
  padding-right: 97px !important;
}

.pb97 {
  padding-bottom: 97px !important;
}

.pl97 {
  padding-left: 97px !important;
}

.mt98 {
  margin-top: 98px !important;
}

.mr98 {
  margin-right: 98px !important;
}

.mb98 {
  margin-bottom: 98px !important;
}

.ml98 {
  margin-left: 98px !important;
}

.pt98 {
  padding-top: 98px !important;
}

.pr98 {
  padding-right: 98px !important;
}

.pb98 {
  padding-bottom: 98px !important;
}

.pl98 {
  padding-left: 98px !important;
}

.mt99 {
  margin-top: 99px !important;
}

.mr99 {
  margin-right: 99px !important;
}

.mb99 {
  margin-bottom: 99px !important;
}

.ml99 {
  margin-left: 99px !important;
}

.pt99 {
  padding-top: 99px !important;
}

.pr99 {
  padding-right: 99px !important;
}

.pb99 {
  padding-bottom: 99px !important;
}

.pl99 {
  padding-left: 99px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl100 {
  padding-left: 100px !important;
}

.lb-1 {
  letter-spacing: 1px;
}

.lb-2 {
  letter-spacing: 2px;
}

.lb-3 {
  letter-spacing: 3px;
}

.lb-4 {
  letter-spacing: 4px;
}

.lb-5 {
  letter-spacing: 5px;
}

.lb-6 {
  letter-spacing: 6px;
}

.lb-7 {
  letter-spacing: 7px;
}

.lb-8 {
  letter-spacing: 8px;
}

.lb-9 {
  letter-spacing: 9px;
}

.lb-10 {
  letter-spacing: 10px;
}

.lb-11 {
  letter-spacing: 11px;
}

.lb-12 {
  letter-spacing: 12px;
}

.lb-13 {
  letter-spacing: 13px;
}

.lb-14 {
  letter-spacing: 14px;
}

.lb-15 {
  letter-spacing: 15px;
}

.lb-16 {
  letter-spacing: 16px;
}

.lb-17 {
  letter-spacing: 17px;
}

.lb-18 {
  letter-spacing: 18px;
}

.lb-19 {
  letter-spacing: 19px;
}

.lh-1 {
  line-height: 1px;
}

.lh-2 {
  line-height: 2px;
}

.lh-3 {
  line-height: 3px;
}

.lh-4 {
  line-height: 4px;
}

.lh-5 {
  line-height: 5px;
}

.lh-6 {
  line-height: 6px;
}

.lh-7 {
  line-height: 7px;
}

.lh-8 {
  line-height: 8px;
}

.lh-9 {
  line-height: 9px;
}

.lh-10 {
  line-height: 10px;
}

.lh-11 {
  line-height: 11px;
}

.lh-12 {
  line-height: 12px;
}

.lh-13 {
  line-height: 13px;
}

.lh-14 {
  line-height: 14px;
}

.lh-15 {
  line-height: 15px;
}

.lh-16 {
  line-height: 16px;
}

.lh-17 {
  line-height: 17px;
}

.lh-18 {
  line-height: 18px;
}

.lh-19 {
  line-height: 19px;
}

.lh-20 {
  line-height: 20px;
}

.lh-21 {
  line-height: 21px;
}

.lh-22 {
  line-height: 22px;
}

.lh-23 {
  line-height: 23px;
}

.lh-24 {
  line-height: 24px;
}

.lh-25 {
  line-height: 25px;
}

.lh-26 {
  line-height: 26px;
}

.lh-27 {
  line-height: 27px;
}

.lh-28 {
  line-height: 28px;
}

.lh-29 {
  line-height: 29px;
}

.lh-30 {
  line-height: 30px;
}

.lh-31 {
  line-height: 31px;
}

.lh-32 {
  line-height: 32px;
}

.lh-33 {
  line-height: 33px;
}

.lh-34 {
  line-height: 34px;
}

.lh-35 {
  line-height: 35px;
}

.lh-36 {
  line-height: 36px;
}

.lh-37 {
  line-height: 37px;
}

.lh-38 {
  line-height: 38px;
}

.lh-39 {
  line-height: 39px;
}

.lh-40 {
  line-height: 40px;
}

.lh-41 {
  line-height: 41px;
}

.lh-42 {
  line-height: 42px;
}

.lh-43 {
  line-height: 43px;
}

.lh-44 {
  line-height: 44px;
}

.lh-45 {
  line-height: 45px;
}

.lh-46 {
  line-height: 46px;
}

.lh-47 {
  line-height: 47px;
}

.lh-48 {
  line-height: 48px;
}

.lh-49 {
  line-height: 49px;
}

.lh-50 {
  line-height: 50px;
}

.lh-51 {
  line-height: 51px;
}

.lh-52 {
  line-height: 52px;
}

.lh-53 {
  line-height: 53px;
}

.lh-54 {
  line-height: 54px;
}

.lh-55 {
  line-height: 55px;
}

.lh-56 {
  line-height: 56px;
}

.lh-57 {
  line-height: 57px;
}

.lh-58 {
  line-height: 58px;
}

.lh-59 {
  line-height: 59px;
}

.lh-60 {
  line-height: 60px;
}

.lh-61 {
  line-height: 61px;
}

.lh-62 {
  line-height: 62px;
}

.lh-63 {
  line-height: 63px;
}

.lh-64 {
  line-height: 64px;
}

.lh-65 {
  line-height: 65px;
}

.lh-66 {
  line-height: 66px;
}

.lh-67 {
  line-height: 67px;
}

.lh-68 {
  line-height: 68px;
}

.lh-69 {
  line-height: 69px;
}

.lh-70 {
  line-height: 70px;
}

.lh-71 {
  line-height: 71px;
}

.lh-72 {
  line-height: 72px;
}

.lh-73 {
  line-height: 73px;
}

.lh-74 {
  line-height: 74px;
}

.lh-75 {
  line-height: 75px;
}

.lh-76 {
  line-height: 76px;
}

.lh-77 {
  line-height: 77px;
}

.lh-78 {
  line-height: 78px;
}

.lh-79 {
  line-height: 79px;
}

.lh-80 {
  line-height: 80px;
}

.lh-81 {
  line-height: 81px;
}

.lh-82 {
  line-height: 82px;
}

.lh-83 {
  line-height: 83px;
}

.lh-84 {
  line-height: 84px;
}

.lh-85 {
  line-height: 85px;
}

.lh-86 {
  line-height: 86px;
}

.lh-87 {
  line-height: 87px;
}

.lh-88 {
  line-height: 88px;
}

.lh-89 {
  line-height: 89px;
}

.lh-90 {
  line-height: 90px;
}

.lh-91 {
  line-height: 91px;
}

.lh-92 {
  line-height: 92px;
}

.lh-93 {
  line-height: 93px;
}

.lh-94 {
  line-height: 94px;
}

.lh-95 {
  line-height: 95px;
}

.lh-96 {
  line-height: 96px;
}

.lh-97 {
  line-height: 97px;
}

.lh-98 {
  line-height: 98px;
}

.lh-99 {
  line-height: 99px;
}

.f-mini {
  font-size: 12px !important;
}

.f-mid {
  font-size: 14px !important;
}

.f-large {
  font-size: 16px !important;
}

.f-grey {
  color: #969799;
}

.f-red {
  color: #ee0a24;
}

.f-black {
  color: #000;
}

.f-theme {
  color: #155bd4;
}

.flex,
.flex-column {
  display: flex;
}
.flex.inline,
.flex-column.inline {
  display: inline-flex;
}
.flex.flex-nowrap,
.flex-column.flex-nowrap {
  flex-wrap: nowrap;
}
.flex.flex-wrap,
.flex-column.flex-wrap {
  flex-wrap: wrap;
}
.flex.flex-wrap-reverse,
.flex-column.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.flex.row-left,
.flex-column.row-left {
  justify-content: flex-start;
}
.flex.row-right,
.flex-column.row-right {
  justify-content: flex-end;
}
.flex.row-center,
.flex-column.row-center {
  justify-content: center;
}
.flex.row-between,
.flex-column.row-between {
  justify-content: space-between;
}
.flex.row-around,
.flex-column.row-around {
  justify-content: space-around;
}
.flex.col-top,
.flex-column.col-top {
  align-items: flex-start;
}
.flex.col-bottom,
.flex-column.col-bottom {
  align-items: flex-end;
}
.flex.col-center,
.flex-column.col-center {
  align-items: center;
}
.flex.col-baseline,
.flex-column.col-baseline {
  align-items: baseline;
}
.flex.col-stretch,
.flex-column.col-stretch {
  align-items: stretch;
}
.flex.flex-column,
.flex-column.flex-column {
  flex-direction: column;
}
.flex.flex-column.row-center,
.flex-column.flex-column.row-center {
  align-items: center;
}
.flex.flex-column.row-left,
.flex-column.flex-column.row-left {
  align-items: flex-start;
}
.flex.flex-column.row-right,
.flex-column.flex-column.row-right {
  align-items: flex-end;
}
.flex.flex-column.row-between,
.flex-column.flex-column.row-between {
  align-items: stretch;
}
.flex.flex-column.col-center,
.flex-column.flex-column.col-center {
  justify-content: center;
}
.flex.flex-column.col-top,
.flex-column.flex-column.col-top {
  justify-content: flex-start;
}
.flex.flex-column.col-bottom,
.flex-column.flex-column.col-bottom {
  justify-content: flex-end;
}

.flex-0 {
  flex: 0;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.flex-4 {
  flex: 4;
}

.flex-5 {
  flex: 5;
}

.flex-6 {
  flex: 6;
}

.flex-7 {
  flex: 7;
}

.flex-8 {
  flex: 8;
}

.flex-9 {
  flex: 9;
}

.flex-10 {
  flex: 10;
}

.r1 {
  border-radius: 1px !important;
}

.r2 {
  border-radius: 2px !important;
}

.r3 {
  border-radius: 3px !important;
}

.r4 {
  border-radius: 4px !important;
}

.r5 {
  border-radius: 5px !important;
}

.r6 {
  border-radius: 6px !important;
}

.r7 {
  border-radius: 7px !important;
}

.r8 {
  border-radius: 8px !important;
}

.r9 {
  border-radius: 9px !important;
}

.r10 {
  border-radius: 10px !important;
}

.r11 {
  border-radius: 11px !important;
}

.r12 {
  border-radius: 12px !important;
}

.r13 {
  border-radius: 13px !important;
}

.r14 {
  border-radius: 14px !important;
}

.r15 {
  border-radius: 15px !important;
}

.r16 {
  border-radius: 16px !important;
}

.r17 {
  border-radius: 17px !important;
}

.r18 {
  border-radius: 18px !important;
}

.r19 {
  border-radius: 19px !important;
}

.r20 {
  border-radius: 20px !important;
}

.w10 {
  width: 10px !important;
}

.w11 {
  width: 11px !important;
}

.w12 {
  width: 12px !important;
}

.w13 {
  width: 13px !important;
}

.w14 {
  width: 14px !important;
}

.w15 {
  width: 15px !important;
}

.w16 {
  width: 16px !important;
}

.w17 {
  width: 17px !important;
}

.w18 {
  width: 18px !important;
}

.w19 {
  width: 19px !important;
}

.w20 {
  width: 20px !important;
}

.w21 {
  width: 21px !important;
}

.w22 {
  width: 22px !important;
}

.w23 {
  width: 23px !important;
}

.w24 {
  width: 24px !important;
}

.w25 {
  width: 25px !important;
}

.w26 {
  width: 26px !important;
}

.w27 {
  width: 27px !important;
}

.w28 {
  width: 28px !important;
}

.w29 {
  width: 29px !important;
}

.w30 {
  width: 30px !important;
}

.w31 {
  width: 31px !important;
}

.w32 {
  width: 32px !important;
}

.w33 {
  width: 33px !important;
}

.w34 {
  width: 34px !important;
}

.w35 {
  width: 35px !important;
}

.w36 {
  width: 36px !important;
}

.w37 {
  width: 37px !important;
}

.w38 {
  width: 38px !important;
}

.w39 {
  width: 39px !important;
}

.w40 {
  width: 40px !important;
}

.w41 {
  width: 41px !important;
}

.w42 {
  width: 42px !important;
}

.w43 {
  width: 43px !important;
}

.w44 {
  width: 44px !important;
}

.w45 {
  width: 45px !important;
}

.w46 {
  width: 46px !important;
}

.w47 {
  width: 47px !important;
}

.w48 {
  width: 48px !important;
}

.w49 {
  width: 49px !important;
}

.w50 {
  width: 50px !important;
}

.w51 {
  width: 51px !important;
}

.w52 {
  width: 52px !important;
}

.w53 {
  width: 53px !important;
}

.w54 {
  width: 54px !important;
}

.w55 {
  width: 55px !important;
}

.w56 {
  width: 56px !important;
}

.w57 {
  width: 57px !important;
}

.w58 {
  width: 58px !important;
}

.w59 {
  width: 59px !important;
}

.w60 {
  width: 60px !important;
}

.w61 {
  width: 61px !important;
}

.w62 {
  width: 62px !important;
}

.w63 {
  width: 63px !important;
}

.w64 {
  width: 64px !important;
}

.w65 {
  width: 65px !important;
}

.w66 {
  width: 66px !important;
}

.w67 {
  width: 67px !important;
}

.w68 {
  width: 68px !important;
}

.w69 {
  width: 69px !important;
}

.w70 {
  width: 70px !important;
}

.w71 {
  width: 71px !important;
}

.w72 {
  width: 72px !important;
}

.w73 {
  width: 73px !important;
}

.w74 {
  width: 74px !important;
}

.w75 {
  width: 75px !important;
}

.w76 {
  width: 76px !important;
}

.w77 {
  width: 77px !important;
}

.w78 {
  width: 78px !important;
}

.w79 {
  width: 79px !important;
}

.w80 {
  width: 80px !important;
}

.w81 {
  width: 81px !important;
}

.w82 {
  width: 82px !important;
}

.w83 {
  width: 83px !important;
}

.w84 {
  width: 84px !important;
}

.w85 {
  width: 85px !important;
}

.w86 {
  width: 86px !important;
}

.w87 {
  width: 87px !important;
}

.w88 {
  width: 88px !important;
}

.w89 {
  width: 89px !important;
}

.w90 {
  width: 90px !important;
}

.w91 {
  width: 91px !important;
}

.w92 {
  width: 92px !important;
}

.w93 {
  width: 93px !important;
}

.w94 {
  width: 94px !important;
}

.w95 {
  width: 95px !important;
}

.w96 {
  width: 96px !important;
}

.w97 {
  width: 97px !important;
}

.w98 {
  width: 98px !important;
}

.w99 {
  width: 99px !important;
}

.w100 {
  width: 100px !important;
}

.w101 {
  width: 101px !important;
}

.w102 {
  width: 102px !important;
}

.w103 {
  width: 103px !important;
}

.w104 {
  width: 104px !important;
}

.w105 {
  width: 105px !important;
}

.w106 {
  width: 106px !important;
}

.w107 {
  width: 107px !important;
}

.w108 {
  width: 108px !important;
}

.w109 {
  width: 109px !important;
}

.w110 {
  width: 110px !important;
}

.w111 {
  width: 111px !important;
}

.w112 {
  width: 112px !important;
}

.w113 {
  width: 113px !important;
}

.w114 {
  width: 114px !important;
}

.w115 {
  width: 115px !important;
}

.w116 {
  width: 116px !important;
}

.w117 {
  width: 117px !important;
}

.w118 {
  width: 118px !important;
}

.w119 {
  width: 119px !important;
}

.w120 {
  width: 120px !important;
}

.w121 {
  width: 121px !important;
}

.w122 {
  width: 122px !important;
}

.w123 {
  width: 123px !important;
}

.w124 {
  width: 124px !important;
}

.w125 {
  width: 125px !important;
}

.w126 {
  width: 126px !important;
}

.w127 {
  width: 127px !important;
}

.w128 {
  width: 128px !important;
}

.w129 {
  width: 129px !important;
}

.w130 {
  width: 130px !important;
}

.w131 {
  width: 131px !important;
}

.w132 {
  width: 132px !important;
}

.w133 {
  width: 133px !important;
}

.w134 {
  width: 134px !important;
}

.w135 {
  width: 135px !important;
}

.w136 {
  width: 136px !important;
}

.w137 {
  width: 137px !important;
}

.w138 {
  width: 138px !important;
}

.w139 {
  width: 139px !important;
}

.w140 {
  width: 140px !important;
}

.w141 {
  width: 141px !important;
}

.w142 {
  width: 142px !important;
}

.w143 {
  width: 143px !important;
}

.w144 {
  width: 144px !important;
}

.w145 {
  width: 145px !important;
}

.w146 {
  width: 146px !important;
}

.w147 {
  width: 147px !important;
}

.w148 {
  width: 148px !important;
}

.w149 {
  width: 149px !important;
}

.w150 {
  width: 150px !important;
}

.w151 {
  width: 151px !important;
}

.w152 {
  width: 152px !important;
}

.w153 {
  width: 153px !important;
}

.w154 {
  width: 154px !important;
}

.w155 {
  width: 155px !important;
}

.w156 {
  width: 156px !important;
}

.w157 {
  width: 157px !important;
}

.w158 {
  width: 158px !important;
}

.w159 {
  width: 159px !important;
}

.w160 {
  width: 160px !important;
}

.w161 {
  width: 161px !important;
}

.w162 {
  width: 162px !important;
}

.w163 {
  width: 163px !important;
}

.w164 {
  width: 164px !important;
}

.w165 {
  width: 165px !important;
}

.w166 {
  width: 166px !important;
}

.w167 {
  width: 167px !important;
}

.w168 {
  width: 168px !important;
}

.w169 {
  width: 169px !important;
}

.w170 {
  width: 170px !important;
}

.w171 {
  width: 171px !important;
}

.w172 {
  width: 172px !important;
}

.w173 {
  width: 173px !important;
}

.w174 {
  width: 174px !important;
}

.w175 {
  width: 175px !important;
}

.w176 {
  width: 176px !important;
}

.w177 {
  width: 177px !important;
}

.w178 {
  width: 178px !important;
}

.w179 {
  width: 179px !important;
}

.w180 {
  width: 180px !important;
}

.w181 {
  width: 181px !important;
}

.w182 {
  width: 182px !important;
}

.w183 {
  width: 183px !important;
}

.w184 {
  width: 184px !important;
}

.w185 {
  width: 185px !important;
}

.w186 {
  width: 186px !important;
}

.w187 {
  width: 187px !important;
}

.w188 {
  width: 188px !important;
}

.w189 {
  width: 189px !important;
}

.w190 {
  width: 190px !important;
}

.w191 {
  width: 191px !important;
}

.w192 {
  width: 192px !important;
}

.w193 {
  width: 193px !important;
}

.w194 {
  width: 194px !important;
}

.w195 {
  width: 195px !important;
}

.w196 {
  width: 196px !important;
}

.w197 {
  width: 197px !important;
}

.w198 {
  width: 198px !important;
}

.w199 {
  width: 199px !important;
}

.w200 {
  width: 200px !important;
}

.w201 {
  width: 201px !important;
}

.w202 {
  width: 202px !important;
}

.w203 {
  width: 203px !important;
}

.w204 {
  width: 204px !important;
}

.w205 {
  width: 205px !important;
}

.w206 {
  width: 206px !important;
}

.w207 {
  width: 207px !important;
}

.w208 {
  width: 208px !important;
}

.w209 {
  width: 209px !important;
}

.w210 {
  width: 210px !important;
}

.w211 {
  width: 211px !important;
}

.w212 {
  width: 212px !important;
}

.w213 {
  width: 213px !important;
}

.w214 {
  width: 214px !important;
}

.w215 {
  width: 215px !important;
}

.w216 {
  width: 216px !important;
}

.w217 {
  width: 217px !important;
}

.w218 {
  width: 218px !important;
}

.w219 {
  width: 219px !important;
}

.w220 {
  width: 220px !important;
}

.w221 {
  width: 221px !important;
}

.w222 {
  width: 222px !important;
}

.w223 {
  width: 223px !important;
}

.w224 {
  width: 224px !important;
}

.w225 {
  width: 225px !important;
}

.w226 {
  width: 226px !important;
}

.w227 {
  width: 227px !important;
}

.w228 {
  width: 228px !important;
}

.w229 {
  width: 229px !important;
}

.w230 {
  width: 230px !important;
}

.w231 {
  width: 231px !important;
}

.w232 {
  width: 232px !important;
}

.w233 {
  width: 233px !important;
}

.w234 {
  width: 234px !important;
}

.w235 {
  width: 235px !important;
}

.w236 {
  width: 236px !important;
}

.w237 {
  width: 237px !important;
}

.w238 {
  width: 238px !important;
}

.w239 {
  width: 239px !important;
}

.w240 {
  width: 240px !important;
}

.w241 {
  width: 241px !important;
}

.w242 {
  width: 242px !important;
}

.w243 {
  width: 243px !important;
}

.w244 {
  width: 244px !important;
}

.w245 {
  width: 245px !important;
}

.w246 {
  width: 246px !important;
}

.w247 {
  width: 247px !important;
}

.w248 {
  width: 248px !important;
}

.w249 {
  width: 249px !important;
}

.w250 {
  width: 250px !important;
}

.w251 {
  width: 251px !important;
}

.w252 {
  width: 252px !important;
}

.w253 {
  width: 253px !important;
}

.w254 {
  width: 254px !important;
}

.w255 {
  width: 255px !important;
}

.w256 {
  width: 256px !important;
}

.w257 {
  width: 257px !important;
}

.w258 {
  width: 258px !important;
}

.w259 {
  width: 259px !important;
}

.w260 {
  width: 260px !important;
}

.w261 {
  width: 261px !important;
}

.w262 {
  width: 262px !important;
}

.w263 {
  width: 263px !important;
}

.w264 {
  width: 264px !important;
}

.w265 {
  width: 265px !important;
}

.w266 {
  width: 266px !important;
}

.w267 {
  width: 267px !important;
}

.w268 {
  width: 268px !important;
}

.w269 {
  width: 269px !important;
}

.w270 {
  width: 270px !important;
}

.w271 {
  width: 271px !important;
}

.w272 {
  width: 272px !important;
}

.w273 {
  width: 273px !important;
}

.w274 {
  width: 274px !important;
}

.w275 {
  width: 275px !important;
}

.w276 {
  width: 276px !important;
}

.w277 {
  width: 277px !important;
}

.w278 {
  width: 278px !important;
}

.w279 {
  width: 279px !important;
}

.w280 {
  width: 280px !important;
}

.w281 {
  width: 281px !important;
}

.w282 {
  width: 282px !important;
}

.w283 {
  width: 283px !important;
}

.w284 {
  width: 284px !important;
}

.w285 {
  width: 285px !important;
}

.w286 {
  width: 286px !important;
}

.w287 {
  width: 287px !important;
}

.w288 {
  width: 288px !important;
}

.w289 {
  width: 289px !important;
}

.w290 {
  width: 290px !important;
}

.w291 {
  width: 291px !important;
}

.w292 {
  width: 292px !important;
}

.w293 {
  width: 293px !important;
}

.w294 {
  width: 294px !important;
}

.w295 {
  width: 295px !important;
}

.w296 {
  width: 296px !important;
}

.w297 {
  width: 297px !important;
}

.w298 {
  width: 298px !important;
}

.w299 {
  width: 299px !important;
}

.w300 {
  width: 300px !important;
}

.h10 {
  height: 10px !important;
}

.h11 {
  height: 11px !important;
}

.h12 {
  height: 12px !important;
}

.h13 {
  height: 13px !important;
}

.h14 {
  height: 14px !important;
}

.h15 {
  height: 15px !important;
}

.h16 {
  height: 16px !important;
}

.h17 {
  height: 17px !important;
}

.h18 {
  height: 18px !important;
}

.h19 {
  height: 19px !important;
}

.h20 {
  height: 20px !important;
}

.h21 {
  height: 21px !important;
}

.h22 {
  height: 22px !important;
}

.h23 {
  height: 23px !important;
}

.h24 {
  height: 24px !important;
}

.h25 {
  height: 25px !important;
}

.h26 {
  height: 26px !important;
}

.h27 {
  height: 27px !important;
}

.h28 {
  height: 28px !important;
}

.h29 {
  height: 29px !important;
}

.h30 {
  height: 30px !important;
}

.h31 {
  height: 31px !important;
}

.h32 {
  height: 32px !important;
}

.h33 {
  height: 33px !important;
}

.h34 {
  height: 34px !important;
}

.h35 {
  height: 35px !important;
}

.h36 {
  height: 36px !important;
}

.h37 {
  height: 37px !important;
}

.h38 {
  height: 38px !important;
}

.h39 {
  height: 39px !important;
}

.h40 {
  height: 40px !important;
}

.h41 {
  height: 41px !important;
}

.h42 {
  height: 42px !important;
}

.h43 {
  height: 43px !important;
}

.h44 {
  height: 44px !important;
}

.h45 {
  height: 45px !important;
}

.h46 {
  height: 46px !important;
}

.h47 {
  height: 47px !important;
}

.h48 {
  height: 48px !important;
}

.h49 {
  height: 49px !important;
}

.h50 {
  height: 50px !important;
}

.h51 {
  height: 51px !important;
}

.h52 {
  height: 52px !important;
}

.h53 {
  height: 53px !important;
}

.h54 {
  height: 54px !important;
}

.h55 {
  height: 55px !important;
}

.h56 {
  height: 56px !important;
}

.h57 {
  height: 57px !important;
}

.h58 {
  height: 58px !important;
}

.h59 {
  height: 59px !important;
}

.h60 {
  height: 60px !important;
}

.h61 {
  height: 61px !important;
}

.h62 {
  height: 62px !important;
}

.h63 {
  height: 63px !important;
}

.h64 {
  height: 64px !important;
}

.h65 {
  height: 65px !important;
}

.h66 {
  height: 66px !important;
}

.h67 {
  height: 67px !important;
}

.h68 {
  height: 68px !important;
}

.h69 {
  height: 69px !important;
}

.h70 {
  height: 70px !important;
}

.h71 {
  height: 71px !important;
}

.h72 {
  height: 72px !important;
}

.h73 {
  height: 73px !important;
}

.h74 {
  height: 74px !important;
}

.h75 {
  height: 75px !important;
}

.h76 {
  height: 76px !important;
}

.h77 {
  height: 77px !important;
}

.h78 {
  height: 78px !important;
}

.h79 {
  height: 79px !important;
}

.h80 {
  height: 80px !important;
}

.h81 {
  height: 81px !important;
}

.h82 {
  height: 82px !important;
}

.h83 {
  height: 83px !important;
}

.h84 {
  height: 84px !important;
}

.h85 {
  height: 85px !important;
}

.h86 {
  height: 86px !important;
}

.h87 {
  height: 87px !important;
}

.h88 {
  height: 88px !important;
}

.h89 {
  height: 89px !important;
}

.h90 {
  height: 90px !important;
}

.h91 {
  height: 91px !important;
}

.h92 {
  height: 92px !important;
}

.h93 {
  height: 93px !important;
}

.h94 {
  height: 94px !important;
}

.h95 {
  height: 95px !important;
}

.h96 {
  height: 96px !important;
}

.h97 {
  height: 97px !important;
}

.h98 {
  height: 98px !important;
}

.h99 {
  height: 99px !important;
}

.h100 {
  height: 100px !important;
}

.bg-theme {
  background: #155bd4;
}

.f-h5-theme {
  color: #c7655a !important;
}

.bg-h5-grey {
  background: #f8f8f8 !important;
}

.bg-h5-theme {
  background: #c7655a !important;
}

/** 全局样式 */
/** ele admin dynamic theme license by http://eleadmin.com */
:root {
  --color-primary: #1890ff;
  --color-primary-1: #e6f7ff;
  --color-primary-2: #bae7ff;
  --color-primary-3: #91d5ff;
  --color-primary-4: #69c0ff;
  --color-primary-5: #40a9ff;
  --color-primary-6: #1890ff;
  --color-primary-7: #096dd9;
  --color-primary-8: #0050b3;
  --color-primary-9: #003a8c;
  --color-primary-10: #002766;
  --color-success: #52c41a;
  --color-success-1: #f6ffed;
  --color-success-2: #d9f7be;
  --color-success-3: #b7eb8f;
  --color-success-4: #95de64;
  --color-success-5: #73d13d;
  --color-success-6: #52c41a;
  --color-success-7: #389e0d;
  --color-success-8: #237804;
  --color-success-9: #135200;
  --color-success-10: #092b00;
  --color-warning: #faad14;
  --color-warning-1: #fffbe6;
  --color-warning-2: #fff1b8;
  --color-warning-3: #ffe58f;
  --color-warning-4: #ffd666;
  --color-warning-5: #ffc53d;
  --color-warning-6: #faad14;
  --color-warning-7: #d48806;
  --color-warning-8: #ad6800;
  --color-warning-9: #874d00;
  --color-warning-10: #613400;
  --color-danger: #ff4d4f;
  --color-danger-1: #fff1f0;
  --color-danger-2: #ffccc7;
  --color-danger-3: #ffa39e;
  --color-danger-4: #ff7875;
  --color-danger-5: #ff4d4f;
  --color-danger-6: #f5222d;
  --color-danger-7: #cf1322;
  --color-danger-8: #a8071a;
  --color-danger-9: #820014;
  --color-danger-10: #5c0011;
  --color-info: #909399;
  --color-info-1: #f4f4f5;
  --color-info-2: #dedfe0;
  --color-info-3: #d3d4d6;
  --color-info-4: #bcbec2;
  --color-info-5: #a6a9ad;
  --color-info-6: #909399;
  --color-info-7: #6e7074;
  --color-info-8: #58595c;
  --color-info-9: #414244;
  --color-info-10: #2a2b2b;
  --color-white: #ffffff;
  --color-white-5: rgba(255, 255, 255, .5);
  --color-black: #000000;
  --color-black-1: rgba(0, 0, 0, .1);
  --color-black-3: rgba(0, 0, 0, .3);
  --color-black-5: rgba(0, 0, 0, .5);
  --color-text-primary: #303133;
  --color-text-regular: #606266;
  --color-text-secondary: #909399;
  --color-text-placeholder: #C0C4CC;
  --color-text-dark-primary: #ffffff;
  --color-text-dark-regular: rgba(255, 255, 255, .8);
  --border-color-base: #dddddd;
  --border-color-light: #e5e5e5;
  --border-color-lighter: #ededed;
  --border-color-extra-light: #f4f4f4;
  --background-color-base: #fafafa;
  --box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
  --box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12);
  --box-shadow-light: 0 4px 12px 0 rgba(0, 0, 0, 0.15);
  --checkbox-background-color: var(--color-white);
  --radio-input-background-color: var(--color-white);
  --radio-checked-icon-color: var(--color-white);
  --input-background-color: var(--color-white);
  --button-default-background-color: var(--color-white);
  --button-disabled-background-color: var(--color-white);
  --button-default-border-color-5: hsla(0, 0%, 86.7%, .5);
  --table-header-background-color: var(--background-color-base);
  --table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12);
  --popup-modal-background-color: #000000;
  --popup-modal-opacity: 0.5;
  --popover-background-color: var(--color-white);
  --dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  --tooltip-fill: var(--color-text-primary);
  --tooltip-color: var(--color-text-dark-primary);
  --tooltip-border-color: var(--tooltip-fill);
  --scrollbar-background-color: rgba(170, 170, 170, 0.5);
  --scrollbar-hover-background-color: rgb(170, 170, 170, 0.8);
  --backtop-background-color: var(--color-white);
  --backtop-font-color: var(--color-primary);
  --backtop-hover-background-color: var(--border-color-extra-light);
  --avatar-background-color: #C0C4CC;
  --skeleton-color: #f2f2f2;
  --skeleton-to-color: #e6e6e6;
  --svg-monochrome-grey: #DCDDE0;
  --loading-mask-bg: rgba(255, 255, 255, .9);
  --layout-body-background: #F0F2F5;
  --sidebar-light-shadow: 1px 3px 3px rgba(0, 21, 41, .08);
  --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .35);
  --header-light-shadow: 0 1px 4px rgba(0, 21, 41, .08);
  --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .1);
  --header-tool-hover-bg: rgba(0, 0, 0, .025);
  --header-dark-tool-hover-bg: rgba(255, 255, 255, .05);
  --logo-light-shadow: 1px 2px 3px rgba(0, 21, 41, .08);
  --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .35);
  --menu-dark-background: #191A23;
  --content-image-filter: none;
}

.ele-admin-theme-dark {
  --color-primary: #177ddc;
  --color-primary-1: #111d2c;
  --color-primary-2: #112a45;
  --color-primary-3: #15395b;
  --color-primary-4: #164c7e;
  --color-primary-5: #1765ad;
  --color-primary-6: #177ddc;
  --color-primary-7: #3c9ae8;
  --color-primary-8: #65b7f3;
  --color-primary-9: #8dcff8;
  --color-primary-10: #b7e3fa;
  --color-success: #49aa19;
  --color-success-1: #162312;
  --color-success-2: #1d3712;
  --color-success-3: #274916;
  --color-success-4: #306317;
  --color-success-5: #3c8618;
  --color-success-6: #49aa19;
  --color-success-7: #6abe39;
  --color-success-8: #8fd460;
  --color-success-9: #b2e58b;
  --color-success-10: #d5f2bb;
  --color-warning: #d89614;
  --color-warning-1: #2b2111;
  --color-warning-2: #443111;
  --color-warning-3: #594214;
  --color-warning-4: #7c5914;
  --color-warning-5: #aa7714;
  --color-warning-6: #d89614;
  --color-warning-7: #e8b339;
  --color-warning-8: #f3cc62;
  --color-warning-9: #f8df8b;
  --color-warning-10: #faedb5;
  --color-danger: #a61d24;
  --color-danger-1: #2a1215;
  --color-danger-2: #431418;
  --color-danger-3: #58181c;
  --color-danger-4: #791a1f;
  --color-danger-5: #a61d24;
  --color-danger-6: #f5222d;
  --color-danger-7: #e84749;
  --color-danger-8: #f37370;
  --color-danger-9: #f89f9a;
  --color-danger-10: #fac8c3;
  --color-info: #909399;
  --color-info-1: #2a2b2b;
  --color-info-2: #414244;
  --color-info-3: #58595c;
  --color-info-4: #6e7074;
  --color-info-5: #85878d;
  --color-info-6: #909399;
  --color-info-7: #9b9ea3;
  --color-info-8: #b1b3b8;
  --color-info-9: #c7c9cc;
  --color-info-10: #dedfe0;
  --color-white: #141414;
  --color-black: #ffffff;
  --color-text-primary: #f2f2f2;
  --color-text-regular: #bfbfbf;
  --color-text-secondary: #8c8c8c;
  --color-text-placeholder: #595959;
  --border-color-base: #434343;
  --border-color-light: #303030;
  --border-color-lighter: #2d2d2d;
  --border-color-extra-light: #202020;
  --background-color-base: #262626;
  --box-shadow-base: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --box-shadow-light: var(--box-shadow-base);
  --checkbox-background-color: transparent;
  --radio-input-background-color: transparent;
  --radio-checked-icon-color: transparent;
  --input-background-color: transparent;
  --button-default-background-color: transparent;
  --button-disabled-background-color: transparent;
  --button-default-border-color-5: hsla(0, 0%, 26.7%, .5);
  --table-header-background-color: #1d1d1d;
  --table-fixed-box-shadow: var(--box-shadow-base);
  --popover-background-color: #1f1f1f;
  --dialog-box-shadow: var(--box-shadow-base);
  --tooltip-fill: #434343;
  --scrollbar-background-color: rgba(140, 140, 140, .3);
  --scrollbar-hover-background-color: rgba(140, 140, 140, .5);
  --backtop-background-color: var(--popover-background-color);
  --backtop-hover-background-color: var(--color-white);
  --avatar-background-color: #444444;
  --skeleton-color: rgba(190, 190, 190, .1);
  --skeleton-to-color: rgba(255, 255, 255, .16);
  --svg-monochrome-grey: #a4a4a4;
  --loading-mask-bg: rgba(31, 31, 31, .9);
  --layout-body-background: #000000;
  --sidebar-light-shadow: 0 4px 4px rgba(0, 0, 0, .6);
  --sidebar-dark-shadow: 0 4px 4px rgba(0, 0, 0, .6);
  --header-light-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  --header-dark-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  --header-tool-hover-bg: rgba(255, 255, 255, .05);
  --header-dark-tool-hover-bg: rgba(255, 255, 255, .05);
  --logo-light-shadow: 0 3px 4px rgba(0, 0, 0, .6);
  --logo-dark-shadow: 0 3px 4px rgba(0, 0, 0, .6);
  --menu-dark-background: #1f1f1f;
  --content-image-filter: brightness(0.7);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* BEM support Func
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms 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 200ms 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 0.3s cubic-bezier(0.55, 0, 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 0.3s cubic-bezier(0.55, 0, 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 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.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 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.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, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}

.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right 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 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: "element-icons";
  src: url(../fonts/element-icons.535877f5.woff) format("woff"), url(../fonts/element-icons.732389de.ttf) format("truetype");
  /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-display: "auto";
  font-style: normal;
}
[class^=el-icon-], [class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "element-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "";
}

.el-icon-ice-cream-square:before {
  content: "";
}

.el-icon-lollipop:before {
  content: "";
}

.el-icon-potato-strips:before {
  content: "";
}

.el-icon-milk-tea:before {
  content: "";
}

.el-icon-ice-drink:before {
  content: "";
}

.el-icon-ice-tea:before {
  content: "";
}

.el-icon-coffee:before {
  content: "";
}

.el-icon-orange:before {
  content: "";
}

.el-icon-pear:before {
  content: "";
}

.el-icon-apple:before {
  content: "";
}

.el-icon-cherry:before {
  content: "";
}

.el-icon-watermelon:before {
  content: "";
}

.el-icon-grape:before {
  content: "";
}

.el-icon-refrigerator:before {
  content: "";
}

.el-icon-goblet-square-full:before {
  content: "";
}

.el-icon-goblet-square:before {
  content: "";
}

.el-icon-goblet-full:before {
  content: "";
}

.el-icon-goblet:before {
  content: "";
}

.el-icon-cold-drink:before {
  content: "";
}

.el-icon-coffee-cup:before {
  content: "";
}

.el-icon-water-cup:before {
  content: "";
}

.el-icon-hot-water:before {
  content: "";
}

.el-icon-ice-cream:before {
  content: "";
}

.el-icon-dessert:before {
  content: "";
}

.el-icon-sugar:before {
  content: "";
}

.el-icon-tableware:before {
  content: "";
}

.el-icon-burger:before {
  content: "";
}

.el-icon-knife-fork:before {
  content: "";
}

.el-icon-fork-spoon:before {
  content: "";
}

.el-icon-chicken:before {
  content: "";
}

.el-icon-food:before {
  content: "";
}

.el-icon-dish-1:before {
  content: "";
}

.el-icon-dish:before {
  content: "";
}

.el-icon-moon-night:before {
  content: "";
}

.el-icon-moon:before {
  content: "";
}

.el-icon-cloudy-and-sunny:before {
  content: "";
}

.el-icon-partly-cloudy:before {
  content: "";
}

.el-icon-cloudy:before {
  content: "";
}

.el-icon-sunny:before {
  content: "";
}

.el-icon-sunset:before {
  content: "";
}

.el-icon-sunrise-1:before {
  content: "";
}

.el-icon-sunrise:before {
  content: "";
}

.el-icon-heavy-rain:before {
  content: "";
}

.el-icon-lightning:before {
  content: "";
}

.el-icon-light-rain:before {
  content: "";
}

.el-icon-wind-power:before {
  content: "";
}

.el-icon-baseball:before {
  content: "";
}

.el-icon-soccer:before {
  content: "";
}

.el-icon-football:before {
  content: "";
}

.el-icon-basketball:before {
  content: "";
}

.el-icon-ship:before {
  content: "";
}

.el-icon-truck:before {
  content: "";
}

.el-icon-bicycle:before {
  content: "";
}

.el-icon-mobile-phone:before {
  content: "";
}

.el-icon-service:before {
  content: "";
}

.el-icon-key:before {
  content: "";
}

.el-icon-unlock:before {
  content: "";
}

.el-icon-lock:before {
  content: "";
}

.el-icon-watch:before {
  content: "";
}

.el-icon-watch-1:before {
  content: "";
}

.el-icon-timer:before {
  content: "";
}

.el-icon-alarm-clock:before {
  content: "";
}

.el-icon-map-location:before {
  content: "";
}

.el-icon-delete-location:before {
  content: "";
}

.el-icon-add-location:before {
  content: "";
}

.el-icon-location-information:before {
  content: "";
}

.el-icon-location-outline:before {
  content: "";
}

.el-icon-location:before {
  content: "";
}

.el-icon-place:before {
  content: "";
}

.el-icon-discover:before {
  content: "";
}

.el-icon-first-aid-kit:before {
  content: "";
}

.el-icon-trophy-1:before {
  content: "";
}

.el-icon-trophy:before {
  content: "";
}

.el-icon-medal:before {
  content: "";
}

.el-icon-medal-1:before {
  content: "";
}

.el-icon-stopwatch:before {
  content: "";
}

.el-icon-mic:before {
  content: "";
}

.el-icon-copy-document:before {
  content: "";
}

.el-icon-full-screen:before {
  content: "";
}

.el-icon-switch-button:before {
  content: "";
}

.el-icon-aim:before {
  content: "";
}

.el-icon-crop:before {
  content: "";
}

.el-icon-odometer:before {
  content: "";
}

.el-icon-time:before {
  content: "";
}

.el-icon-bangzhu:before {
  content: "";
}

.el-icon-close-notification:before {
  content: "";
}

.el-icon-microphone:before {
  content: "";
}

.el-icon-turn-off-microphone:before {
  content: "";
}

.el-icon-position:before {
  content: "";
}

.el-icon-postcard:before {
  content: "";
}

.el-icon-message:before {
  content: "";
}

.el-icon-chat-line-square:before {
  content: "";
}

.el-icon-chat-dot-square:before {
  content: "";
}

.el-icon-chat-dot-round:before {
  content: "";
}

.el-icon-chat-square:before {
  content: "";
}

.el-icon-chat-line-round:before {
  content: "";
}

.el-icon-chat-round:before {
  content: "";
}

.el-icon-set-up:before {
  content: "";
}

.el-icon-turn-off:before {
  content: "";
}

.el-icon-open:before {
  content: "";
}

.el-icon-connection:before {
  content: "";
}

.el-icon-link:before {
  content: "";
}

.el-icon-cpu:before {
  content: "";
}

.el-icon-thumb:before {
  content: "";
}

.el-icon-female:before {
  content: "";
}

.el-icon-male:before {
  content: "";
}

.el-icon-guide:before {
  content: "";
}

.el-icon-news:before {
  content: "";
}

.el-icon-price-tag:before {
  content: "";
}

.el-icon-discount:before {
  content: "";
}

.el-icon-wallet:before {
  content: "";
}

.el-icon-coin:before {
  content: "";
}

.el-icon-money:before {
  content: "";
}

.el-icon-bank-card:before {
  content: "";
}

.el-icon-box:before {
  content: "";
}

.el-icon-present:before {
  content: "";
}

.el-icon-sell:before {
  content: "";
}

.el-icon-sold-out:before {
  content: "";
}

.el-icon-shopping-bag-2:before {
  content: "";
}

.el-icon-shopping-bag-1:before {
  content: "";
}

.el-icon-shopping-cart-2:before {
  content: "";
}

.el-icon-shopping-cart-1:before {
  content: "";
}

.el-icon-shopping-cart-full:before {
  content: "";
}

.el-icon-smoking:before {
  content: "";
}

.el-icon-no-smoking:before {
  content: "";
}

.el-icon-house:before {
  content: "";
}

.el-icon-table-lamp:before {
  content: "";
}

.el-icon-school:before {
  content: "";
}

.el-icon-office-building:before {
  content: "";
}

.el-icon-toilet-paper:before {
  content: "";
}

.el-icon-notebook-2:before {
  content: "";
}

.el-icon-notebook-1:before {
  content: "";
}

.el-icon-files:before {
  content: "";
}

.el-icon-collection:before {
  content: "";
}

.el-icon-receiving:before {
  content: "";
}

.el-icon-suitcase-1:before {
  content: "";
}

.el-icon-suitcase:before {
  content: "";
}

.el-icon-film:before {
  content: "";
}

.el-icon-collection-tag:before {
  content: "";
}

.el-icon-data-analysis:before {
  content: "";
}

.el-icon-pie-chart:before {
  content: "";
}

.el-icon-data-board:before {
  content: "";
}

.el-icon-data-line:before {
  content: "";
}

.el-icon-reading:before {
  content: "";
}

.el-icon-magic-stick:before {
  content: "";
}

.el-icon-coordinate:before {
  content: "";
}

.el-icon-mouse:before {
  content: "";
}

.el-icon-brush:before {
  content: "";
}

.el-icon-headset:before {
  content: "";
}

.el-icon-umbrella:before {
  content: "";
}

.el-icon-scissors:before {
  content: "";
}

.el-icon-mobile:before {
  content: "";
}

.el-icon-attract:before {
  content: "";
}

.el-icon-monitor:before {
  content: "";
}

.el-icon-search:before {
  content: "";
}

.el-icon-takeaway-box:before {
  content: "";
}

.el-icon-paperclip:before {
  content: "";
}

.el-icon-printer:before {
  content: "";
}

.el-icon-document-add:before {
  content: "";
}

.el-icon-document:before {
  content: "";
}

.el-icon-document-checked:before {
  content: "";
}

.el-icon-document-copy:before {
  content: "";
}

.el-icon-document-delete:before {
  content: "";
}

.el-icon-document-remove:before {
  content: "";
}

.el-icon-tickets:before {
  content: "";
}

.el-icon-folder-checked:before {
  content: "";
}

.el-icon-folder-delete:before {
  content: "";
}

.el-icon-folder-remove:before {
  content: "";
}

.el-icon-folder-add:before {
  content: "";
}

.el-icon-folder-opened:before {
  content: "";
}

.el-icon-folder:before {
  content: "";
}

.el-icon-edit-outline:before {
  content: "";
}

.el-icon-edit:before {
  content: "";
}

.el-icon-date:before {
  content: "";
}

.el-icon-c-scale-to-original:before {
  content: "";
}

.el-icon-view:before {
  content: "";
}

.el-icon-loading:before {
  content: "";
}

.el-icon-rank:before {
  content: "";
}

.el-icon-sort-down:before {
  content: "";
}

.el-icon-sort-up:before {
  content: "";
}

.el-icon-sort:before {
  content: "";
}

.el-icon-finished:before {
  content: "";
}

.el-icon-refresh-left:before {
  content: "";
}

.el-icon-refresh-right:before {
  content: "";
}

.el-icon-refresh:before {
  content: "";
}

.el-icon-video-play:before {
  content: "";
}

.el-icon-video-pause:before {
  content: "";
}

.el-icon-d-arrow-right:before {
  content: "";
}

.el-icon-d-arrow-left:before {
  content: "";
}

.el-icon-arrow-up:before {
  content: "";
}

.el-icon-arrow-down:before {
  content: "";
}

.el-icon-arrow-right:before {
  content: "";
}

.el-icon-arrow-left:before {
  content: "";
}

.el-icon-top-right:before {
  content: "";
}

.el-icon-top-left:before {
  content: "";
}

.el-icon-top:before {
  content: "";
}

.el-icon-bottom:before {
  content: "";
}

.el-icon-right:before {
  content: "";
}

.el-icon-back:before {
  content: "";
}

.el-icon-bottom-right:before {
  content: "";
}

.el-icon-bottom-left:before {
  content: "";
}

.el-icon-caret-top:before {
  content: "";
}

.el-icon-caret-bottom:before {
  content: "";
}

.el-icon-caret-right:before {
  content: "";
}

.el-icon-caret-left:before {
  content: "";
}

.el-icon-d-caret:before {
  content: "";
}

.el-icon-share:before {
  content: "";
}

.el-icon-menu:before {
  content: "";
}

.el-icon-s-grid:before {
  content: "";
}

.el-icon-s-check:before {
  content: "";
}

.el-icon-s-data:before {
  content: "";
}

.el-icon-s-opportunity:before {
  content: "";
}

.el-icon-s-custom:before {
  content: "";
}

.el-icon-s-claim:before {
  content: "";
}

.el-icon-s-finance:before {
  content: "";
}

.el-icon-s-comment:before {
  content: "";
}

.el-icon-s-flag:before {
  content: "";
}

.el-icon-s-marketing:before {
  content: "";
}

.el-icon-s-shop:before {
  content: "";
}

.el-icon-s-open:before {
  content: "";
}

.el-icon-s-management:before {
  content: "";
}

.el-icon-s-ticket:before {
  content: "";
}

.el-icon-s-release:before {
  content: "";
}

.el-icon-s-home:before {
  content: "";
}

.el-icon-s-promotion:before {
  content: "";
}

.el-icon-s-operation:before {
  content: "";
}

.el-icon-s-unfold:before {
  content: "";
}

.el-icon-s-fold:before {
  content: "";
}

.el-icon-s-platform:before {
  content: "";
}

.el-icon-s-order:before {
  content: "";
}

.el-icon-s-cooperation:before {
  content: "";
}

.el-icon-bell:before {
  content: "";
}

.el-icon-message-solid:before {
  content: "";
}

.el-icon-video-camera:before {
  content: "";
}

.el-icon-video-camera-solid:before {
  content: "";
}

.el-icon-camera:before {
  content: "";
}

.el-icon-camera-solid:before {
  content: "";
}

.el-icon-download:before {
  content: "";
}

.el-icon-upload2:before {
  content: "";
}

.el-icon-upload:before {
  content: "";
}

.el-icon-picture-outline-round:before {
  content: "";
}

.el-icon-picture-outline:before {
  content: "";
}

.el-icon-picture:before {
  content: "";
}

.el-icon-close:before {
  content: "";
}

.el-icon-check:before {
  content: "";
}

.el-icon-plus:before {
  content: "";
}

.el-icon-minus:before {
  content: "";
}

.el-icon-help:before {
  content: "";
}

.el-icon-s-help:before {
  content: "";
}

.el-icon-circle-close:before {
  content: "";
}

.el-icon-circle-check:before {
  content: "";
}

.el-icon-circle-plus-outline:before {
  content: "";
}

.el-icon-remove-outline:before {
  content: "";
}

.el-icon-zoom-out:before {
  content: "";
}

.el-icon-zoom-in:before {
  content: "";
}

.el-icon-error:before {
  content: "";
}

.el-icon-success:before {
  content: "";
}

.el-icon-circle-plus:before {
  content: "";
}

.el-icon-remove:before {
  content: "";
}

.el-icon-info:before {
  content: "";
}

.el-icon-question:before {
  content: "";
}

.el-icon-warning-outline:before {
  content: "";
}

.el-icon-warning:before {
  content: "";
}

.el-icon-goods:before {
  content: "";
}

.el-icon-s-goods:before {
  content: "";
}

.el-icon-star-off:before {
  content: "";
}

.el-icon-star-on:before {
  content: "";
}

.el-icon-more-outline:before {
  content: "";
}

.el-icon-more:before {
  content: "";
}

.el-icon-phone-outline:before {
  content: "";
}

.el-icon-phone:before {
  content: "";
}

.el-icon-user:before {
  content: "";
}

.el-icon-user-solid:before {
  content: "";
}

.el-icon-setting:before {
  content: "";
}

.el-icon-s-tools:before {
  content: "";
}

.el-icon-delete:before {
  content: "";
}

.el-icon-delete-solid:before {
  content: "";
}

.el-icon-eleme:before {
  content: "";
}

.el-icon-platform-eleme:before {
  content: "";
}

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

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

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

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
.el-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: var(--color-text-primary);
  font-weight: bold;
}
.el-pagination::before,
.el-pagination::after {
  display: table;
  content: "";
}

.el-pagination::after {
  clear: both;
}

.el-pagination span:not([class*=suffix]),
.el-pagination button {
  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(0.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: var(--color-primary);
}
.el-pagination button:disabled {
  color: var(--color-text-placeholder);
  background-color: var(--color-white);
  cursor: not-allowed;
}
.el-pagination .btn-prev,
.el-pagination .btn-next {
  background: center center no-repeat;
  background-size: 16px;
  background-color: var(--color-white);
  cursor: pointer;
  margin: 0;
  color: var(--color-text-primary);
}
.el-pagination .btn-prev .el-icon,
.el-pagination .btn-next .el-icon {
  display: block;
  font-size: 12px;
  font-weight: bold;
}
.el-pagination .btn-prev {
  padding-right: 12px;
}
.el-pagination .btn-next {
  padding-left: 12px;
}
.el-pagination .el-pager li.disabled {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-pagination--small .btn-prev,
.el-pagination--small .btn-next,
.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 span:not([class*=suffix]),
.el-pagination--small button {
  height: 22px;
  line-height: 22px;
}
.el-pagination--small .el-pagination__editor {
  height: 22px;
}
.el-pagination--small .el-pagination__editor.el-input .el-input__inner {
  height: 22px;
}

.el-pagination__sizes {
  margin: 0 10px 0 0;
  font-weight: normal;
  color: var(--color-text-regular);
}
.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: var(--color-primary);
}

.el-pagination__total {
  margin-right: 10px;
  font-weight: normal;
  color: var(--color-text-regular);
}

.el-pagination__jump {
  margin-left: 24px;
  font-weight: normal;
  color: var(--color-text-regular);
}
.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-prev,
.el-pagination.is-background .btn-next,
.el-pagination.is-background .el-pager li {
  margin: 0 5px;
  background-color: var(--color-info-1);
  color: var(--color-text-regular);
  min-width: 30px;
  border-radius: 2px;
}
.el-pagination.is-background .btn-prev.disabled,
.el-pagination.is-background .btn-next.disabled,
.el-pagination.is-background .el-pager li.disabled {
  color: var(--color-text-placeholder);
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
  padding: 0;
}
.el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
  color: var(--color-text-placeholder);
}
.el-pagination.is-background .el-pager li:not(.disabled):hover {
  color: var(--color-primary);
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--color-primary);
  color: var(--color-text-dark-primary);
}
.el-pagination.is-background.el-pagination--small .btn-prev,
.el-pagination.is-background.el-pagination--small .btn-next,
.el-pagination.is-background.el-pagination--small .el-pager li {
  margin: 0 3px;
  min-width: 22px;
}

.el-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          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: var(--color-white);
  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: var(--color-text-primary);
}
.el-pager li.btn-quicknext.disabled, .el-pager li.btn-quickprev.disabled {
  color: var(--color-text-placeholder);
}
.el-pager li.btn-quickprev:hover {
  cursor: pointer;
}
.el-pager li.btn-quicknext:hover {
  cursor: pointer;
}
.el-pager li.active + li {
  border-left: 0;
}
.el-pager li:hover {
  color: var(--color-primary);
}
.el-pager li.active {
  color: var(--color-primary);
  cursor: default;
}

.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}

.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}

@keyframes v-modal-in {
  0% {
    opacity: 0;
  }
}
@keyframes v-modal-out {
  100% {
    opacity: 0;
  }
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: var(--popup-modal-opacity);
  background: var(--popup-modal-background-color);
}

.el-popup-parent--hidden {
  overflow: hidden;
}

.el-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: var(--popover-background-color);
  border-radius: 2px;
  box-shadow: var(--dialog-box-shadow);
  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;
  padding-bottom: 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: var(--color-info);
}
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
  color: var(--color-primary);
}

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

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

.el-dialog__footer {
  padding: 20px;
  padding-top: 10px;
  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 0.3s;
}

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

@keyframes dialog-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes dialog-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-autocomplete {
  position: relative;
  display: inline-block;
}

.el-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: var(--box-shadow-light);
  border-radius: 4px;
  border: 1px solid var(--border-color-light);
  box-sizing: border-box;
  background-color: var(--color-white);
}
.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: var(--color-text-regular);
  font-size: 14px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.el-autocomplete-suggestion li:hover {
  background-color: var(--background-color-base);
}
.el-autocomplete-suggestion li.highlighted {
  background-color: var(--background-color-base);
}
.el-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid var(--color-black);
}
.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: var(--color-text-secondary);
}
.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: var(--color-white);
}
.el-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

.el-dropdown {
  display: inline-block;
  position: relative;
  color: var(--color-text-regular);
  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: var(--color-white-5);
}
.el-dropdown .el-dropdown__caret-button.el-button--default::before {
  background: var(--button-default-border-color-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: var(--popover-background-color);
  border: 1px solid var(--border-color-lighter);
  border-radius: 4px;
  box-shadow: var(--box-shadow-light);
}
.el-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: var(--color-text-regular);
  cursor: pointer;
  outline: none;
}
.el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
  background-color: var(--color-primary-1);
  color: var(--color-primary-5);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid var(--border-color-lighter);
}
.el-dropdown-menu__item--divided:before {
  content: "";
  height: 6px;
  display: block;
  margin: 0 -20px;
  background-color: var(--popover-background-color);
}

.el-dropdown-menu__item.is-disabled {
  cursor: default;
  color: var(--color-text-placeholder);
  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 var(--border-color-lighter);
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: var(--color-white);
}
.el-menu::before,
.el-menu::after {
  display: table;
  content: "";
}

.el-menu::after {
  clear: both;
}

.el-menu.el-menu--horizontal {
  border-bottom: solid 1px var(--border-color-lighter);
}
.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: var(--color-text-secondary);
}
.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):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
  background-color: #fff;
}
.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: var(--color-text-primary);
}
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-text-primary);
}
.el-menu--horizontal > .el-submenu .el-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: var(--color-text-secondary);
}
.el-menu--horizontal > .el-submenu .el-submenu__title:hover {
  background-color: #fff;
}
.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: var(--color-white);
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: var(--color-text-secondary);
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title {
  color: var(--color-text-primary);
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
  outline: none;
  color: var(--color-text-primary);
}
.el-menu--horizontal > .el-menu-item.is-active {
  border-bottom: 2px solid var(--color-primary);
  color: var(--color-text-primary);
}

.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 var(--border-color-light);
  border-radius: 2px;
  box-shadow: var(--box-shadow-light);
}
.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: var(--box-shadow-light);
}
.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: var(--color-text-primary);
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-menu-item * {
  vertical-align: middle;
}
.el-menu-item i {
  color: var(--color-text-secondary);
}
.el-menu-item:hover, .el-menu-item:focus {
  outline: none;
  background-color: var(--color-primary-1);
}
.el-menu-item.is-disabled {
  opacity: 0.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: var(--color-primary);
}
.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: var(--color-text-primary);
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-submenu__title * {
  vertical-align: middle;
}
.el-submenu__title i {
  color: var(--color-text-secondary);
}
.el-submenu__title:hover, .el-submenu__title:focus {
  outline: none;
  background-color: var(--color-primary-1);
}
.el-submenu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}

.el-submenu__title:hover {
  background-color: var(--color-primary-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 0.3s;
  font-size: 12px;
}

.el-submenu.is-active .el-submenu__title {
  border-bottom-color: var(--color-primary);
}

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

.el-submenu.is-disabled .el-submenu__title,
.el-submenu.is-disabled .el-menu-item {
  opacity: 0.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: var(--color-text-secondary);
}

.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
  transition: 0.2s;
  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__increase, .el-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: var(--background-color-base);
  color: var(--color-text-regular);
  cursor: pointer;
  font-size: 13px;
}
.el-input-number__increase:hover, .el-input-number__decrease:hover {
  color: var(--color-primary);
}
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
  border-color: var(--color-primary);
}
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}

.el-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid var(--border-color-base);
}

.el-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid var(--border-color-base);
}

.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
  border-color: var(--border-color-light);
  color: var(--border-color-light);
}
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
  color: var(--border-color-light);
  cursor: not-allowed;
}

.el-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease {
  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__increase, .el-input-number--small .el-input-number__decrease {
  width: 32px;
  font-size: 13px;
}
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.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__increase, .el-input-number--mini .el-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.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__increase, .el-input-number.is-controls-right .el-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
  transform: scale(0.8);
}

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid var(--border-color-base);
}

.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 var(--border-color-base);
  border-radius: 0 0 4px 0;
}

.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

.el-radio {
  color: var(--color-text-regular);
  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 var(--border-color-base);
  box-sizing: border-box;
  height: 40px;
}
.el-radio.is-bordered.is-checked {
  border-color: var(--color-primary);
}
.el-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: var(--border-color-lighter);
}
.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: var(--background-color-base);
  border-color: var(--border-color-light);
  cursor: not-allowed;
}
.el-radio__input.is-disabled .el-radio__inner::after {
  cursor: not-allowed;
  background-color: var(--background-color-base);
}
.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: var(--background-color-base);
  border-color: var(--border-color-light);
}
.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background-color: var(--color-text-placeholder);
}
.el-radio__input.is-disabled + span.el-radio__label {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--color-primary);
  background: var(--radio-checked-icon-color);
}
.el-radio__input.is-checked .el-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.el-radio__input.is-checked + .el-radio__label {
  color: var(--color-primary);
}

.el-radio__input.is-focus .el-radio__inner {
  border-color: var(--color-primary);
}

.el-radio__inner {
  border: 1px solid var(--border-color-base);
  border-radius: 100%;
  width: 16px;
  height: 16px;
  background-color: var(--radio-input-background-color);
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.el-radio__inner:hover {
  border-color: var(--color-primary);
}
.el-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: var(--color-white);
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.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:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
  box-shadow: 0 0 2px 2px var(--color-primary);
}
.el-radio__label {
  font-size: 14px;
  padding-left: 10px;
}

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

.el-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.el-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: var(--button-default-background-color);
  border: 1px solid var(--border-color-base);
  font-weight: 500;
  border-left: 0;
  color: var(--color-text-regular);
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: var(--color-primary);
}
.el-radio-button__inner [class*=el-icon-] {
  line-height: 0.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 var(--border-color-base);
  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: var(--color-text-dark-primary);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: -1px 0 0 0 var(--color-primary);
}
.el-radio-button__orig-radio:disabled + .el-radio-button__inner {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--button-disabled-background-color);
  border-color: var(--border-color-lighter);
  box-shadow: none;
}
.el-radio-button__orig-radio:disabled:checked + .el-radio-button__inner {
  background-color: var(--border-color-extra-light);
}

.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 var(--color-primary);
}

.el-checkbox {
  color: var(--color-text-regular);
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.el-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid var(--border-color-base);
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.el-checkbox.is-bordered.is-checked {
  border-color: var(--color-primary);
}
.el-checkbox.is-bordered.is-disabled {
  border-color: var(--border-color-lighter);
  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: var(--background-color-base);
  border-color: var(--border-color-base);
  cursor: not-allowed;
}
.el-checkbox__input.is-disabled .el-checkbox__inner::after {
  cursor: not-allowed;
  border-color: var(--color-text-placeholder);
}
.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: var(--border-color-extra-light);
  border-color: var(--border-color-base);
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: var(--color-text-placeholder);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
  background-color: var(--border-color-extra-light);
  border-color: var(--border-color-base);
}
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
  background-color: var(--color-text-placeholder);
  border-color: var(--color-text-placeholder);
}
.el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-checkbox__input.is-checked .el-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: var(--color-primary);
}

.el-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: var(--color-primary);
}

.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--color-text-dark-primary);
  height: 2px;
  transform: scale(0.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 var(--border-color-base);
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: var(--checkbox-background-color);
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.el-checkbox__inner:hover {
  border-color: var(--color-primary);
}
.el-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid var(--color-text-dark-primary);
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.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 {
  position: relative;
  display: inline-block;
}
.el-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: var(--button-default-background-color);
  border: 1px solid var(--border-color-base);
  border-left: 0;
  color: var(--color-text-regular);
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.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: var(--color-primary);
}
.el-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.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: var(--color-text-dark-primary);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: -1px 0 0 0 --button-default-border-color-5;
}
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  border-left-color: var(--color-primary);
}
.el-checkbox-button.is-disabled .el-checkbox-button__inner {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--button-disabled-background-color);
  border-color: var(--border-color-lighter);
  box-shadow: none;
}
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
  border-left-color: var(--border-color-lighter);
}
.el-checkbox-button:first-child .el-checkbox-button__inner {
  border-left: 1px solid var(--border-color-base);
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.el-checkbox-button.is-focus .el-checkbox-button__inner {
  border-color: var(--color-primary);
}
.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-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: 0.2s;
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: var(--color-text-primary);
}
.el-switch__label.is-active {
  color: var(--color-primary);
}

.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 var(--border-color-base);
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: var(--border-color-base);
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.el-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: var(--color-text-dark-primary);
}

.el-switch.is-checked .el-switch__core {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.el-switch.is-checked .el-switch__core::after {
  left: 100%;
  margin-left: -17px;
}

.el-switch.is-disabled {
  opacity: 0.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: solid 1px var(--border-color-light);
  border-radius: 4px;
  background-color: var(--popover-background-color);
  box-shadow: var(--box-shadow-light);
  box-sizing: border-box;
  margin: 5px 0;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  color: var(--color-primary);
  background-color: var(--popover-background-color);
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  background-color: var(--background-color-base);
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
  position: absolute;
  right: 20px;
  font-family: "element-icons";
  content: "";
  font-size: 12px;
  font-weight: bold;
  -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: var(--color-text-secondary);
  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-tag {
  background-color: var(--color-primary-1);
  border-color: var(--color-primary-3);
  color: var(--color-primary-6);
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: var(--color-primary);
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.el-tag.is-hit {
  border-color: var(--color-primary);
}

.el-tag .el-tag__close {
  color: var(--color-primary-6);
}
.el-tag .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary-6);
}
.el-tag.el-tag--info {
  background-color: var(--color-info-1);
  border-color: var(--color-info-3);
  color: var(--color-info-6);
}
.el-tag.el-tag--info.is-hit {
  border-color: var(--color-info);
}

.el-tag.el-tag--info .el-tag__close {
  color: var(--color-info-6);
}
.el-tag.el-tag--info .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-info-6);
}
.el-tag.el-tag--success {
  background-color: var(--color-success-1);
  border-color: var(--color-success-3);
  color: var(--color-success-6);
}
.el-tag.el-tag--success.is-hit {
  border-color: var(--color-success);
}

.el-tag.el-tag--success .el-tag__close {
  color: var(--color-success-6);
}
.el-tag.el-tag--success .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-success-6);
}
.el-tag.el-tag--warning {
  background-color: var(--color-warning-1);
  border-color: var(--color-warning-3);
  color: var(--color-warning-6);
}
.el-tag.el-tag--warning.is-hit {
  border-color: var(--color-warning);
}

.el-tag.el-tag--warning .el-tag__close {
  color: var(--color-warning-6);
}
.el-tag.el-tag--warning .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-warning-6);
}
.el-tag.el-tag--danger {
  background-color: var(--color-danger-1);
  border-color: var(--color-danger-3);
  color: var(--color-danger-6);
}
.el-tag.el-tag--danger.is-hit {
  border-color: var(--color-danger);
}

.el-tag.el-tag--danger .el-tag__close {
  color: var(--color-danger-6);
}
.el-tag.el-tag--danger .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-danger-6);
}
.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: var(--color-primary-6);
  border-color: var(--color-primary-6);
  color: var(--color-primary-6);
  color: var(--color-text-dark-primary);
}
.el-tag--dark.is-hit {
  border-color: var(--color-primary);
}

.el-tag--dark .el-tag__close {
  color: var(--color-primary-6);
}
.el-tag--dark .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary-4);
}
.el-tag--dark.el-tag--info {
  background-color: var(--color-info-6);
  border-color: var(--color-info-6);
  color: var(--color-info-6);
}
.el-tag--dark.el-tag--info.is-hit {
  border-color: var(--color-info);
}

.el-tag--dark.el-tag--info .el-tag__close {
  color: var(--color-info-6);
}
.el-tag--dark.el-tag--info .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-info-4);
}
.el-tag--dark.el-tag--success {
  background-color: var(--color-success-6);
  border-color: var(--color-success-6);
  color: var(--color-success-6);
}
.el-tag--dark.el-tag--success.is-hit {
  border-color: var(--color-success);
}

.el-tag--dark.el-tag--success .el-tag__close {
  color: var(--color-success-6);
}
.el-tag--dark.el-tag--success .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-success-4);
}
.el-tag--dark.el-tag--warning {
  background-color: var(--color-warning-6);
  border-color: var(--color-warning-6);
  color: var(--color-warning-6);
}
.el-tag--dark.el-tag--warning.is-hit {
  border-color: var(--color-warning);
}

.el-tag--dark.el-tag--warning .el-tag__close {
  color: var(--color-warning-6);
}
.el-tag--dark.el-tag--warning .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-warning-4);
}
.el-tag--dark.el-tag--danger {
  background-color: var(--color-danger-6);
  border-color: var(--color-danger-6);
  color: var(--color-danger-6);
}
.el-tag--dark.el-tag--danger.is-hit {
  border-color: var(--color-danger);
}

.el-tag--dark.el-tag--danger .el-tag__close {
  color: var(--color-danger-6);
}
.el-tag--dark.el-tag--danger .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-danger-4);
}
.el-tag--dark.el-tag--info, .el-tag--dark.el-tag--success, .el-tag--dark.el-tag--warning, .el-tag--dark.el-tag--danger {
  color: var(--color-text-dark-primary);
}
.el-tag--dark .el-tag__close {
  color: var(--color-text-dark-primary);
}
.el-tag--dark .el-tag__close:hover {
  color: var(--color-text-dark-primary);
}

.el-tag--plain {
  background-color: var(--color-primary-1);
  border-color: var(--color-primary-6);
  color: var(--color-primary-6);
  background: none;
}
.el-tag--plain.is-hit {
  border-color: var(--color-primary);
}

.el-tag--plain .el-tag__close {
  color: var(--color-primary-6);
}
.el-tag--plain .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary-6);
}
.el-tag--plain.el-tag--info {
  background-color: var(--color-info-1);
  border-color: var(--color-info-6);
  color: var(--color-info-6);
}
.el-tag--plain.el-tag--info.is-hit {
  border-color: var(--color-info);
}

.el-tag--plain.el-tag--info .el-tag__close {
  color: var(--color-info-6);
}
.el-tag--plain.el-tag--info .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-info-6);
}
.el-tag--plain.el-tag--success {
  background-color: var(--color-success-1);
  border-color: var(--color-success-6);
  color: var(--color-success-6);
}
.el-tag--plain.el-tag--success.is-hit {
  border-color: var(--color-success);
}

.el-tag--plain.el-tag--success .el-tag__close {
  color: var(--color-success-6);
}
.el-tag--plain.el-tag--success .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-success-6);
}
.el-tag--plain.el-tag--warning {
  background-color: var(--color-warning-1);
  border-color: var(--color-warning-6);
  color: var(--color-warning-6);
}
.el-tag--plain.el-tag--warning.is-hit {
  border-color: var(--color-warning);
}

.el-tag--plain.el-tag--warning .el-tag__close {
  color: var(--color-warning-6);
}
.el-tag--plain.el-tag--warning .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-warning-6);
}
.el-tag--plain.el-tag--danger {
  background-color: var(--color-danger-1);
  border-color: var(--color-danger-6);
  color: var(--color-danger-6);
}
.el-tag--plain.el-tag--danger.is-hit {
  border-color: var(--color-danger);
}

.el-tag--plain.el-tag--danger .el-tag__close {
  color: var(--color-danger-6);
}
.el-tag--plain.el-tag--danger .el-tag__close:hover {
  color: var(--color-text-dark-primary);
  background-color: var(--color-danger-6);
}
.el-tag--plain.el-tag--info, .el-tag--plain.el-tag--success, .el-tag--plain.el-tag--warning, .el-tag--plain.el-tag--danger {
  background: none;
}

.el-tag--medium {
  height: 28px;
  line-height: 26px;
}
.el-tag--medium .el-icon-close {
  transform: scale(0.8);
}

.el-tag--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.el-tag--small .el-icon-close {
  transform: scale(0.8);
}

.el-tag--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.el-tag--mini .el-icon-close {
  margin-left: -3px;
  transform: scale(0.7);
}

.el-select-dropdown__item {
  font-size: 14px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text-regular);
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.el-select-dropdown__item.is-disabled {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-select-dropdown__item.is-disabled:hover {
  background-color: var(--color-white);
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: var(--background-color-base);
}
.el-select-dropdown__item.selected {
  color: var(--color-primary);
  font-weight: bold;
}

.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: var(--border-color-light);
}

.el-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: var(--color-info);
  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: var(--color-text-placeholder);
}
.el-select .el-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.el-select .el-input__inner:focus {
  border-color: var(--color-primary);
}
.el-select .el-input .el-select__caret {
  color: var(--color-text-placeholder);
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.el-select .el-input .el-select__caret.is-reverse {
  transform: rotateZ(0deg);
}

.el-select .el-input .el-select__caret.is-show-close {
  font-size: 14px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: var(--color-text-placeholder);
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-select .el-input .el-select__caret.is-show-close:hover {
  color: var(--color-text-secondary);
}

.el-select .el-input.is-disabled .el-input__inner {
  cursor: not-allowed;
}
.el-select .el-input.is-disabled .el-input__inner:hover {
  border-color: var(--border-color-light);
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--color-primary);
}
.el-select > .el-input {
  display: block;
}
.el-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: var(--color-text-regular);
  font-size: 14px;
  -webkit-appearance: none;
     -moz-appearance: none;
          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: var(--color-text-placeholder);
  line-height: 18px;
  font-size: 14px;
}
.el-select__close:hover {
  color: var(--color-text-secondary);
}

.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: var(--color-info-2);
  margin: 2px 0 2px 6px;
  background-color: var(--color-info-1);
}
.el-select .el-tag__close.el-icon-close {
  background-color: var(--color-text-placeholder);
  right: -7px;
  top: 0;
  color: var(--color-text-dark-primary);
}
.el-select .el-tag__close.el-icon-close:hover {
  background-color: var(--color-text-secondary);
}
.el-select .el-tag__close.el-icon-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

.el-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: var(--color-white);
  font-size: 14px;
  color: var(--color-text-regular);
}
.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: var(--color-text-secondary);
}

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

.el-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: var(--color-text-regular);
  font-size: 12px;
  transition: transform 0.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: var(--color-white);
}
.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 th.gutter, .el-table--fit td.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: var(--color-text-primary);
  font-weight: 500;
}
.el-table thead.is-group th {
  background: var(--background-color-base);
}
.el-table th, .el-table td {
  padding: 12px 0;
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.el-table th.is-center, .el-table td.is-center {
  text-align: center;
}

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

.el-table th.gutter, .el-table td.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.el-table th.is-hidden > *, .el-table td.is-hidden > * {
  visibility: hidden;
}
.el-table--medium th, .el-table--medium td {
  padding: 10px 0;
}

.el-table--small {
  font-size: 12px;
}
.el-table--small th, .el-table--small td {
  padding: 8px 0;
}

.el-table--mini {
  font-size: 12px;
}
.el-table--mini th, .el-table--mini td {
  padding: 6px 0;
}

.el-table tr {
  background-color: var(--color-white);
}
.el-table tr input[type=checkbox] {
  margin: 0;
}
.el-table th.is-leaf, .el-table td {
  border-bottom: 1px solid var(--border-color-lighter);
}
.el-table th.is-sortable {
  cursor: pointer;
}
.el-table th {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--table-header-background-color);
}
.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: var(--color-primary);
}
.el-table th.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  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--group, .el-table--border {
  border: 1px solid var(--border-color-lighter);
}
.el-table::before, .el-table--group::after, .el-table--border::after {
  content: "";
  position: absolute;
  background-color: var(--border-color-lighter);
  z-index: 1;
}

.el-table--group::after, .el-table--border::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 th, .el-table--border td {
  border-right: 1px solid var(--border-color-lighter);
}
.el-table--border th:first-child .cell, .el-table--border td:first-child .cell {
  padding-left: 10px;
}
.el-table--border th.gutter:last-of-type {
  border-bottom: 1px solid var(--border-color-lighter);
  border-bottom-width: 1px;
}
.el-table--border th {
  border-bottom: 1px solid var(--border-color-lighter);
}

.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: var(--table-fixed-box-shadow);
}
.el-table__fixed::before, .el-table__fixed-right::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: var(--border-color-lighter);
  z-index: 4;
}

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

.el-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}
.el-table__fixed-right .el-table__fixed-header-wrapper,
.el-table__fixed-right .el-table__fixed-body-wrapper,
.el-table__fixed-right .el-table__fixed-footer-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 var(--border-color-lighter);
  background-color: var(--background-color-base);
  color: var(--color-text-regular);
}

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

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

.el-table__footer-wrapper {
  margin-top: -1px;
}
.el-table__footer-wrapper td {
  border-top: 1px solid var(--border-color-lighter);
}

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

.el-table__header-wrapper, .el-table__footer-wrapper {
  overflow: hidden;
}
.el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td {
  background-color: var(--background-color-base);
  color: var(--color-text-regular);
}

.el-table__body-wrapper {
  overflow: hidden;
  position: relative;
}
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed,
.el-table__body-wrapper.is-scrolling-none ~ .el-table__fixed-right {
  box-shadow: none;
}

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

.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 var(--border-color-lighter);
}

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

.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: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.el-table .sort-caret.ascending {
  border-bottom-color: var(--color-text-placeholder);
  top: 5px;
}
.el-table .sort-caret.descending {
  border-top-color: var(--color-text-placeholder);
  bottom: 7px;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color: var(--color-primary);
}
.el-table .descending .sort-caret.descending {
  border-top-color: var(--color-primary);
}
.el-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: var(--background-color-base);
}
.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  background-color: var(--color-primary-1);
}

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

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

.el-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
}
.el-table__column-filter-trigger i {
  color: var(--color-info);
  font-size: 12px;
  transform: scale(0.75);
}

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

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: var(--background-color-base);
}

.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: solid 1px var(--border-color-lighter);
  border-radius: 2px;
  background-color: var(--popover-background-color);
  box-shadow: var(--box-shadow-light);
  box-sizing: border-box;
  margin: 2px 0;
  /** used for dropdown mode */
}
.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: var(--color-primary-1);
  color: var(--color-primary-5);
}
.el-table-filter__list-item.is-active {
  background-color: var(--color-primary);
  color: var(--color-text-dark-primary);
}

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

.el-table-filter__bottom {
  border-top: 1px solid var(--border-color-lighter);
  padding: 8px;
}
.el-table-filter__bottom button {
  background: transparent;
  border: none;
  color: var(--color-text-regular);
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px;
}
.el-table-filter__bottom button:hover {
  color: var(--color-primary);
}
.el-table-filter__bottom button:focus {
  outline: none;
}
.el-table-filter__bottom button.is-disabled {
  color: var(--color-text-placeholder);
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-date-table.is-week-mode .el-date-table__row:hover div {
  background-color: var(--color-primary-1);
}
.el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
  color: var(--color-text-regular);
}
.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: var(--color-primary-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: var(--color-text-placeholder);
}
.el-date-table td.today {
  position: relative;
}
.el-date-table td.today span {
  color: var(--color-primary);
  font-weight: bold;
}
.el-date-table td.today.start-date span, .el-date-table td.today.end-date span {
  color: var(--color-text-dark-primary);
}
.el-date-table td.available:hover {
  color: var(--color-primary);
}
.el-date-table td.in-range div {
  background-color: var(--color-primary-1);
}
.el-date-table td.in-range div:hover {
  background-color: var(--color-primary-1);
}
.el-date-table td.current:not(.disabled) span {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary);
}
.el-date-table td.start-date div, .el-date-table td.end-date div {
  color: var(--color-text-dark-primary);
}
.el-date-table td.start-date span, .el-date-table td.end-date span {
  background-color: var(--color-primary);
}
.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: var(--background-color-base);
  opacity: 1;
  cursor: not-allowed;
  color: var(--color-text-placeholder);
}
.el-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: var(--color-primary-1);
  border-radius: 15px;
}
.el-date-table td.selected div:hover {
  background-color: var(--color-primary-1);
}
.el-date-table td.selected span {
  background-color: var(--color-primary);
  color: var(--color-text-dark-primary);
  border-radius: 15px;
}
.el-date-table td.week {
  font-size: 80%;
  color: var(--color-text-regular);
}
.el-date-table th {
  padding: 5px;
  color: var(--color-text-regular);
  font-weight: 400;
  border-bottom: solid 1px var(--border-color-lighter);
}

.el-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-month-table td {
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
}
.el-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.el-month-table td.today .cell {
  color: var(--color-primary);
  font-weight: bold;
}
.el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
  color: var(--color-text-dark-primary);
}
.el-month-table td.disabled .cell {
  background-color: var(--background-color-base);
  cursor: not-allowed;
  color: var(--color-text-placeholder);
}
.el-month-table td.disabled .cell:hover {
  color: var(--color-text-placeholder);
}
.el-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: var(--color-text-regular);
  margin: 0 auto;
  border-radius: 18px;
}
.el-month-table td .cell:hover {
  color: var(--color-primary);
}
.el-month-table td.in-range div {
  background-color: var(--color-primary-1);
}
.el-month-table td.in-range div:hover {
  background-color: var(--color-primary-1);
}
.el-month-table td.start-date div, .el-month-table td.end-date div {
  color: var(--color-text-dark-primary);
}
.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary);
}
.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: var(--color-primary);
}

.el-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.el-year-table .el-icon {
  color: var(--color-text-primary);
}
.el-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.el-year-table td.today .cell {
  color: var(--color-primary);
  font-weight: bold;
}
.el-year-table td.disabled .cell {
  background-color: var(--background-color-base);
  cursor: not-allowed;
  color: var(--color-text-placeholder);
}
.el-year-table td.disabled .cell:hover {
  color: var(--color-text-placeholder);
}
.el-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: var(--color-text-regular);
  margin: 0 auto;
}
.el-year-table td .cell:hover {
  color: var(--color-primary);
}
.el-year-table td.current:not(.disabled) .cell {
  color: var(--color-primary);
}

.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: var(--color-white);
  cursor: default;
}

.el-time-spinner__arrow {
  font-size: 12px;
  color: var(--color-text-secondary);
  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: var(--color-primary);
}
.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 {
  padding: 0;
  text-align: center;
}

.el-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.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: var(--color-text-regular);
}
.el-time-spinner__item:hover:not(.disabled):not(.active) {
  background: var(--background-color-base);
  cursor: pointer;
}
.el-time-spinner__item.active:not(.disabled) {
  color: var(--color-text-primary);
  font-weight: bold;
}
.el-time-spinner__item.disabled {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}

.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: var(--color-text-placeholder);
  float: left;
  line-height: 32px;
}
.el-date-editor .el-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: var(--color-text-regular);
}
.el-date-editor .el-range-input::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-date-editor .el-range-input::placeholder {
  color: var(--color-text-placeholder);
}
.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: var(--color-text-primary);
}
.el-date-editor .el-range__close-icon {
  font-size: 14px;
  color: var(--color-text-placeholder);
  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 {
  border-color: var(--color-primary);
}
.el-range-editor.is-active:hover {
  border-color: var(--color-primary);
}

.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__icon,
.el-range-editor--medium .el-range__close-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__icon,
.el-range-editor--small .el-range__close-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__icon,
.el-range-editor--mini .el-range__close-icon {
  line-height: 20px;
}

.el-range-editor.is-disabled {
  background-color: var(--background-color-base);
  border-color: var(--border-color-light);
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
  border-color: var(--border-color-light);
}
.el-range-editor.is-disabled input {
  background-color: var(--background-color-base);
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-range-editor.is-disabled input::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-range-editor.is-disabled input::placeholder {
  color: var(--color-text-placeholder);
}
.el-range-editor.is-disabled .el-range-separator {
  color: var(--color-text-placeholder);
}

.el-picker-panel {
  color: var(--color-text-regular);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--box-shadow-light);
  background: var(--popover-background-color);
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.el-picker-panel__body::after, .el-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

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

.el-picker-panel__footer {
  border-top: 1px solid var(--border-color-light);
  padding: 4px;
  text-align: right;
  position: relative;
  font-size: 0;
}

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

.el-picker-panel__btn {
  border: 1px solid var(--border-color-base);
  color: var(--color-text-primary);
  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: var(--color-text-placeholder);
  cursor: not-allowed;
}

.el-picker-panel__icon-btn {
  font-size: 12px;
  color: var(--color-text-primary);
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.el-picker-panel__icon-btn:hover {
  color: var(--color-primary);
}
.el-picker-panel__icon-btn.is-disabled {
  color: var(--color-text-placeholder);
}
.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 var(--border-color-light);
  box-sizing: border-box;
  padding-top: 6px;
  overflow: auto;
}

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

.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 var(--border-color-light);
  font-size: 12px;
  padding: 8px 5px 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: solid 1px var(--border-color-lighter);
}
.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: var(--color-text-regular);
}
.el-date-picker__header-label:hover {
  color: var(--color-primary);
}
.el-date-picker__header-label.active {
  color: var(--color-primary);
}

.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;
}

.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 var(--border-color-light);
}

.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 var(--border-color-light);
  font-size: 12px;
  padding: 8px 5px 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: var(--color-text-primary);
}

.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: var(--popover-background-color);
}

.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 var(--border-color-light);
}

.el-time-panel {
  margin: 5px 0;
  border: solid 1px var(--border-color-light);
  background-color: var(--popover-background-color);
  box-shadow: var(--box-shadow-light);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          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 var(--border-color-light);
  border-bottom: 1px solid var(--border-color-light);
}
.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: calc(100% / 3 * 2);
}
.el-time-panel__content.has-seconds::before {
  padding-left: calc(100% / 3);
}

.el-time-panel__footer {
  border-top: 1px solid var(--border-color-light);
  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: var(--color-text-primary);
}
.el-time-panel__btn.confirm {
  font-weight: 800;
  color: var(--color-primary);
}

.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: var(--color-primary);
  font-weight: bold;
}

.time-select-item.disabled {
  color: var(--border-color-light);
  cursor: not-allowed;
}

.time-select-item:hover {
  background-color: var(--background-color-base);
  font-weight: bold;
  cursor: pointer;
}

.el-scrollbar {
  overflow: hidden;
  position: relative;
}
.el-scrollbar:hover > .el-scrollbar__bar, .el-scrollbar:active > .el-scrollbar__bar, .el-scrollbar:focus > .el-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms 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: var(--scrollbar-background-color);
  transition: 0.3s background-color;
}
.el-scrollbar__thumb:hover {
  background-color: var(--scrollbar-hover-background-color);
}

.el-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms 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-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(0, 0, 0, 0.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: var(--border-color-lighter);
  border-bottom-width: 0;
}
.el-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: var(--popover-background-color);
  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: var(--border-color-lighter);
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: var(--popover-background-color);
}
.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: var(--border-color-lighter);
  border-left-width: 0;
}
.el-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: var(--popover-background-color);
  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: var(--border-color-lighter);
}
.el-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: var(--popover-background-color);
}

.el-popover {
  position: absolute;
  background: var(--popover-background-color);
  min-width: 150px;
  border-radius: 4px;
  border: 1px solid var(--border-color-lighter);
  padding: 12px;
  z-index: 2000;
  color: var(--color-text-regular);
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: var(--box-shadow-light);
  word-break: break-all;
}
.el-popover--plain {
  padding: 18px 20px;
}

.el-popover__title {
  color: var(--color-text-primary);
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px;
}

.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
  outline-width: 0;
}

.el-popover:focus:active, .el-popover:focus {
  outline-width: 0;
}

.el-tooltip:focus:not(.focusing), .el-tooltip:focus:hover {
  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: var(--tooltip-border-color);
  border-bottom-width: 0;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: var(--tooltip-fill);
  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: var(--tooltip-border-color);
}
.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: var(--tooltip-fill);
}
.el-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: var(--tooltip-border-color);
  border-left-width: 0;
}
.el-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: var(--tooltip-fill);
  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: var(--tooltip-border-color);
}
.el-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: var(--tooltip-fill);
}
.el-tooltip__popper.is-dark {
  background: var(--tooltip-fill);
  color: var(--tooltip-color);
}

.el-tooltip__popper.is-light {
  background: var(--tooltip-color);
  border: 1px solid var(--tooltip-fill);
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: var(--tooltip-fill);
}
.el-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: var(--tooltip-color);
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: var(--tooltip-fill);
}
.el-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: var(--tooltip-color);
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: var(--tooltip-fill);
}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: var(--tooltip-color);
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: var(--tooltip-fill);
}
.el-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: var(--tooltip-color);
}

.el-message-box {
  display: inline-block;
  width: 420px;
  padding-bottom: 10px;
  vertical-align: middle;
  background-color: var(--popover-background-color);
  border-radius: 4px;
  border: 1px solid var(--border-color-lighter);
  font-size: 18px;
  box-shadow: var(--box-shadow-light);
  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;
  padding-bottom: 10px;
}

.el-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1;
  color: var(--color-text-primary);
}

.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: var(--color-info);
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
  color: var(--color-primary);
}

.el-message-box__content {
  padding: 10px 15px;
  color: var(--color-text-regular);
  font-size: 14px;
}

.el-message-box__container {
  position: relative;
}

.el-message-box__input {
  padding-top: 15px;
}
.el-message-box__input input.invalid {
  border-color: var(--color-danger);
}
.el-message-box__input input.invalid:focus {
  border-color: var(--color-danger);
}

.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: var(--color-success);
}
.el-message-box__status.el-icon-info {
  color: var(--color-info);
}
.el-message-box__status.el-icon-warning {
  color: var(--color-warning);
}
.el-message-box__status.el-icon-error {
  color: var(--color-danger);
}

.el-message-box__message {
  margin: 0;
}
.el-message-box__message p {
  margin: 0;
  line-height: 24px;
}

.el-message-box__errormsg {
  color: var(--color-danger);
  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 0.3s;
}

.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}

@keyframes msgbox-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes msgbox-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.el-breadcrumb::before,
.el-breadcrumb::after {
  display: table;
  content: "";
}

.el-breadcrumb::after {
  clear: both;
}

.el-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: var(--color-text-placeholder);
}
.el-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  font-weight: normal;
}

.el-breadcrumb__item {
  float: left;
}
.el-breadcrumb__inner {
  color: var(--color-text-regular);
}
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: var(--color-text-primary);
}
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
  color: var(--color-primary);
  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: normal;
  color: var(--color-text-regular);
  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 0;
}

.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::before,
.el-form-item::after {
  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__label {
  line-height: 36px;
}
.el-form-item--medium .el-form-item__content {
  line-height: 36px;
}

.el-form-item--small .el-form-item__label {
  line-height: 32px;
}
.el-form-item--small .el-form-item__content {
  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__label {
  line-height: 28px;
}
.el-form-item--mini .el-form-item__content {
  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: var(--color-text-regular);
  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::before,
.el-form-item__content::after {
  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: var(--color-danger);
  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:before, .el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before {
  content: "*";
  color: var(--color-danger);
  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: var(--color-danger);
}
.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: var(--color-danger);
}

.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: var(--color-primary);
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}

.el-tabs__new-tab {
  float: right;
  border: 1px solid var(--border-color-base);
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.15s;
}
.el-tabs__new-tab .el-icon-plus {
  transform: scale(0.8, 0.8);
}
.el-tabs__new-tab:hover {
  color: var(--color-primary);
}

.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: var(--border-color-light);
  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: var(--color-text-secondary);
}

.el-tabs__nav-next {
  right: 0;
}

.el-tabs__nav-prev {
  left: 0;
}

.el-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.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: var(--color-text-primary);
  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: 0 0 2px 2px var(--color-primary) inset;
  border-radius: 3px;
}
.el-tabs__item .el-icon-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}
.el-tabs__item .el-icon-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.el-tabs__item .el-icon-close:hover {
  background-color: var(--color-text-placeholder);
  color: var(--color-text-dark-primary);
}
.el-tabs__item.is-active {
  color: var(--color-primary);
}

.el-tabs__item:hover {
  color: var(--color-primary);
  cursor: pointer;
}
.el-tabs__item.is-disabled {
  color: var(--color-text-placeholder);
  cursor: default;
}

.el-tabs__content {
  overflow: hidden;
  position: relative;
}

.el-tabs--card > .el-tabs__header {
  border-bottom: 1px solid var(--border-color-light);
}
.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 var(--border-color-light);
  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 var(--border-color-light);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.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: var(--color-white);
}
.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: var(--color-white);
  border: 1px solid var(--border-color-base);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.el-tabs--border-card > .el-tabs__content {
  padding: 15px;
}
.el-tabs--border-card > .el-tabs__header {
  background-color: var(--background-color-base);
  border-bottom: 1px solid var(--border-color-light);
  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 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  margin-top: -1px;
  color: var(--color-text-secondary);
}
.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 + .el-tabs__item {
  margin-left: -1px;
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
  color: var(--color-primary);
  background-color: var(--color-white);
  border-right-color: var(--border-color-base);
  border-left-color: var(--border-color-base);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  color: var(--color-primary);
}
.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
  color: var(--color-text-placeholder);
}
.el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
  margin-left: 0;
}

.el-tabs--top .el-tabs__item.is-top:nth-child(2),
.el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2),
.el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
  padding-left: 0;
}
.el-tabs--top .el-tabs__item.is-top:last-child,
.el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child,
.el-tabs--bottom .el-tabs__item.is-bottom:last-child {
  padding-right: 0;
}
.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), .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) {
  padding-left: 20px;
}
.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, .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 {
  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 var(--border-color-base);
}
.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 -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-wrap.is-left,
.el-tabs--left .el-tabs__nav-wrap.is-right,
.el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left,
.el-tabs--right .el-tabs__header.is-right,
.el-tabs--right .el-tabs__nav-wrap.is-left,
.el-tabs--right .el-tabs__nav-wrap.is-right,
.el-tabs--right .el-tabs__nav-scroll {
  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-prev,
.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-prev,
.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-prev,
.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-prev,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--left .el-tabs__nav-wrap.is-right > .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-left > .el-tabs__nav-next i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i,
.el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
  transform: rotateZ(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__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.el-tabs--left .el-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.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-left: none;
  border-right: 1px solid var(--border-color-light);
  border-bottom: none;
  border-top: 1px solid var(--border-color-light);
  text-align: left;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
  border-right: 1px solid var(--border-color-light);
  border-top: none;
}
.el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
  border: 1px solid var(--border-color-light);
  border-right-color: var(--color-white);
  border-left: none;
  border-bottom: none;
}
.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 var(--border-color-light);
  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 var(--border-color-light);
}
.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: transparent;
  border-top-color: var(--border-color-light);
  border-bottom-color: var(--border-color-light);
}

.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 var(--border-color-light);
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
  border-left: 1px solid var(--border-color-light);
  border-top: none;
}
.el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
  border: 1px solid var(--border-color-light);
  border-left-color: var(--color-white);
  border-right: none;
  border-bottom: none;
}
.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 var(--border-color-light);
  border-left: none;
}
.el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
  border-left: 1px solid var(--border-color-light);
}
.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: transparent;
  border-top-color: var(--border-color-light);
  border-bottom-color: var(--border-color-light);
}

.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}

.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}

.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}

.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}

.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}

@keyframes slideInRight-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInRight-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
  }
}
@keyframes slideInLeft-enter {
  0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
  }
}
@keyframes slideInLeft-leave {
  0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
  }
}
.el-tree {
  position: relative;
  cursor: default;
  color: var(--color-text-regular);
}
.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: var(--color-text-secondary);
  font-size: 14px;
}

.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: var(--color-primary);
}

.el-tree-node {
  white-space: nowrap;
  outline: none;
}
.el-tree-node:focus {
  /* focus */
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: var(--background-color-base);
}
.el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
  background-color: var(--color-primary);
  color: var(--color-text-dark-primary);
}

.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: var(--background-color-base);
}
.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: var(--color-text-placeholder);
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform 0.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: var(--color-text-placeholder);
}

.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: var(--color-primary-1);
}

.el-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.el-alert.is-light .el-alert__closebtn {
  color: var(--color-text-placeholder);
}

.el-alert.is-dark .el-alert__closebtn {
  color: var(--color-text-dark-primary);
}
.el-alert.is-dark .el-alert__description {
  color: var(--color-text-dark-primary);
}

.el-alert.is-center {
  justify-content: center;
}

.el-alert--success.is-light {
  background-color: var(--color-success-1);
  color: var(--color-success);
}
.el-alert--success.is-light .el-alert__description {
  color: var(--color-success);
}
.el-alert--success.is-dark {
  background-color: var(--color-success);
  color: var(--color-text-dark-primary);
}

.el-alert--info.is-light {
  background-color: var(--color-info-1);
  color: var(--color-info);
}
.el-alert--info.is-dark {
  background-color: var(--color-info);
  color: var(--color-text-dark-primary);
}
.el-alert--info .el-alert__description {
  color: var(--color-info);
}

.el-alert--warning.is-light {
  background-color: var(--color-warning-1);
  color: var(--color-warning);
}
.el-alert--warning.is-light .el-alert__description {
  color: var(--color-warning);
}
.el-alert--warning.is-dark {
  background-color: var(--color-warning);
  color: var(--color-text-dark-primary);
}

.el-alert--error.is-light {
  background-color: var(--color-danger-1);
  color: var(--color-danger);
}
.el-alert--error.is-light .el-alert__description {
  color: var(--color-danger);
}
.el-alert--error.is-dark {
  background-color: var(--color-danger);
  color: var(--color-text-dark-primary);
}

.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: 14px;
  line-height: 18px;
}
.el-alert__title.is-bold {
  font-weight: bold;
}

.el-alert .el-alert__description {
  font-size: 12px;
  margin: 5px 0 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: 2px;
  box-sizing: border-box;
  border: 1px solid var(--color-white);
  position: fixed;
  background-color: var(--color-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.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: bold;
  font-size: 16px;
  color: var(--color-text-primary);
  margin: 0;
}

.el-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0 0;
  color: var(--color-text-regular);
  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: var(--color-text-secondary);
  font-size: 16px;
}
.el-notification__closeBtn:hover {
  color: var(--color-text-regular);
}

.el-notification .el-icon-success {
  color: var(--color-success);
}
.el-notification .el-icon-error {
  color: var(--color-danger);
}
.el-notification .el-icon-info {
  color: var(--color-info);
}
.el-notification .el-icon-warning {
  color: var(--color-warning);
}

.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-slider::before,
.el-slider::after {
  display: table;
  content: "";
}

.el-slider::after {
  clear: both;
}

.el-slider__runway {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: var(--border-color-light);
  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: var(--color-text-placeholder);
}
.el-slider__runway.disabled .el-slider__button {
  border-color: var(--color-text-placeholder);
}
.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-wrapper.dragging {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover, .el-slider__runway.disabled .el-slider__button.dragging {
  transform: scale(1);
}
.el-slider__runway.disabled .el-slider__button:hover, .el-slider__runway.disabled .el-slider__button.hover {
  cursor: not-allowed;
}
.el-slider__runway.disabled .el-slider__button.dragging {
  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: var(--color-primary);
  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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: normal;
}
.el-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}

.el-slider__button-wrapper .el-tooltip {
  vertical-align: middle;
  display: inline-block;
}
.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: solid 2px var(--color-primary);
  background-color: var(--color-white);
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
  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: var(--color-white);
  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: var(--color-info);
  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 var(--border-color-base);
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.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: var(--color-text-placeholder);
}
.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: var(--color-primary);
}
.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: var(--loading-mask-bg);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.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: var(--color-primary);
  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: var(--color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--color-primary);
}

.el-loading-fade-enter,
.el-loading-fade-leave-active {
  opacity: 0;
}

@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
  }
}
.el-row {
  position: relative;
  box-sizing: border-box;
}
.el-row::before,
.el-row::after {
  display: table;
  content: "";
}

.el-row::after {
  clear: both;
}

.el-row--flex {
  display: flex;
}
.el-row--flex:before, .el-row--flex:after {
  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;
}

.el-col-0 {
  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.1666666667%;
}

.el-col-offset-1 {
  margin-left: 4.1666666667%;
}

.el-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}

.el-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}

.el-col-2 {
  width: 8.3333333333%;
}

.el-col-offset-2 {
  margin-left: 8.3333333333%;
}

.el-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}

.el-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}

.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.6666666667%;
}

.el-col-offset-4 {
  margin-left: 16.6666666667%;
}

.el-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}

.el-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}

.el-col-5 {
  width: 20.8333333333%;
}

.el-col-offset-5 {
  margin-left: 20.8333333333%;
}

.el-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}

.el-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}

.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.1666666667%;
}

.el-col-offset-7 {
  margin-left: 29.1666666667%;
}

.el-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}

.el-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}

.el-col-8 {
  width: 33.3333333333%;
}

.el-col-offset-8 {
  margin-left: 33.3333333333%;
}

.el-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}

.el-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}

.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.6666666667%;
}

.el-col-offset-10 {
  margin-left: 41.6666666667%;
}

.el-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}

.el-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}

.el-col-11 {
  width: 45.8333333333%;
}

.el-col-offset-11 {
  margin-left: 45.8333333333%;
}

.el-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}

.el-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}

.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.1666666667%;
}

.el-col-offset-13 {
  margin-left: 54.1666666667%;
}

.el-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}

.el-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}

.el-col-14 {
  width: 58.3333333333%;
}

.el-col-offset-14 {
  margin-left: 58.3333333333%;
}

.el-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}

.el-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}

.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.6666666667%;
}

.el-col-offset-16 {
  margin-left: 66.6666666667%;
}

.el-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}

.el-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}

.el-col-17 {
  width: 70.8333333333%;
}

.el-col-offset-17 {
  margin-left: 70.8333333333%;
}

.el-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}

.el-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}

.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.1666666667%;
}

.el-col-offset-19 {
  margin-left: 79.1666666667%;
}

.el-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}

.el-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}

.el-col-20 {
  width: 83.3333333333%;
}

.el-col-offset-20 {
  margin-left: 83.3333333333%;
}

.el-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}

.el-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}

.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.6666666667%;
}

.el-col-offset-22 {
  margin-left: 91.6666666667%;
}

.el-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}

.el-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}

.el-col-23 {
  width: 95.8333333333%;
}

.el-col-offset-23 {
  margin-left: 95.8333333333%;
}

.el-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}

.el-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}

.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;
  }

  .el-col-xs-0 {
    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.1666666667%;
  }

  .el-col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }

  .el-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }

  .el-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }

  .el-col-xs-2 {
    width: 8.3333333333%;
  }

  .el-col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }

  .el-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }

  .el-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }

  .el-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }

  .el-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }

  .el-col-xs-5 {
    width: 20.8333333333%;
  }

  .el-col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }

  .el-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }

  .el-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }

  .el-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }

  .el-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }

  .el-col-xs-8 {
    width: 33.3333333333%;
  }

  .el-col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }

  .el-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }

  .el-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }

  .el-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }

  .el-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }

  .el-col-xs-11 {
    width: 45.8333333333%;
  }

  .el-col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }

  .el-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }

  .el-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }

  .el-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }

  .el-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }

  .el-col-xs-14 {
    width: 58.3333333333%;
  }

  .el-col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }

  .el-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }

  .el-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }

  .el-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }

  .el-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }

  .el-col-xs-17 {
    width: 70.8333333333%;
  }

  .el-col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }

  .el-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }

  .el-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }

  .el-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }

  .el-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }

  .el-col-xs-20 {
    width: 83.3333333333%;
  }

  .el-col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }

  .el-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }

  .el-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }

  .el-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }

  .el-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }

  .el-col-xs-23 {
    width: 95.8333333333%;
  }

  .el-col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }

  .el-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }

  .el-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }

  .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;
  }

  .el-col-sm-0 {
    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.1666666667%;
  }

  .el-col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }

  .el-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }

  .el-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }

  .el-col-sm-2 {
    width: 8.3333333333%;
  }

  .el-col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }

  .el-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }

  .el-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }

  .el-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }

  .el-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }

  .el-col-sm-5 {
    width: 20.8333333333%;
  }

  .el-col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }

  .el-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }

  .el-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }

  .el-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }

  .el-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }

  .el-col-sm-8 {
    width: 33.3333333333%;
  }

  .el-col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }

  .el-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }

  .el-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }

  .el-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }

  .el-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }

  .el-col-sm-11 {
    width: 45.8333333333%;
  }

  .el-col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }

  .el-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }

  .el-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }

  .el-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }

  .el-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }

  .el-col-sm-14 {
    width: 58.3333333333%;
  }

  .el-col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }

  .el-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }

  .el-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }

  .el-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }

  .el-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }

  .el-col-sm-17 {
    width: 70.8333333333%;
  }

  .el-col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }

  .el-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }

  .el-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }

  .el-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }

  .el-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }

  .el-col-sm-20 {
    width: 83.3333333333%;
  }

  .el-col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }

  .el-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }

  .el-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }

  .el-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }

  .el-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }

  .el-col-sm-23 {
    width: 95.8333333333%;
  }

  .el-col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }

  .el-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }

  .el-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }

  .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;
  }

  .el-col-md-0 {
    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.1666666667%;
  }

  .el-col-md-offset-1 {
    margin-left: 4.1666666667%;
  }

  .el-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }

  .el-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }

  .el-col-md-2 {
    width: 8.3333333333%;
  }

  .el-col-md-offset-2 {
    margin-left: 8.3333333333%;
  }

  .el-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }

  .el-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-md-offset-4 {
    margin-left: 16.6666666667%;
  }

  .el-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }

  .el-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }

  .el-col-md-5 {
    width: 20.8333333333%;
  }

  .el-col-md-offset-5 {
    margin-left: 20.8333333333%;
  }

  .el-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }

  .el-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-md-offset-7 {
    margin-left: 29.1666666667%;
  }

  .el-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }

  .el-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }

  .el-col-md-8 {
    width: 33.3333333333%;
  }

  .el-col-md-offset-8 {
    margin-left: 33.3333333333%;
  }

  .el-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }

  .el-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-md-offset-10 {
    margin-left: 41.6666666667%;
  }

  .el-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }

  .el-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }

  .el-col-md-11 {
    width: 45.8333333333%;
  }

  .el-col-md-offset-11 {
    margin-left: 45.8333333333%;
  }

  .el-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }

  .el-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-md-offset-13 {
    margin-left: 54.1666666667%;
  }

  .el-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }

  .el-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }

  .el-col-md-14 {
    width: 58.3333333333%;
  }

  .el-col-md-offset-14 {
    margin-left: 58.3333333333%;
  }

  .el-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }

  .el-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-md-offset-16 {
    margin-left: 66.6666666667%;
  }

  .el-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }

  .el-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }

  .el-col-md-17 {
    width: 70.8333333333%;
  }

  .el-col-md-offset-17 {
    margin-left: 70.8333333333%;
  }

  .el-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }

  .el-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-md-offset-19 {
    margin-left: 79.1666666667%;
  }

  .el-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }

  .el-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }

  .el-col-md-20 {
    width: 83.3333333333%;
  }

  .el-col-md-offset-20 {
    margin-left: 83.3333333333%;
  }

  .el-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }

  .el-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-md-offset-22 {
    margin-left: 91.6666666667%;
  }

  .el-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }

  .el-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }

  .el-col-md-23 {
    width: 95.8333333333%;
  }

  .el-col-md-offset-23 {
    margin-left: 95.8333333333%;
  }

  .el-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }

  .el-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }

  .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;
  }

  .el-col-lg-0 {
    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.1666666667%;
  }

  .el-col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }

  .el-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }

  .el-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }

  .el-col-lg-2 {
    width: 8.3333333333%;
  }

  .el-col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }

  .el-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }

  .el-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }

  .el-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }

  .el-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }

  .el-col-lg-5 {
    width: 20.8333333333%;
  }

  .el-col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }

  .el-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }

  .el-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }

  .el-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }

  .el-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }

  .el-col-lg-8 {
    width: 33.3333333333%;
  }

  .el-col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }

  .el-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }

  .el-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }

  .el-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }

  .el-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }

  .el-col-lg-11 {
    width: 45.8333333333%;
  }

  .el-col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }

  .el-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }

  .el-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }

  .el-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }

  .el-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }

  .el-col-lg-14 {
    width: 58.3333333333%;
  }

  .el-col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }

  .el-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }

  .el-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }

  .el-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }

  .el-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }

  .el-col-lg-17 {
    width: 70.8333333333%;
  }

  .el-col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }

  .el-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }

  .el-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }

  .el-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }

  .el-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }

  .el-col-lg-20 {
    width: 83.3333333333%;
  }

  .el-col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }

  .el-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }

  .el-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }

  .el-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }

  .el-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }

  .el-col-lg-23 {
    width: 95.8333333333%;
  }

  .el-col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }

  .el-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }

  .el-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }

  .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;
  }

  .el-col-xl-0 {
    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.1666666667%;
  }

  .el-col-xl-offset-1 {
    margin-left: 4.1666666667%;
  }

  .el-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }

  .el-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
  }

  .el-col-xl-2 {
    width: 8.3333333333%;
  }

  .el-col-xl-offset-2 {
    margin-left: 8.3333333333%;
  }

  .el-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }

  .el-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xl-offset-4 {
    margin-left: 16.6666666667%;
  }

  .el-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }

  .el-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
  }

  .el-col-xl-5 {
    width: 20.8333333333%;
  }

  .el-col-xl-offset-5 {
    margin-left: 20.8333333333%;
  }

  .el-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }

  .el-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xl-offset-7 {
    margin-left: 29.1666666667%;
  }

  .el-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }

  .el-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
  }

  .el-col-xl-8 {
    width: 33.3333333333%;
  }

  .el-col-xl-offset-8 {
    margin-left: 33.3333333333%;
  }

  .el-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }

  .el-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xl-offset-10 {
    margin-left: 41.6666666667%;
  }

  .el-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }

  .el-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
  }

  .el-col-xl-11 {
    width: 45.8333333333%;
  }

  .el-col-xl-offset-11 {
    margin-left: 45.8333333333%;
  }

  .el-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }

  .el-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xl-offset-13 {
    margin-left: 54.1666666667%;
  }

  .el-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }

  .el-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
  }

  .el-col-xl-14 {
    width: 58.3333333333%;
  }

  .el-col-xl-offset-14 {
    margin-left: 58.3333333333%;
  }

  .el-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }

  .el-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xl-offset-16 {
    margin-left: 66.6666666667%;
  }

  .el-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }

  .el-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
  }

  .el-col-xl-17 {
    width: 70.8333333333%;
  }

  .el-col-xl-offset-17 {
    margin-left: 70.8333333333%;
  }

  .el-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }

  .el-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
  }

  .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.1666666667%;
  }

  .el-col-xl-offset-19 {
    margin-left: 79.1666666667%;
  }

  .el-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }

  .el-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
  }

  .el-col-xl-20 {
    width: 83.3333333333%;
  }

  .el-col-xl-offset-20 {
    margin-left: 83.3333333333%;
  }

  .el-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }

  .el-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
  }

  .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.6666666667%;
  }

  .el-col-xl-offset-22 {
    margin-left: 91.6666666667%;
  }

  .el-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }

  .el-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
  }

  .el-col-xl-23 {
    width: 95.8333333333%;
  }

  .el-col-xl-offset-23 {
    margin-left: 95.8333333333%;
  }

  .el-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }

  .el-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
  }

  .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-progress {
  position: relative;
  line-height: 1;
}
.el-progress__text {
  font-size: 14px;
  color: var(--color-text-regular);
  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: translate(0, -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: var(--color-success);
}
.el-progress.is-success .el-progress__text {
  color: var(--color-success);
}

.el-progress.is-warning .el-progress-bar__inner {
  background-color: var(--color-warning);
}
.el-progress.is-warning .el-progress__text {
  color: var(--color-warning);
}

.el-progress.is-exception .el-progress-bar__inner {
  background-color: var(--color-danger);
}
.el-progress.is-exception .el-progress__text {
  color: var(--color-danger);
}

.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: var(--border-color-lighter);
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}

.el-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--color-primary);
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.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: var(--color-text-dark-primary);
  font-size: 12px;
  margin: 0 5px;
}

@keyframes progress {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 32px 0;
  }
}
.el-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  /* 照片墙模式 */
}
.el-upload__input {
  display: none;
}

.el-upload__tip {
  font-size: 12px;
  color: var(--color-text-regular);
  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: var(--background-color-base);
  border: 1px dashed var(--border-color-base);
  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: var(--color-text-regular);
}
.el-upload--picture-card:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.el-upload:focus {
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.el-upload:focus .el-upload-dragger {
  border-color: var(--color-primary);
}

.el-upload-dragger {
  background-color: var(--color-white);
  border: 1px dashed var(--border-color-base);
  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: var(--color-text-placeholder);
  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 var(--border-color-base);
  margin-top: 7px;
  padding-top: 5px;
}
.el-upload-dragger .el-upload__text {
  color: var(--color-text-regular);
  font-size: 14px;
  text-align: center;
}
.el-upload-dragger .el-upload__text em {
  color: var(--color-primary);
  font-style: normal;
}
.el-upload-dragger:hover {
  border-color: var(--color-primary);
}
.el-upload-dragger.is-dragover {
  background-color: var(--color-primary-1);
  border: 2px dashed var(--color-primary);
}

.el-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.el-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: var(--color-text-regular);
  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: var(--color-success);
}
.el-upload-list__item .el-icon-close {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  opacity: 0.75;
  color: var(--color-text-regular);
}
.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: var(--color-primary);
}
.el-upload-list__item:hover {
  background-color: var(--background-color-base);
}
.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:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
  color: var(--color-primary);
  cursor: pointer;
}
.el-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.el-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block;
}
.el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.el-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .el-upload-list__item.is-success:active .el-icon-close-tip {
  display: none;
}
.el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
  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: var(--color-text-regular);
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
}
.el-upload-list__item-name [class^=el-icon] {
  height: 100%;
  margin-right: 7px;
  color: var(--color-text-secondary);
  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: var(--color-text-regular);
  display: none;
}
.el-upload-list__item-delete:hover {
  color: var(--color-primary);
}

.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: var(--color-white);
  border: 1px solid var(--border-color-base);
  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: var(--color-text-dark-primary);
}
.el-upload-list--picture-card .el-upload-list__item .el-icon-close {
  display: none;
}
.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: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.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: var(--color-text-dark-primary);
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.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: var(--color-white);
  border: 1px solid var(--border-color-base);
  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: var(--color-text-dark-primary);
}
.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: var(--color-white);
}
.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: #13ce66;
  text-align: center;
  transform: rotate(45deg);
}
.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: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.el-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: var(--color-text-dark-primary);
}

.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(0, 0, 0, 0.72);
  text-align: center;
}
.el-upload-cover__interact .btn {
  display: inline-block;
  color: var(--color-text-dark-primary);
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 60px;
}
.el-upload-cover__interact .btn i {
  margin-top: 0;
}
.el-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.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: var(--color-text-dark-primary);
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}

.el-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-white);
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: var(--color-text-primary);
}

.el-upload-cover + .el-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

.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: var(--border-color-light);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.el-message {
  min-width: inherit;
  box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--color-primary-3);
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: var(--color-primary-1);
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  overflow: hidden;
  padding: 12px 16px;
  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: var(--color-primary);
}

.el-message--success {
  background-color: var(--color-success-1);
  border-color: var(--color-success-3);
}
.el-message--success .el-message__content {
  color: var(--color-success);
}

.el-message--warning {
  background-color: var(--color-warning-1);
  border-color: var(--color-warning-3);
}
.el-message--warning .el-message__content {
  color: var(--color-warning);
}

.el-message--error {
  background-color: var(--color-danger-1);
  border-color: var(--color-danger-3);
}
.el-message--error .el-message__content {
  color: var(--color-danger);
}

.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: var(--color-text-placeholder);
  font-size: 16px;
}
.el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message__closeBtn:hover {
  color: var(--color-text-secondary);
}

.el-message .el-icon-success {
  color: var(--color-success);
}
.el-message .el-icon-error {
  color: var(--color-danger);
}
.el-message .el-icon-info {
  color: var(--color-primary);
}
.el-message .el-icon-warning {
  color: var(--color-warning);
}

.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: var(--color-danger);
  border-radius: 10px;
  color: var(--color-text-dark-primary);
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 5px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid var(--color-white);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 9px;
  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: var(--color-primary);
}

.el-badge__content--success {
  background-color: var(--color-success);
}

.el-badge__content--warning {
  background-color: var(--color-warning);
}

.el-badge__content--info {
  background-color: var(--color-info);
}

.el-badge__content--danger {
  background-color: var(--color-danger);
}

.el-card {
  border-radius: 4px;
  border: 1px solid var(--border-color-lighter);
  background-color: var(--color-white);
  overflow: hidden;
  color: var(--color-text-primary);
  transition: 0.3s;
}
.el-card.is-always-shadow {
  box-shadow: var(--box-shadow-light);
}

.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
  box-shadow: var(--box-shadow-light);
}

.el-card__header {
  padding: 13px 15px;
  border-bottom: 1px solid var(--border-color-lighter);
  box-sizing: border-box;
}

.el-card__body {
  padding: 15px;
}

.el-rate {
  height: 20px;
  line-height: 1;
}
.el-rate:focus, .el-rate:active {
  outline-width: 0;
}
.el-rate__item {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
}

.el-rate__icon {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-right: 6px;
  color: var(--color-text-placeholder);
  transition: 0.3s;
}
.el-rate__icon.hover {
  transform: scale(1.15);
}
.el-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}

.el-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  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: var(--background-color-base);
}

.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__main, .el-step:last-of-type .el-step__description {
  padding-right: 0;
}

.el-step__head {
  position: relative;
  width: 100%;
}
.el-step__head.is-process {
  color: var(--color-text-primary);
  border-color: var(--color-text-primary);
}

.el-step__head.is-wait {
  color: var(--color-text-placeholder);
  border-color: var(--color-text-placeholder);
}

.el-step__head.is-success {
  color: var(--color-success);
  border-color: var(--color-success);
}

.el-step__head.is-error {
  color: var(--color-danger);
  border-color: var(--color-danger);
}

.el-step__head.is-finish {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.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: var(--color-white);
  transition: 0.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;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.el-step__icon-inner[class*=el-icon]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.el-step__icon-inner.is-status {
  transform: translateY(1px);
}

.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: var(--color-text-placeholder);
}

.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: 0.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: bold;
  color: var(--color-text-primary);
}

.el-step__title.is-wait {
  color: var(--color-text-placeholder);
}

.el-step__title.is-success {
  color: var(--color-success);
}

.el-step__title.is-error {
  color: var(--color-danger);
}

.el-step__title.is-finish {
  color: var(--color-primary);
}

.el-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.el-step__description.is-process {
  color: var(--color-text-primary);
}

.el-step__description.is-wait {
  color: var(--color-text-placeholder);
}

.el-step__description.is-success {
  color: var(--color-success);
}

.el-step__description.is-error {
  color: var(--color-danger);
}

.el-step__description.is-finish {
  color: var(--color-primary);
}

.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 {
  text-align: center;
}

.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(0.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::before, .el-step.is-simple .el-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: var(--color-text-placeholder);
}
.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: 0.3s;
  border-radius: 50%;
  background-color: var(--color-black-1);
  color: var(--color-text-dark-primary);
  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: var(--color-black-3);
}
.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: 0.64;
}
.el-carousel__indicators--outside button {
  background-color: var(--color-text-placeholder);
  opacity: 0.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: 0.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: 0.48;
  width: 30px;
  height: 2px;
  background-color: var(--color-text-dark-primary);
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.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.is-animating {
  transition: transform 0.4s ease-in-out;
}

.el-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.el-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
  opacity: 0.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: var(--color-white);
  opacity: 0.24;
  transition: 0.2s;
}

.el-collapse {
  border-top: 1px solid var(--border-color-lighter);
  border-bottom: 1px solid var(--border-color-lighter);
}

.el-collapse-item.is-disabled .el-collapse-item__header {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}

.el-collapse-item__header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  background-color: var(--color-white);
  color: var(--color-text-primary);
  cursor: pointer;
  border-bottom: 1px solid var(--border-color-lighter);
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color 0.3s;
  outline: none;
}
.el-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform 0.3s;
  font-weight: 300;
}
.el-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  color: var(--color-primary);
}
.el-collapse-item__header.is-active {
  border-bottom-color: transparent;
}

.el-collapse-item__wrap {
  will-change: height;
  background-color: var(--color-white);
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid var(--border-color-lighter);
}

.el-collapse-item__content {
  padding-bottom: 25px;
  font-size: 13px;
  color: var(--color-text-primary);
  line-height: 1.7692307692;
}

.el-collapse-item:last-child {
  margin-bottom: -1px;
}

.el-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 14px;
}
.el-cascader-panel.is-bordered {
  border: solid 1px var(--border-color-light);
  border-radius: 4px;
}

.el-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: var(--color-text-regular);
  border-right: solid 1px var(--border-color-light);
}
.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: var(--color-text-placeholder);
}

.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: var(--color-text-regular);
}
.el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
  color: var(--color-primary);
  font-weight: bold;
}
.el-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
  background: var(--background-color-base);
}
.el-cascader-node.is-disabled {
  color: var(--color-text-placeholder);
  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-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: var(--color-text-placeholder);
}
.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: var(--color-primary);
}
.el-cascader .el-input .el-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 14px;
}
.el-cascader .el-input .el-icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}

.el-cascader .el-input .el-icon-circle-close:hover {
  color: var(--color-text-secondary);
}
.el-cascader .el-input.is-focus .el-input__inner {
  border-color: var(--color-primary);
}

.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: var(--color-text-placeholder);
}

.el-cascader__dropdown {
  margin: 5px 0;
  font-size: 14px;
  background: var(--color-white);
  border: solid 1px var(--border-color-light);
  border-radius: 4px;
  box-shadow: var(--box-shadow-light);
}

.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: var(--color-info-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: var(--color-text-placeholder);
  color: var(--color-text-dark-primary);
}
.el-cascader__tags .el-tag .el-icon-close:hover {
  background-color: var(--color-text-secondary);
}

.el-cascader__suggestion-panel {
  border-radius: 4px;
}

.el-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: var(--color-text-regular);
  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:hover, .el-cascader__suggestion-item:focus {
  background: var(--background-color-base);
}
.el-cascader__suggestion-item.is-checked {
  color: var(--color-primary);
  font-weight: bold;
}
.el-cascader__suggestion-item > span {
  margin-right: 10px;
}

.el-cascader__empty-text {
  margin: 10px 0;
  color: var(--color-text-placeholder);
}

.el-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: var(--color-text-regular);
  border: none;
  outline: none;
  box-sizing: border-box;
}
.el-cascader__search-input::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-cascader__search-input::placeholder {
  color: var(--color-text-placeholder);
}

.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 var(--color-primary);
}
.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: #f00;
  padding: 0 2px;
}
.el-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  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: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.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(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.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__white, .el-color-svpanel__black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.el-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.el-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}

.el-color-svpanel__cursor {
  position: absolute;
}
.el-color-svpanel__cursor > div {
  cursor: pointer;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.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(to right, rgba(255, 255, 255, 0) 0%, white 100%);
  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: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.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(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}
.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: var(--color-black);
  width: 160px;
}

.el-color-dropdown__btn {
  border: 1px solid var(--border-color-base);
  color: var(--color-text-primary);
  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: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-color-dropdown__btn:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.el-color-dropdown__link-btn {
  cursor: pointer;
  color: var(--color-primary);
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.el-color-dropdown__link-btn:hover {
  color: var(--color-primary-5);
}

.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__icon,
.el-color-picker--small .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.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__icon,
.el-color-picker--mini .el-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.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: rgba(255, 255, 255, 0.7);
}

.el-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  padding: 4px;
  border: 1px solid var(--border-color-light);
  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 var(--color-text-placeholder);
  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 {
  font-size: 12px;
  color: var(--color-text-placeholder);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.el-color-picker__icon {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: var(--color-text-dark-primary);
  text-align: center;
  font-size: 12px;
}

.el-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: var(--popover-background-color);
  border: 1px solid var(--border-color-lighter);
  border-radius: 4px;
  box-shadow: var(--box-shadow-light);
}

.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: var(--color-text-regular);
  background-color: var(--input-background-color);
  background-image: none;
  border: 1px solid var(--border-color-base);
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-textarea__inner::-ms-reveal {
  display: none;
}
.el-textarea__inner::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-textarea__inner::placeholder {
  color: var(--color-text-placeholder);
}
.el-textarea__inner:hover {
  border-color: var(--color-text-placeholder);
}
.el-textarea__inner:focus {
  outline: none;
  border-color: var(--color-primary);
}

.el-textarea .el-input__count {
  color: var(--color-info);
  background: var(--color-white);
  position: absolute;
  font-size: 12px;
  bottom: 5px;
  right: 10px;
}
.el-textarea.is-disabled .el-textarea__inner {
  background-color: var(--background-color-base);
  border-color: var(--border-color-light);
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-textarea.is-disabled .el-textarea__inner::placeholder {
  color: var(--color-text-placeholder);
}

.el-textarea.is-exceed .el-textarea__inner {
  border-color: var(--color-danger);
}
.el-textarea.is-exceed .el-input__count {
  color: var(--color-danger);
}

.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: #b4bccc;
}
.el-input::-webkit-scrollbar-corner {
  background: #fff;
}
.el-input::-webkit-scrollbar-track {
  background: #fff;
}
.el-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.el-input .el-input__clear {
  color: var(--color-text-placeholder);
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-input .el-input__clear:hover {
  color: var(--color-text-secondary);
}
.el-input .el-input__count {
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: var(--color-info);
  font-size: 12px;
}
.el-input .el-input__count .el-input__count-inner {
  background: var(--color-white);
  line-height: initial;
  display: inline-block;
  padding: 0 5px;
}
.el-input__inner {
  -webkit-appearance: none;
  background-color: var(--input-background-color);
  background-image: none;
  border-radius: 4px;
  border: 1px solid var(--border-color-base);
  box-sizing: border-box;
  color: var(--color-text-regular);
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.el-input__inner::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-input__inner::placeholder {
  color: var(--color-text-placeholder);
}
.el-input__inner:hover {
  border-color: var(--color-text-placeholder);
}
.el-input__inner:focus {
  outline: none;
  border-color: var(--color-primary);
}

.el-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: var(--color-text-placeholder);
  transition: all 0.3s;
  pointer-events: none;
}

.el-input__suffix-inner {
  pointer-events: all;
}

.el-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: var(--color-text-placeholder);
  transition: all 0.3s;
}

.el-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  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: var(--color-primary);
}

.el-input.is-disabled .el-input__inner {
  background-color: var(--background-color-base);
  border-color: var(--border-color-light);
  color: var(--color-text-placeholder);
  cursor: not-allowed;
}
.el-input.is-disabled .el-input__inner::-moz-placeholder {
  color: var(--color-text-placeholder);
}
.el-input.is-disabled .el-input__inner::placeholder {
  color: var(--color-text-placeholder);
}
.el-input.is-disabled .el-input__icon {
  cursor: not-allowed;
}

.el-input.is-exceed .el-input__inner {
  border-color: var(--color-danger);
}
.el-input.is-exceed .el-input__suffix .el-input__count {
  color: var(--color-danger);
}

.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: var(--background-color-base);
  color: var(--color-info);
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid var(--border-color-base);
  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-select,
.el-input-group__append .el-button, .el-input-group__prepend .el-select,
.el-input-group__prepend .el-button {
  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;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.el-input-group--prepend .el-input__inner {
  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;
}

/** disalbe default clear on IE */
.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: var(--color-text-dark-primary);
  background-color: var(--color-primary);
  font-size: 0;
}
.el-transfer__button.is-with-texts {
  border-radius: 4px;
}

.el-transfer__button.is-disabled {
  border: 1px solid var(--border-color-base);
  background-color: var(--background-color-base);
  color: var(--color-text-placeholder);
}
.el-transfer__button.is-disabled:hover {
  border: 1px solid var(--border-color-base);
  background-color: var(--background-color-base);
  color: var(--color-text-placeholder);
}

.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 var(--border-color-lighter);
  border-radius: 4px;
  overflow: hidden;
  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: var(--color-text-regular);
}
.el-transfer-panel__item:hover {
  color: var(--color-primary);
}
.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: var(--background-color-base);
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid var(--border-color-lighter);
  box-sizing: border-box;
  color: var(--color-black);
}
.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: var(--color-text-primary);
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
  position: absolute;
  right: 15px;
  color: var(--color-text-secondary);
  font-size: 12px;
  font-weight: normal;
}
.el-transfer-panel .el-transfer-panel__footer {
  height: 40px;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--border-color-lighter);
  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: var(--color-text-regular);
}
.el-transfer-panel .el-transfer-panel__empty {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 15px 0;
  color: var(--color-text-secondary);
  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;
  box-sizing: border-box;
  flex-shrink: 0;
}

.el-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

.el-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}

.el-footer {
  padding: 0 20px;
  box-sizing: border-box;
  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 var(--border-color-light);
}

.el-timeline-item__icon {
  color: var(--color-text-dark-primary);
  font-size: 13px;
}

.el-timeline-item__node {
  position: absolute;
  background-color: var(--border-color-light);
  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: var(--color-primary);
}

.el-timeline-item__node--success {
  background-color: var(--color-success);
}

.el-timeline-item__node--warning {
  background-color: var(--color-warning);
}

.el-timeline-item__node--danger {
  background-color: var(--color-danger);
}

.el-timeline-item__node--info {
  background-color: var(--color-info);
}

.el-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.el-timeline-item__content {
  color: var(--color-text-primary);
}

.el-timeline-item__timestamp {
  color: var(--color-text-secondary);
  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 var(--color-primary);
}

.el-link.is-disabled {
  cursor: not-allowed;
}

.el-link [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-link.el-link--default {
  color: var(--color-text-regular);
}
.el-link.el-link--default:hover {
  color: var(--color-primary);
}
.el-link.el-link--default:after {
  border-color: var(--color-primary);
}
.el-link.el-link--default.is-disabled {
  color: var(--color-text-placeholder);
}

.el-link.el-link--primary {
  color: var(--color-primary);
}
.el-link.el-link--primary:hover {
  color: var(--color-primary-5);
}
.el-link.el-link--primary:after {
  border-color: var(--color-primary);
}
.el-link.el-link--primary.is-disabled {
  color: var(--color-primary-3);
}

.el-link.el-link--primary.is-underline:hover:after {
  border-color: var(--color-primary);
}

.el-link.el-link--danger {
  color: var(--color-danger);
}
.el-link.el-link--danger:hover {
  color: var(--color-danger-5);
}
.el-link.el-link--danger:after {
  border-color: var(--color-danger);
}
.el-link.el-link--danger.is-disabled {
  color: var(--color-danger-3);
}

.el-link.el-link--danger.is-underline:hover:after {
  border-color: var(--color-danger);
}

.el-link.el-link--success {
  color: var(--color-success);
}
.el-link.el-link--success:hover {
  color: var(--color-success-5);
}
.el-link.el-link--success:after {
  border-color: var(--color-success);
}
.el-link.el-link--success.is-disabled {
  color: var(--color-success-3);
}

.el-link.el-link--success.is-underline:hover:after {
  border-color: var(--color-success);
}

.el-link.el-link--warning {
  color: var(--color-warning);
}
.el-link.el-link--warning:hover {
  color: var(--color-warning-5);
}
.el-link.el-link--warning:after {
  border-color: var(--color-warning);
}
.el-link.el-link--warning.is-disabled {
  color: var(--color-warning-3);
}

.el-link.el-link--warning.is-underline:hover:after {
  border-color: var(--color-warning);
}

.el-link.el-link--info {
  color: var(--color-info);
}
.el-link.el-link--info:hover {
  color: var(--color-info-5);
}
.el-link.el-link--info:after {
  border-color: var(--color-info);
}
.el-link.el-link--info.is-disabled {
  color: var(--color-info-3);
}

.el-link.el-link--info.is-underline:hover:after {
  border-color: var(--color-info);
}

.el-divider {
  background-color: var(--border-color-base);
  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: var(--color-white);
  padding: 0 20px;
  font-weight: 500;
  color: var(--color-text-primary);
  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__placeholder, .el-image__inner {
  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__placeholder {
  background: var(--background-color-base);
}

.el-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: var(--background-color-base);
  color: var(--color-text-placeholder);
  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: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.el-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
}

.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: #606266;
  border-color: #fff;
  border-radius: 22px;
}
.el-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.el-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  left: 40px;
}

.el-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  right: 40px;
  text-indent: 2px;
}

.el-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}

.viewer-fade-enter-active {
  animation: viewer-fade-in 0.3s;
}

.viewer-fade-leave-active {
  animation: viewer-fade-out 0.3s;
}

@keyframes viewer-fade-in {
  0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes viewer-fade-out {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
  }
}
.el-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: var(--button-default-background-color);
  border: 1px solid var(--border-color-base);
  border-color: var(--border-color-base);
  color: var(--color-text-regular);
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.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:hover, .el-button:focus {
  color: var(--color-primary);
  border-color: var(--color-primary-3);
  background-color: var(--color-primary-1);
}
.el-button:active {
  color: var(--color-primary-7);
  border-color: var(--color-primary-7);
  outline: none;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.el-button.is-plain:hover, .el-button.is-plain:focus {
  background: var(--color-white);
  border-color: var(--color-primary);
  color: var(--color-primary);
}
.el-button.is-plain:active {
  background: var(--color-white);
  border-color: var(--color-primary-7);
  color: var(--color-primary-7);
  outline: none;
}

.el-button.is-active {
  color: var(--color-primary-7);
  border-color: var(--color-primary-7);
}

.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
  color: var(--color-text-placeholder);
  cursor: not-allowed;
  background-image: none;
  background-color: var(--button-disabled-background-color);
  border-color: var(--border-color-lighter);
}
.el-button.is-disabled.el-button--text {
  background-color: transparent;
}
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus {
  background-color: var(--color-white);
  border-color: var(--border-color-lighter);
  color: var(--color-text-placeholder);
}

.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: rgba(255, 255, 255, 0.35);
}

.el-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}

.el-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}

.el-button--primary {
  color: var(--color-text-dark-primary);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-button--primary:hover, .el-button--primary:focus {
  background: var(--color-primary-5);
  border-color: var(--color-primary-5);
  color: var(--color-text-dark-primary);
}
.el-button--primary:active {
  background: var(--color-primary-7);
  border-color: var(--color-primary-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--primary.is-active {
  background: var(--color-primary-7);
  border-color: var(--color-primary-7);
  color: var(--color-text-dark-primary);
}
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
  color: var(--color-text-dark-primary);
  background: var(--color-primary-3);
  border-color: var(--color-primary-3);
}
.el-button--primary.is-plain {
  color: var(--color-primary);
  background: var(--color-primary-1);
  border-color: var(--color-primary-3);
}
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text-dark-primary);
}
.el-button--primary.is-plain:active {
  background: var(--color-primary-7);
  border-color: var(--color-primary-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
  color: var(--color-primary-3);
  background-color: var(--color-primary-1);
  border-color: var(--color-primary-3);
}

.el-button--success {
  color: var(--color-text-dark-primary);
  background-color: var(--color-success);
  border-color: var(--color-success);
}
.el-button--success:hover, .el-button--success:focus {
  background: var(--color-success-5);
  border-color: var(--color-success-5);
  color: var(--color-text-dark-primary);
}
.el-button--success:active {
  background: var(--color-success-7);
  border-color: var(--color-success-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--success.is-active {
  background: var(--color-success-7);
  border-color: var(--color-success-7);
  color: var(--color-text-dark-primary);
}
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active {
  color: var(--color-text-dark-primary);
  background: var(--color-success-3);
  border-color: var(--color-success-3);
}
.el-button--success.is-plain {
  color: var(--color-success);
  background: var(--color-success-1);
  border-color: var(--color-success-3);
}
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus {
  background: var(--color-success);
  border-color: var(--color-success);
  color: var(--color-text-dark-primary);
}
.el-button--success.is-plain:active {
  background: var(--color-success-7);
  border-color: var(--color-success-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active {
  color: var(--color-success-3);
  background-color: var(--color-success-1);
  border-color: var(--color-success-3);
}

.el-button--warning {
  color: var(--color-text-dark-primary);
  background-color: var(--color-warning);
  border-color: var(--color-warning);
}
.el-button--warning:hover, .el-button--warning:focus {
  background: var(--color-warning-5);
  border-color: var(--color-warning-5);
  color: var(--color-text-dark-primary);
}
.el-button--warning:active {
  background: var(--color-warning-7);
  border-color: var(--color-warning-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--warning.is-active {
  background: var(--color-warning-7);
  border-color: var(--color-warning-7);
  color: var(--color-text-dark-primary);
}
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active {
  color: var(--color-text-dark-primary);
  background: var(--color-warning-3);
  border-color: var(--color-warning-3);
}
.el-button--warning.is-plain {
  color: var(--color-warning);
  background: var(--color-warning-1);
  border-color: var(--color-warning-3);
}
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus {
  background: var(--color-warning);
  border-color: var(--color-warning);
  color: var(--color-text-dark-primary);
}
.el-button--warning.is-plain:active {
  background: var(--color-warning-7);
  border-color: var(--color-warning-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active {
  color: var(--color-warning-3);
  background-color: var(--color-warning-1);
  border-color: var(--color-warning-3);
}

.el-button--danger {
  color: var(--color-text-dark-primary);
  background-color: var(--color-danger);
  border-color: var(--color-danger);
}
.el-button--danger:hover, .el-button--danger:focus {
  background: var(--color-danger-5);
  border-color: var(--color-danger-5);
  color: var(--color-text-dark-primary);
}
.el-button--danger:active {
  background: var(--color-danger-7);
  border-color: var(--color-danger-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--danger.is-active {
  background: var(--color-danger-7);
  border-color: var(--color-danger-7);
  color: var(--color-text-dark-primary);
}
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active {
  color: var(--color-text-dark-primary);
  background: var(--color-danger-3);
  border-color: var(--color-danger-3);
}
.el-button--danger.is-plain {
  color: var(--color-danger);
  background: var(--color-danger-1);
  border-color: var(--color-danger-3);
}
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus {
  background: var(--color-danger);
  border-color: var(--color-danger);
  color: var(--color-text-dark-primary);
}
.el-button--danger.is-plain:active {
  background: var(--color-danger-7);
  border-color: var(--color-danger-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active {
  color: var(--color-danger-3);
  background-color: var(--color-danger-1);
  border-color: var(--color-danger-3);
}

.el-button--info {
  color: var(--color-text-dark-primary);
  background-color: var(--color-info);
  border-color: var(--color-info);
}
.el-button--info:hover, .el-button--info:focus {
  background: var(--color-info-5);
  border-color: var(--color-info-5);
  color: var(--color-text-dark-primary);
}
.el-button--info:active {
  background: var(--color-info-7);
  border-color: var(--color-info-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--info.is-active {
  background: var(--color-info-7);
  border-color: var(--color-info-7);
  color: var(--color-text-dark-primary);
}
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active {
  color: var(--color-text-dark-primary);
  background: var(--color-info-3);
  border-color: var(--color-info-3);
}
.el-button--info.is-plain {
  color: var(--color-info);
  background: var(--color-info-1);
  border-color: var(--color-info-3);
}
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus {
  background: var(--color-info);
  border-color: var(--color-info);
  color: var(--color-text-dark-primary);
}
.el-button--info.is-plain:active {
  background: var(--color-info-7);
  border-color: var(--color-info-7);
  color: var(--color-text-dark-primary);
  outline: none;
}
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active {
  color: var(--color-info-3);
  background-color: var(--color-info-1);
  border-color: var(--color-info-3);
}

.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: var(--color-primary);
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.el-button--text:hover, .el-button--text:focus {
  color: var(--color-primary-5);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text:active {
  color: var(--color-primary-7);
  border-color: transparent;
  background-color: transparent;
}
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
  border-color: transparent;
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group::before,
.el-button-group::after {
  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:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
  z-index: 1;
}
.el-button-group > .el-button.is-active {
  z-index: 1;
}

.el-button-group > .el-dropdown > .el-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--primary:first-child {
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--color-white-5);
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--success:first-child {
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--success:last-child {
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--color-white-5);
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--color-white-5);
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--color-white-5);
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--info:first-child {
  border-right-color: var(--color-white-5);
}
.el-button-group .el-button--info:last-child {
  border-left-color: var(--color-white-5);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--color-white-5);
  border-right-color: var(--color-white-5);
}

.el-calendar {
  background-color: var(--color-white);
}
.el-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid var(--border-color-lighter);
}

.el-calendar__title {
  color: var(--color-text-primary);
  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: var(--color-text-regular);
  font-weight: normal;
}
.el-calendar-table:not(.is-range) td.prev,
.el-calendar-table:not(.is-range) td.next {
  color: var(--color-text-placeholder);
}
.el-calendar-table td {
  border-bottom: 1px solid var(--border-color-lighter);
  border-right: 1px solid var(--border-color-lighter);
  vertical-align: top;
  transition: background-color 0.2s ease;
}
.el-calendar-table td.is-selected {
  background-color: var(--color-primary-1);
}

.el-calendar-table td.is-today {
  color: var(--color-primary);
}

.el-calendar-table tr:first-child td {
  border-top: 1px solid var(--border-color-lighter);
}
.el-calendar-table tr td:first-child {
  border-left: 1px solid var(--border-color-lighter);
}
.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: var(--color-primary-1);
}

.el-backtop {
  position: fixed;
  background-color: var(--backtop-background-color);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: var(--backtop-font-color);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5;
}
.el-backtop:hover {
  background-color: var(--backtop-hover-background-color);
}

.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: var(--border-color-base);
}
.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: var(--color-text-primary);
}

.el-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: var(--color-text-dark-primary);
  background: var(--avatar-background-color);
  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;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rtl-drawer-in {
  0% {
    transform: translate(100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes rtl-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(100%, 0px);
  }
}
@keyframes ltr-drawer-in {
  0% {
    transform: translate(-100%, 0px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ltr-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(-100%, 0px);
  }
}
@keyframes ttb-drawer-in {
  0% {
    transform: translate(0px, -100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes ttb-drawer-out {
  0% {
    transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, -100%);
  }
}
@keyframes btt-drawer-in {
  0% {
    transform: translate(0px, 100%);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes btt-drawer-out {
  0% {
    transform: translate(0px, 0);
  }
  100% {
    transform: translate(0px, 100%);
  }
}
.el-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: var(--popover-background-color);
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  outline: 0;
}
.el-drawer.rtl {
  animation: rtl-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.rtl {
  animation: rtl-drawer-in 0.3s 1ms;
}
.el-drawer.ltr {
  animation: ltr-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ltr {
  animation: ltr-drawer-in 0.3s 1ms;
}
.el-drawer.ttb {
  animation: ttb-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.ttb {
  animation: ttb-drawer-in 0.3s 1ms;
}
.el-drawer.btt {
  animation: btt-drawer-out 0.3s;
}
.el-drawer__open .el-drawer.btt {
  animation: btt-drawer-in 0.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: var(--color-text-regular);
  display: flex;
  margin-bottom: 32px;
  padding: 20px;
  padding-bottom: 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.ttb, .el-drawer.btt {
  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 0.3s;
}

.el-drawer-fade-leave-active {
  animation: el-drawer-fade-in 0.3s reverse;
}

.el-popconfirm__main {
  display: flex;
  align-items: center;
}

.el-popconfirm__icon {
  margin-right: 5px;
}

.el-popconfirm__action {
  text-align: right;
  margin: 0;
}

.el-skeleton__item {
  background: var(--skeleton-color);
  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: var(--svg-monochrome-grey);
  width: 22%;
  height: 22%;
}

@keyframes el-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.el-skeleton {
  width: 100%;
}
.el-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: var(--skeleton-color);
}

.el-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: var(--skeleton-color);
}

.el-skeleton.is-animated .el-skeleton__item {
  background: linear-gradient(90deg, var(--skeleton-color) 25%, var(--skeleton-to-color) 37%, var(--skeleton-color) 63%);
  background-size: 400% 100%;
  animation: el-skeleton-loading 1.4s ease infinite;
}

.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 {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.el-empty__image svg {
  fill: var(--svg-monochrome-grey);
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.el-empty__description {
  margin-top: 20px;
}
.el-empty__description p {
  margin: 0;
  font-size: 14px;
  color: var(--color-text-secondary);
}

.el-empty__bottom {
  margin-top: 20px;
}

.ele-empty-icon-default-ellipse {
  fill: var(--border-color-extra-light);
}

.ele-empty-icon-default-g {
  stroke: var(--border-color-base);
}

.ele-empty-icon-default-path {
  fill: var(--border-color-extra-light);
}

/** ele admin icons license by http://eleadmin.com */
@font-face {
  font-family: "ele-icon";
  src: url(../fonts/eleadmin-icons.112f0e53.woff) format("woff"), url(../fonts/eleadmin-icons.136f4448.ttf) format("truetype");
}
body [class^=el-icon-_],
body [class*=el-icon-_] {
  font-family: "ele-icon" !important;
}

.el-icon-_trophy-solid:before {
  content: "";
}

.el-icon-_man:before {
  content: "";
}

.el-icon-_unfold:before {
  content: "";
}

.el-icon-_fold:before {
  content: "";
}

.el-icon-_nav:before {
  content: "";
}

.el-icon-_postcard-solid:before {
  content: "";
}

.el-icon-_game-solid:before {
  content: "";
}

.el-icon-_lock-solid:before {
  content: "";
}

.el-icon-_unlock-solid:before {
  content: "";
}

.el-icon-_vercode-solid:before {
  content: "";
}

.el-icon-_refund-solid:before {
  content: "";
}

.el-icon-_email-solid:before {
  content: "";
}

.el-icon-_money-solid:before {
  content: "";
}

.el-icon-_brush-solid:before {
  content: "";
}

.el-icon-_compute-solid:before {
  content: "";
}

.el-icon-_live-solid:before {
  content: "";
}

.el-icon-_pie-chart-solid:before {
  content: "";
}

.el-icon-_evaluate-solid:before {
  content: "";
}

.el-icon-_car-sloid:before {
  content: "";
}

.el-icon-_printer-solid:before {
  content: "";
}

.el-icon-_retrieve-solid:before {
  content: "";
}

.el-icon-_palette-solid:before {
  content: "";
}

.el-icon-_puzzle-solid:before {
  content: "";
}

.el-icon-_tag-sloid:before {
  content: "";
}

.el-icon-_bank-card-solid:before {
  content: "";
}

.el-icon-_prerogative-solid:before {
  content: "";
}

.el-icon-_prerogative2-solid:before {
  content: "";
}

.el-icon-_bus-sloid:before {
  content: "";
}

.el-icon-_service-solid:before {
  content: "";
}

.el-icon-_news-solid:before {
  content: "";
}

.el-icon-_time-solid:before {
  content: "";
}

.el-icon-_red-packet-solid:before {
  content: "";
}

.el-icon-_ticket-sloid:before {
  content: "";
}

.el-icon-_analysis-solid:before {
  content: "";
}

.el-icon-_shopping-cart-sloid:before {
  content: "";
}

.el-icon-_truck-sloid:before {
  content: "";
}

.el-icon-_database-solid:before {
  content: "";
}

.el-icon-_present-sloid:before {
  content: "";
}

.el-icon-_camera2-solid:before {
  content: "";
}

.el-icon-_target-sloid:before {
  content: "";
}

.el-icon-_user-group-solid:before {
  content: "";
}

.el-icon-_horn-sloid:before {
  content: "";
}

.el-icon-_prerogative3-solid:before {
  content: "";
}

.el-icon-_help:before {
  content: "";
}

.el-icon-_folder:before {
  content: "";
}

.el-icon-_folder-open:before {
  content: "";
}

.el-icon-_loading:before {
  content: "";
}

.el-icon-_usd:before {
  content: "";
}

.el-icon-_rmb:before {
  content: "";
}

.el-icon-_face-cry:before {
  content: "";
}

.el-icon-_face-smile:before {
  content: "";
}

.el-icon-_back:before {
  content: "";
}

.el-icon-_forward:before {
  content: "";
}

.el-icon-_android:before {
  content: "";
}

.el-icon-_more:before {
  content: "";
}

.el-icon-_state12:before {
  content: "";
}

.el-icon-_user-add:before {
  content: "";
}

.el-icon-_retrieve:before {
  content: "";
}

.el-icon-_database:before {
  content: "";
}

.el-icon-_target:before {
  content: "";
}

.el-icon-_tree:before {
  content: "";
}

.el-icon-_fire-solid:before {
  content: "";
}

.el-icon-_barcode:before {
  content: "";
}

.el-icon-_api:before {
  content: "";
}

.el-icon-_number:before {
  content: "";
}

.el-icon-_pushpin:before {
  content: "";
}

.el-icon-_qrcode:before {
  content: "";
}

.el-icon-_percentage:before {
  content: "";
}

.el-icon-_scan:before {
  content: "";
}

.el-icon-_shop:before {
  content: "";
}

.el-icon-_github:before {
  content: "";
}

.el-icon-_gitee:before {
  content: "";
}

.el-icon-_wifi:before {
  content: "";
}

.el-icon-_compress:before {
  content: "";
}

.el-icon-_evaluate:before {
  content: "";
}

.el-icon-_wallet:before {
  content: "";
}

.el-icon-_refund:before {
  content: "";
}

.el-icon-_red-packet:before {
  content: "";
}

.el-icon-_footprint:before {
  content: "";
}

.el-icon-_school:before {
  content: "";
}

.el-icon-_battery:before {
  content: "";
}

.el-icon-_setting-solid:before {
  content: "";
}

.el-icon-_recycle:before {
  content: "";
}

.el-icon-_terminal:before {
  content: "";
}

.el-icon-_usb:before {
  content: "";
}

.el-icon-_zoom-out:before {
  content: "";
}

.el-icon-_zoom-in:before {
  content: "";
}

.el-icon-_bug:before {
  content: "";
}

.el-icon-_feedback:before {
  content: "";
}

.el-icon-_wechat:before {
  content: "";
}

.el-icon-_taobao:before {
  content: "";
}

.el-icon-_alipay:before {
  content: "";
}

.el-icon-_qqzone:before {
  content: "";
}

.el-icon-_zhihu:before {
  content: "";
}

.el-icon-_twitter:before {
  content: "";
}

.el-icon-_weibo:before {
  content: "";
}

.el-icon-_qq:before {
  content: "";
}

.el-icon-_wxzone:before {
  content: "";
}

.el-icon-_recommend:before {
  content: "";
}

.el-icon-_walk:before {
  content: "";
}

.el-icon-_woman:before {
  content: "";
}

.el-icon-_airplane:before {
  content: "";
}

.el-icon-_bluetooth:before {
  content: "";
}

.el-icon-_bug-solid:before {
  content: "";
}

.el-icon-_fingerprint:before {
  content: "";
}

.el-icon-_signal:before {
  content: "";
}

.el-icon-_transgender:before {
  content: "";
}

.el-icon-_trending-down:before {
  content: "";
}

.el-icon-_trending-up:before {
  content: "";
}

.el-icon-_school-solid:before {
  content: "";
}

.el-icon-_globe:before {
  content: "";
}

.el-icon-_network:before {
  content: "";
}

.el-icon-_bluetooth-solid:before {
  content: "";
}

.el-icon-_signal-box:before {
  content: "";
}

.el-icon-_state1:before {
  content: "";
}

.el-icon-_state2:before {
  content: "";
}

.el-icon-_state3:before {
  content: "";
}

.el-icon-_state4:before {
  content: "";
}

.el-icon-_state5:before {
  content: "";
}

.el-icon-_state6:before {
  content: "";
}

.el-icon-_state7:before {
  content: "";
}

.el-icon-_state8:before {
  content: "";
}

.el-icon-_state9:before {
  content: "";
}

.el-icon-_state10:before {
  content: "";
}

.el-icon-_state11:before {
  content: "";
}

.el-icon-_love:before {
  content: "";
}

.el-icon-_quote2:before {
  content: "";
}

.el-icon-_quote1:before {
  content: "";
}

.el-icon-_service:before {
  content: "";
}

.el-icon-_dis:before {
  content: "";
}

.el-icon-_like:before {
  content: "";
}

.el-icon-_like-solid:before {
  content: "";
}

.el-icon-_dis-solid:before {
  content: "";
}

.el-icon-_heart:before {
  content: "";
}

.el-icon-_heart-solid:before {
  content: "";
}

.el-icon-_flash:before {
  content: "";
}

.el-icon-_rocket:before {
  content: "";
}

.el-icon-_date-end:before {
  content: "";
}

.el-icon-_date-start:before {
  content: "";
}

.el-icon-_fire:before {
  content: "";
}

.el-icon-_ie:before {
  content: "";
}

.el-icon-_pad:before {
  content: "";
}

.el-icon-_wxpay:before {
  content: "";
}

.el-icon-_setting:before {
  content: "";
}

.el-icon-_medkit-solid:before {
  content: "";
}

.el-icon-_warning-solid:before {
  content: "";
}

.el-icon-_warning:before {
  content: "";
}

.el-icon-_vercode:before {
  content: "";
}

.el-icon-_battery-full:before {
  content: "";
}

.el-icon-_backspace-solid:before {
  content: "";
}

.el-icon-_screen-restore:before {
  content: "";
}

.el-icon-_programme:before {
  content: "";
}

.el-icon-_eye-close:before {
  content: "";
}

.el-icon-_palette:before {
  content: "";
}

.el-icon-_lamp:before {
  content: "";
}

.el-icon-_snow:before {
  content: "";
}

.el-icon-_flask:before {
  content: "";
}

.el-icon-_flash-solid:before {
  content: "";
}

.el-icon-_temperature:before {
  content: "";
}

.el-icon-_infinite:before {
  content: "";
}

.el-icon-_cube:before {
  content: "";
}

.el-icon-_sent:before {
  content: "";
}

.el-icon-_nuclear:before {
  content: "";
}

.el-icon-_leaf:before {
  content: "";
}

.el-icon-_prerogative:before {
  content: "";
}

.el-icon-_windows:before {
  content: "";
}

.el-icon-_aite:before {
  content: "";
}

.el-icon-_ios:before {
  content: "";
}

.el-icon-_table:before {
  content: "";
}

.el-icon-_music:before {
  content: "";
}

.el-icon-_camera:before {
  content: "";
}

.el-icon-_video:before {
  content: "";
}

.el-icon-_component:before {
  content: "";
}

.el-icon-_upload:before {
  content: "";
}

.el-icon-_user-group:before {
  content: "";
}

.el-icon-_download:before {
  content: "";
}

.el-icon-_transfer:before {
  content: "";
}

.el-icon-_filter:before {
  content: "";
}

.el-icon-_timeline:before {
  content: "";
}

.el-icon-_code:before {
  content: "";
}

.el-icon-_cols:before {
  content: "";
}

.el-icon-_info:before {
  content: "";
}

.el-icon-_question:before {
  content: "";
}

.el-icon-_compute:before {
  content: "";
}

.el-icon-_back-top:before {
  content: "";
}

.el-icon-_condition:before {
  content: "";
}

.el-icon-_save:before {
  content: "";
}

.el-icon-_bus:before {
  content: "";
}

.el-icon-_fly:before {
  content: "";
}

.el-icon-_car:before {
  content: "";
}

.el-icon-_function:before {
  content: "";
}

.el-icon-_straw:before {
  content: "";
}

.el-icon-_salary:before {
  content: "";
}

.el-icon-_appointment-ok:before {
  content: "";
}

.el-icon-_appointment:before {
  content: "";
}

.el-icon-_share:before {
  content: "";
}

.el-icon-_backspace:before {
  content: "";
}

.el-icon-_font-size:before {
  content: "";
}

.el-icon-_font-family:before {
  content: "";
}

.el-icon-_language-solid:before {
  content: "";
}

.el-icon-_surveying:before {
  content: "";
}

.el-icon-_hammer:before {
  content: "";
}

.el-icon-_chrome:before {
  content: "";
}

.el-icon-_screen-full:before {
  content: "";
}

.el-icon-_brush:before {
  content: "";
}

.el-icon-_connecting-line:before {
  content: "";
}

.el-icon-_keyboard:before {
  content: "";
}

.el-icon-_command-ios:before {
  content: "";
}

.el-icon-_logout:before {
  content: "";
}

.el-icon-_language:before {
  content: "";
}

.el-icon-_template:before {
  content: "";
}

.el-icon-_var:before {
  content: "";
}

.el-icon-_menu:before {
  content: "";
}

.el-icon-_rss:before {
  content: "";
}

.el-icon-_mate:before {
  content: "";
}

.el-icon-_horn:before {
  content: "";
}

.el-icon-_visa:before {
  content: "";
}

.el-icon-_horn-close:before {
  content: "";
}

.el-icon-_integral:before {
  content: "";
}

.el-icon-_integral-solid:before {
  content: "";
}

/** ele admin variables license by http://eleadmin.com */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--color-primary);
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--color-primary), 0 0 5px var(--color-primary);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: var(--color-primary);
  border-left-color: var(--color-primary);
  border-radius: 50%;
  animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/** element ui 组件样式重写 license by http://eleadmin.com */
/** ele admin variables license by http://eleadmin.com */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
input {
  background-color: transparent;
}

textarea {
  font-family: inherit;
}

/* table */
.el-table .caret-wrapper {
  height: 14px;
}
.el-table .sort-caret.ascending {
  top: -5px;
}
.el-table .sort-caret.descending {
  bottom: -3px;
}
.el-table th.gutter {
  display: table-cell !important;
}
.el-table.ele-table-default-head th {
  background: none;
}
.el-table .cell.el-tooltip {
  min-width: auto;
}
.el-table td.el-table-column--selection .cell,
.el-table th.el-table-column--selection .cell {
  padding-left: 0;
  padding-right: 0;
}

.el-table__body tr.current-row:hover > td {
  background: var(--color-primary-1);
}

.el-table__expand-icon > .el-icon {
  font-weight: bold;
}

.el-table__column-filter-trigger {
  line-height: 16px;
}

.el-table__column-filter-trigger i {
  font-weight: bold;
}

.el-table--border.el-loading-parent--relative {
  border-color: var(--border-color-lighter);
}

.el-table--border .el-loading-mask {
  right: 1px;
  bottom: 1px;
}

/* pagination */
.el-pagination {
  font-weight: normal;
  text-align: center;
}

.el-table + .el-pagination {
  margin-top: 15px;
}

.el-pagination.ele-pagination-circle .el-pager li,
.el-pagination.ele-pagination-circle .btn-prev,
.el-pagination.ele-pagination-circle .btn-next {
  border-radius: 50%;
  min-width: 28px;
  margin-left: 0;
  margin-right: 0;
}
.el-pagination.ele-pagination-circle .el-pager li:not(.active),
.el-pagination.ele-pagination-circle .btn-prev:not(.active),
.el-pagination.ele-pagination-circle .btn-next:not(.active) {
  background: none;
}

@media screen and (max-width: 768px) {
  .el-pagination.ele-pagination .el-pagination__total,
.el-pagination.ele-pagination .el-pagination__sizes,
.el-pagination.ele-pagination .el-pagination__jump,
.el-pagination.ele-pagination-circle .el-pagination__total,
.el-pagination.ele-pagination-circle .el-pagination__sizes,
.el-pagination.ele-pagination-circle .el-pagination__jump {
    display: none;
  }
}
/* dialog */
.el-dialog {
  border-radius: 4px;
  pointer-events: auto;
  max-width: calc(100vw - 30px);
}
.el-dialog.is-fullscreen {
  border-radius: 0;
  max-width: inherit;
}
.el-dialog.is-fullscreen.ele-dialog-fullscreen {
  display: flex;
  flex-direction: column;
}
.el-dialog.is-fullscreen.ele-dialog-fullscreen > .el-dialog__body {
  flex: auto;
  overflow: auto;
}

.el-dialog__header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border-color-lighter);
  box-sizing: border-box;
  padding-bottom: 12px;
  padding-top: 15px;
}

.el-dialog__title {
  flex: 1;
  font-size: 16px;
}

.el-dialog__headerbtn {
  top: auto;
  right: auto;
  line-height: 1;
  font-size: 18px;
  position: static;
}
.el-dialog__headerbtn > i {
  display: block;
}
.el-dialog__headerbtn + .el-dialog__headerbtn {
  margin-left: 10px;
}
.el-dialog__headerbtn > .el-icon-full-screen, .el-dialog__headerbtn > .el-icon-_compress {
  transform: scale(0.85);
  line-height: 0;
}

.el-dialog__body {
  padding-top: 22px;
  padding-bottom: 22px;
}

.el-dialog__footer {
  padding-bottom: 12px;
  border-top: 1px solid var(--border-color-lighter);
}

.el-dialog:not(.ele-dialog-form) .el-dialog__body .el-form .el-form-item:last-child {
  margin-bottom: 7px;
}

.ele-dialog-form .el-dialog__body {
  padding-bottom: 5px;
}

/* dialog可拖拽、拉伸 */
[ele-movable].el-dialog__wrapper > .el-dialog > .el-dialog__header {
  cursor: move;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

[ele-resizable].el-dialog__wrapper > .el-dialog {
  display: flex;
  flex-direction: column;
}
[ele-resizable].el-dialog__wrapper > .el-dialog > .el-dialog__body {
  flex: auto;
  overflow: auto;
}
[ele-resizable].el-dialog__wrapper > .el-dialog:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  cursor: se-resize;
}

/* dialog全屏切换 */
.ele-dialog-wrap-fullscreen > .el-dialog {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  max-width: inherit;
  border-radius: 0;
}
.ele-dialog-wrap-fullscreen > .el-dialog > .el-dialog__header {
  cursor: default !important;
}
.ele-dialog-wrap-fullscreen > .el-dialog:after {
  display: none;
}

/* drawer */
.el-drawer__header {
  color: var(--color-text-regular);
  font-size: 15px;
  margin-bottom: 0;
  padding: 13px 16px;
  border-bottom: 1px solid var(--border-color-lighter);
}
.el-drawer__header [role=heading] {
  display: block;
}

.el-drawer__close-btn {
  padding: 0;
  font-size: 18px;
  color: var(--color-text-secondary);
}

.el-drawer__body {
  overflow: auto;
}

/* messageBox */
.el-message-box {
  padding-bottom: 15px;
  max-width: calc(100vw - 30px);
}

.el-message-box__title {
  font-size: 16px;
}

.el-message-box__status {
  font-size: 20px !important;
}

.el-message-box__status + .el-message-box__message {
  padding-left: 30px;
}

/* popconfirm */
.el-popconfirm__main {
  margin: 12px 0;
}

/* card */
.el-card {
  border: none;
  color: var(--color-text-regular);
}

.ele-card-border {
  border: 1px solid var(--border-color-lighter);
}

.el-card__header {
  font-size: 15px;
  color: var(--color-text-primary);
}

.el-card + .el-card {
  margin-top: 15px;
}

/* tag */
.ele-tag-round {
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  border-radius: 50%;
  text-align: center;
}
.ele-tag-round.el-tag--medium {
  width: 28px;
}
.ele-tag-round.el-tag--small {
  width: 24px;
}
.ele-tag-round.el-tag--mini {
  width: 20px;
}

.ele-tag-radius {
  border-radius: 32px;
}
.ele-tag-radius.el-tag--medium {
  border-radius: 28px;
}
.ele-tag-radius.el-tag--small {
  border-radius: 24px;
}
.ele-tag-radius.el-tag--mini {
  border-radius: 20px;
}

/* divider */
.el-divider {
  margin: 0;
}
.el-divider.el-divider--horizontal {
  background: var(--border-color-lighter);
}
.el-divider.ele-divider-base {
  background: var(--border-color-base);
}
.el-divider.ele-divider-light {
  background: var(--border-color-light);
}
.el-divider.ele-divider-lighter {
  background: var(--border-color-lighter);
}
.el-divider.ele-divider-extra-light {
  background: var(--border-color-extra-light);
}
.el-divider.ele-divider-dashed {
  background: linear-gradient(to right, var(--border-color-base), var(--border-color-base) 8px, transparent 8px, transparent);
  background-size: 16px 100% !important;
}
.el-divider.ele-divider-dashed.el-divider--horizontal {
  background: linear-gradient(to right, var(--border-color-lighter), var(--border-color-lighter) 8px, transparent 8px, transparent);
}
.el-divider.ele-divider-dashed.ele-divider-base {
  background: linear-gradient(to right, var(--border-color-base), var(--border-color-base) 8px, transparent 8px, transparent);
}
.el-divider.ele-divider-dashed.ele-divider-light {
  background: linear-gradient(to right, var(--border-color-light), var(--border-color-light) 8px, transparent 8px, transparent);
}
.el-divider.ele-divider-dashed.ele-divider-extra-light {
  background: linear-gradient(to right, var(--border-color-lighter), var(--border-color-lighter) 8px, transparent 8px, transparent);
}
.el-divider.ele-divider-dashed.ele-divider-extra-light {
  background: linear-gradient(to right, var(--border-color-extra-light), var(--border-color-extra-light) 8px, transparent 8px, transparent);
}

/* alert */
.el-alert__content {
  padding: 0;
}

.el-alert .el-alert__description {
  margin: 0;
}
.el-alert .el-icon-info.ele-text-info,
.el-alert .el-icon-error.ele-text-danger,
.el-alert .el-icon-warning.ele-text-warning,
.el-alert .el-icon-success.ele-text-success {
  font-size: 14px;
  margin-right: 8px;
}
.el-alert .ele-text {
  font-size: 14px;
  color: var(--color-text-primary);
}
.el-alert .el-link {
  vertical-align: baseline;
}

.el-alert__icon {
  margin-right: 8px;
}

.el-alert__title + .el-alert__description {
  margin-top: 8px;
}

.ele-alert-border.is-light .el-alert__title {
  color: var(--color-text-primary);
}
.ele-alert-border.is-light .el-alert__title.is-bold {
  font-weight: normal;
}
.ele-alert-border.is-light .el-alert__description {
  color: var(--color-text-regular);
}
.ele-alert-border.is-light .el-alert__closebtn {
  color: var(--color-text-secondary);
}
.ele-alert-border.is-light.el-alert--success {
  border: 1px solid var(--color-success-3);
}
.ele-alert-border.is-light.el-alert--success .el-alert__icon.is-big:before {
  content: "";
}
.ele-alert-border.is-light.el-alert--warning {
  border: 1px solid var(--color-warning-3);
}
.ele-alert-border.is-light.el-alert--warning .el-alert__icon.is-big:before {
  content: "";
}
.ele-alert-border.is-light.el-alert--error {
  border: 1px solid var(--color-danger-3);
}
.ele-alert-border.is-light.el-alert--error .el-alert__icon.is-big:before {
  content: "";
}
.ele-alert-border.is-light.el-alert--info {
  border: 1px solid var(--color-primary-3);
  background: var(--color-primary-1);
}
.ele-alert-border.is-light.el-alert--info .el-alert__icon {
  color: var(--color-primary);
}
.ele-alert-border.is-light.el-alert--info .el-alert__icon.is-big:before {
  content: "";
  font-family: "ele-icon" !important;
}
.ele-alert-border.is-light.el-alert--info .ele-text-info {
  color: var(--color-primary);
}

/* message */
.el-message .el-message__icon {
  font-size: 18px;
}
.el-message .el-message__content {
  line-height: 18px;
}
.el-message.el-message--info {
  border-color: var(--color-primary-3);
}
.el-message:not(.ele-message-border) {
  background: var(--popover-background-color);
  box-shadow: var(--box-shadow-light);
  border-radius: 2px;
  border: none;
}
.el-message:not(.ele-message-border) .el-message__content {
  color: inherit;
}
.el-message.ele-message-loading .el-message__icon {
  animation: rotating 1s linear infinite;
}
.el-message.ele-message-loading .el-message__icon:before {
  content: "";
  font-family: "ele-icon" !important;
}

/* notification */
.el-notification__title {
  font-weight: 500;
}

/* badge */
.ele-badge-static {
  line-height: 0;
}
.ele-badge-static .el-badge__content {
  position: static;
  transform: none;
}

/* upload */
.el-upload-dragger {
  background: none;
  border-color: var(--border-color-base);
}

/* avatar */
.el-avatar > img {
  width: 100%;
}

/* input number */
.el-input-number.ele-text-left .el-input__inner {
  text-align: left;
}

.el-input-number.ele-text-right .el-input__inner {
  text-align: right;
}

/* radio */
.el-radio__inner:after {
  width: 8px;
  height: 8px;
  background-color: var(--color-primary);
}

/* date picker */
.el-date-editor--daterange.ele-fluid {
  padding-right: 5px;
}

.el-date-editor--daterange.ele-fluid .el-range-input {
  flex: 1;
  width: auto;
  overflow: hidden;
}

.el-date-editor--daterange.ele-fluid .el-range-separator {
  width: auto;
}

/* breadcrumb */
.el-breadcrumb__inner,
.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: var(--color-text-secondary);
  font-weight: normal;
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  color: var(--color-text-regular);
}

/* tab */
.el-tabs .el-tabs__header,
.el-tabs .el-tabs__header.is-left,
.el-tabs .el-tabs__header.is-right,
.el-tabs .el-tabs__header.is-bottom {
  margin: 0;
}

.el-tabs__nav-wrap:after {
  height: 1px;
}

.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 {
  width: 1px;
}

.el-tabs__item {
  color: inherit;
  padding: 0 15px;
  transition: background-color 0.2s, color 0.2s, border-bottom-color 0.2s, border-top-color 0.2s, border-left-color 0.2s, border-right-color 0.2s;
}

/* timeline */
.ele-timeline .el-timeline-item__tail {
  top: 2px;
  border-left-width: 1px;
}
.ele-timeline .el-timeline-item__node--normal {
  left: 0;
  top: 2px;
  width: 9px;
  height: 9px;
}
.ele-timeline .el-timeline-item__node--primary {
  top: 4px;
  left: 2px;
  width: 5px;
  height: 5px;
  background: var(--color-white);
  box-shadow: 0 0 0 3px var(--color-primary);
}
.ele-timeline .el-timeline-item__content {
  color: var(--color-text-regular);
}

/* color-picker */
.el-color-predefine__color-selector.selected {
  box-shadow: none;
}

.el-color-predefine__color-selector.selected > div {
  display: block;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.el-color-predefine__color-selector.selected > div:before {
  content: "";
  font-family: "element-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* step */
.el-step {
  flex-grow: 1;
}

.el-step__line {
  background: var(--border-color-light);
}

.el-step__line-inner {
  border-right: none;
  border-bottom: none;
  transition-delay: 0ms !important;
}

.el-step.is-horizontal .el-step__line {
  height: 1px;
}
.el-step.is-horizontal .el-step__line-inner {
  border-left: none;
}

.el-step.is-vertical .el-step__line {
  width: 1px;
}
.el-step.is-vertical .el-step__line-inner {
  border-top: none;
}

.el-step__icon.is-text {
  border-width: 1px;
  border-color: var(--border-color-base);
}

.el-step__icon-inner,
.el-step__title.is-process {
  font-weight: 500;
}

.el-step__head.is-process {
  color: var(--color-primary);
}
.el-step__head.is-process .el-step__icon.is-text {
  color: #fff;
  border-color: var(--color-primary);
  background: var(--color-primary);
}

.el-step__head.is-finish .el-step__icon.is-text {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.el-step__head.is-finish .el-step__line-inner {
  border-width: 1px !important;
}
.el-step__head.is-finish .el-step__icon.is-text .el-step__icon-inner {
  font-size: 0;
}
.el-step__head.is-finish .el-step__icon.is-text .el-step__icon-inner:before {
  content: "";
  font-size: 14px;
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-step.is-horizontal .el-step__head.is-finish .el-step__line-inner {
  width: 100% !important;
}

.el-step.is-vertical .el-step__head.is-finish .el-step__line-inner {
  height: 100% !important;
}

.el-step__title.is-finish,
.el-step__description.is-finish {
  color: var(--color-text-secondary);
}

.el-step.is-vertical .el-step__description {
  padding-bottom: 8px;
}

.el-step__head.is-error .el-step__icon.is-text {
  border-color: var(--color-danger);
}

.ele-steps-horizontal .el-step {
  display: flex;
}
.ele-steps-horizontal .el-step .el-step__head {
  width: auto;
  position: static;
  padding: 4px 8px 0 0;
}
.ele-steps-horizontal .el-step .el-step__head .el-step__line {
  left: 40px;
  right: 8px;
  top: 15px;
}
.ele-steps-horizontal .el-step .el-step__main {
  /*flex: 1;*/
  flex-grow: 1;
  position: relative;
}
.ele-steps-horizontal .el-step .el-step__main .el-step__title {
  line-height: 32px;
  background: var(--color-white);
  display: inline-block;
  padding-right: 8px;
}
.ele-steps-horizontal .el-step .el-step__main .el-step__description {
  margin-top: 0;
}
.ele-steps-horizontal .el-step__icon.is-icon {
  width: 32px;
}

/* menu */
.el-menu .el-menu-item > a {
  color: inherit;
  display: block;
  height: inherit;
  line-height: inherit;
  text-decoration: none;
  background: transparent;
  position: static;
}
.el-menu .el-menu-item > a:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: transparent;
  content: "";
}
.el-menu .el-menu-item,
.el-menu .el-submenu > .el-submenu__title {
  color: var(--color-text-regular);
  background: none;
}
.el-menu .el-menu-item.is-active,
.el-menu .el-submenu.is-active > .el-submenu__title {
  color: var(--color-primary);
  background: none;
}
.el-menu .el-menu-item.is-disabled {
  opacity: 0.5;
}
.el-menu .el-menu-item [class^=el-icon-],
.el-menu .el-submenu__title [class^=el-icon-] {
  width: auto;
  font-size: 16px;
  margin-right: 0;
}
.el-menu .el-menu-item [class^=el-icon-] + span,
.el-menu .el-submenu__title [class^=el-icon-] + span {
  margin-left: 10px;
}
.el-menu .el-menu-item i,
.el-menu .el-submenu__title i {
  color: inherit;
}
.el-menu .el-submenu__icon-arrow {
  font-weight: bold;
  margin-top: -6px;
}
.el-menu .el-submenu > .el-menu {
  background: none;
}
.el-menu .el-submenu .el-menu-item {
  min-width: auto;
}
.el-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):focus {
  background: none;
}
.el-menu.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu.el-menu--horizontal > .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-primary);
  background: var(--header-tool-hover-bg);
}
.el-menu.el-menu--horizontal .el-menu-item.is-active {
  color: var(--color-primary);
}
.el-menu.el-menu--horizontal > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  margin-left: 6px;
  margin-top: 0;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) {
  /*& > .el-submenu {
    &:before,
    &:after {
      display: table;
      content: "";
    }
  }*/
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item,
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-submenu__title {
  height: 45px;
  line-height: 45px;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-submenu,
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item {
  margin-top: 3px;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item:not(.is-disabled):not(.is-active):hover,
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-primary);
  background: none;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item:not(.is-disabled):not(.is-active):active,
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-submenu:not(.is-disabled) > .el-submenu__title:active {
  background: var(--color-primary-1);
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3px;
  background: var(--color-primary);
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleY(0.0001);
  opacity: 0;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item.is-active {
  background: var(--color-primary-1);
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu-item.is-active:after {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-submenu__icon-arrow {
  right: 15px;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup).el-menu--collapse > .el-menu-item, .el-menu:not(.el-menu--horizontal):not(.el-menu--popup).el-menu--collapse > .el-submenu > .el-submenu__title {
  padding: 0 !important;
  text-align: center;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup).el-menu--collapse > .el-menu-item span, .el-menu:not(.el-menu--horizontal):not(.el-menu--popup).el-menu--collapse > .el-submenu > .el-submenu__title span {
  display: none;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu--vertical:not(.el-menu el-menu--inline) {
  position: fixed !important;
}
.el-menu:not(.el-menu--horizontal):not(.el-menu--popup) .el-menu--vertical:not(.el-menu el-menu--inline) > .el-menu--popup {
  position: static;
}

.el-menu--collapse .el-menu .el-submenu {
  min-width: auto;
}

div[class^=el-menu--] > .el-menu.el-menu--popup {
  width: 160px;
  min-width: 160px;
  max-height: calc(100vh - 20px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  background: var(--color-white);
  border-radius: 4px;
  overflow-y: auto;
  border: none;
}
div[class^=el-menu--] > .el-menu.el-menu--popup > .el-menu-item, div[class^=el-menu--] > .el-menu.el-menu--popup > .el-submenu > .el-submenu__title {
  color: var(--color-text-regular);
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  margin: 0;
  border-top: none;
  border-bottom: none;
}
div[class^=el-menu--] > .el-menu.el-menu--popup > .el-menu-item:after, div[class^=el-menu--] > .el-menu.el-menu--popup > .el-submenu > .el-submenu__title:after {
  display: none;
}
div[class^=el-menu--] > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):hover,
div[class^=el-menu--] > .el-menu.el-menu--popup .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-primary);
  background: none;
}
div[class^=el-menu--] > .el-menu.el-menu--popup .el-menu-item:not(.is-disabled):not(.is-active):active,
div[class^=el-menu--] > .el-menu.el-menu--popup .el-submenu:not(.is-disabled) > .el-submenu__title:active {
  background: var(--color-primary-1);
}
div[class^=el-menu--] > .el-menu.el-menu--popup .el-menu-item.is-active {
  color: var(--color-primary);
  background: var(--color-primary-1);
}
div[class^=el-menu--] > .el-menu.el-menu--popup .el-submenu.is-active > .el-submenu__title {
  color: var(--color-primary);
}
div[class^=el-menu--] > .el-menu.el-menu--popup > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  right: 8px;
  margin-top: -5px;
  position: absolute;
  transform: none;
}
div[class^=el-menu--] > .el-menu.el-menu--popup > .el-submenu > .el-menu--horizontal, div[class^=el-menu--] > .el-menu.el-menu--popup > .el-submenu > .el-menu--vertical {
  position: fixed;
}
div[class^=el-menu--] > .el-menu.el-menu--popup::-webkit-scrollbar, div[class^=el-menu--] > .el-menu.el-menu--popup::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.el-menu.ele-menu-dark {
  background: var(--menu-dark-background);
  border: none;
}
.el-menu.ele-menu-dark > .el-menu-item, .el-menu.ele-menu-dark > .el-submenu > .el-submenu__title,
.el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-menu-item,
.el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-submenu > .el-submenu__title {
  color: var(--color-text-dark-regular);
}
.el-menu.ele-menu-dark > .el-menu-item.is-active, .el-menu.ele-menu-dark > .el-submenu.is-active > .el-submenu__title,
.el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-menu-item.is-active,
.el-menu.ele-menu-dark ul:not(.el-menu--popup) > .el-submenu.is-active > .el-submenu__title {
  color: var(--color-text-dark-primary);
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item:not(.is-disabled):not(.is-active):hover, .el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-submenu:not(.is-disabled) > .el-submenu__title:hover,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item:not(.is-disabled):not(.is-active):hover,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-text-dark-primary);
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item:not(.is-disabled):not(.is-active):active, .el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-submenu:not(.is-disabled) > .el-submenu__title:active,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item:not(.is-disabled):not(.is-active):active,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-submenu:not(.is-disabled) > .el-submenu__title:active {
  color: var(--color-text-dark-primary);
  background: none;
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item:after,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item:after {
  display: none;
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item.is-active,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item.is-active {
  background: var(--color-primary);
}
.el-menu.ele-menu-dark:not(.el-menu--horizontal) > .el-menu-item-group > .el-menu-item-group__title,
.el-menu.ele-menu-dark:not(.el-menu--horizontal) ul:not(.el-menu--popup) > .el-menu-item-group > .el-menu-item-group__title {
  color: var(--color-text-dark-regular);
  opacity: 0.9;
}
.el-menu.ele-menu-dark.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu.ele-menu-dark.el-menu--horizontal > .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-text-dark-primary);
  background: var(--header-tool-hover-bg);
}
.el-menu.ele-menu-dark.el-menu--horizontal > .el-menu-item.is-active, .el-menu.ele-menu-dark.el-menu--horizontal > .el-submenu.is-active > .el-submenu__title {
  color: var(--color-text-dark-primary);
  border-color: var(--color-text-dark-primary);
}

div.ele-menu-dark > .el-menu.el-menu--popup {
  background: var(--menu-dark-background);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
div.ele-menu-dark > .el-menu.el-menu--popup > .el-menu-item, div.ele-menu-dark > .el-menu.el-menu--popup > .el-submenu > .el-submenu__title {
  color: var(--color-text-dark-regular);
}
div.ele-menu-dark > .el-menu.el-menu--popup > .el-menu-item:not(.is-disabled):not(.is-active):hover, div.ele-menu-dark > .el-menu.el-menu--popup > .el-submenu:not(.is-disabled) > .el-submenu__title:hover {
  color: var(--color-text-dark-primary);
}
div.ele-menu-dark > .el-menu.el-menu--popup > .el-menu-item:not(.is-disabled):not(.is-active):active, div.ele-menu-dark > .el-menu.el-menu--popup > .el-submenu:not(.is-disabled) > .el-submenu__title:active {
  background: none;
}
div.ele-menu-dark > .el-menu.el-menu--popup > .el-menu-item.is-active {
  color: var(--color-text-dark-primary);
  background: var(--color-primary);
}
div.ele-menu-dark > .el-menu.el-menu--popup > .el-submenu.is-active > .el-submenu__title {
  color: var(--color-text-dark-primary);
}
div.ele-menu-dark > .el-menu.el-menu--popup .el-menu-item-group__title {
  color: var(--color-text-dark-regular);
  opacity: 0.6;
}

/** ele admin 公共类  license by http://eleadmin.com */
/** ele admin variables license by http://eleadmin.com */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
body {
  color: var(--color-text-regular);
  font-size: 14px;
  background-color: var(--layout-body-background);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  text-decoration: none;
  color: var(--color-primary);
}
a:hover {
  color: var(--color-primary-5);
}

/* 辅助类 */
.ele-body {
  padding: 15px;
}
.ele-body.ele-body-card {
  padding-bottom: 0;
}
.ele-body.ele-body-card .el-card {
  margin-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: var(--color-text-primary);
  font-size: 16px;
}

h5 {
  font-size: 18px;
}

h4 {
  font-size: 20px;
}

h3 {
  font-size: 22px;
}

h2 {
  font-size: 24px;
}

h1 {
  font-size: 26px;
}

.ele-text {
  color: var(--color-text-regular);
}

.ele-text-heading {
  color: var(--color-text-primary);
}

.ele-text-secondary {
  color: var(--color-text-secondary);
}

.ele-text-placeholder {
  color: var(--color-text-placeholder);
}

.ele-text-primary {
  color: var(--color-primary);
}

.ele-text-success {
  color: var(--color-success);
}

.ele-text-warning {
  color: var(--color-warning);
}

.ele-text-danger {
  color: var(--color-danger);
}

.ele-text-info {
  color: var(--color-info);
}

.ele-text-delete {
  text-decoration: line-through;
}

.ele-text-small,
.ele-text-small > .el-progress__text {
  font-size: 12px !important;
}

.ele-bg-base {
  background-color: var(--layout-body-background) !important;
}

.ele-bg-primary {
  background-color: var(--color-primary) !important;
}

.ele-bg-success {
  background-color: var(--color-success) !important;
}

.ele-bg-warning {
  background-color: var(--color-warning) !important;
}

.ele-bg-danger {
  background-color: var(--color-danger) !important;
}

.ele-bg-info {
  background-color: var(--color-info) !important;
}

.ele-bg-info-lighter {
  background-color: var(--color-info-1) !important;
}

.ele-bg-white {
  background-color: var(--color-white) !important;
}

.ele-border-primary {
  border-color: var(--color-primary) !important;
}

.ele-border-success {
  border-color: var(--color-success) !important;
}

.ele-border-warning {
  border-color: var(--color-warning) !important;
}

.ele-border-danger {
  border-color: var(--color-danger) !important;
}

.ele-border-info {
  border-color: var(--color-info) !important;
}

.ele-pull-left {
  float: left;
}

.ele-pull-right {
  float: right;
}

.ele-clear {
  clear: both;
}

.ele-clear-after:after {
  content: "";
  clear: both;
  display: block;
}

.ele-text-center {
  text-align: center;
}

.ele-text-left {
  text-align: left;
}

.ele-text-right {
  text-align: right;
}

.ele-fluid {
  width: 100% !important;
}

.ele-block {
  display: block;
}

.ele-inline-block {
  display: inline-block;
}

.ele-inline {
  display: inline;
}

em:not([class]) {
  padding: 0 0.5em;
  font-style: normal;
}

s:not([class]) {
  padding: 0 0.125em;
  font-style: normal;
}

.ele-btn-icon,
.ele-btn-icon.is-round {
  padding-left: 12px;
  padding-right: 12px;
}
.ele-btn-icon.el-button--small,
.ele-btn-icon.is-round.el-button--small {
  padding-left: 10px;
  padding-right: 10px;
}
.ele-btn-icon.el-button--mini,
.ele-btn-icon.is-round.el-button--mini {
  padding-left: 8px;
  padding-right: 8px;
}

.el-button + .el-link,
.el-button + .el-dropdown,
.el-button + .ele-action,
.el-link + .el-button,
.el-link + .el-link,
.el-link + .el-dropdown,
.el-link + .ele-action,
.el-dropdown + .el-button,
.el-dropdown + .el-link,
.el-dropdown + .el-dropdown,
.el-dropdown + .ele-action,
.ele-action + .el-button,
.ele-action + .el-link,
.ele-action + .el-dropdown,
.ele-action + .ele-action,
.el-tag + .el-tag {
  margin-left: 10px;
}

.ele-action-group > .el-button, .ele-action-group > .el-link, .ele-action-group > .el-dropdown, .ele-action-group > .el-tag, .ele-action-group > .ele-action {
  margin-top: 5px;
  margin-bottom: 5px;
}

.ele-space {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}

.ele-elip {
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
}

/* 单元格 */
.ele-cell {
  display: flex;
}
.ele-cell:not(.ele-cell-align-top) {
  align-items: center;
}
.ele-cell.ele-cell-align-bottom {
  align-items: flex-end;
}
.ele-cell > .ele-cell-content {
  flex: 1;
  box-sizing: border-box;
}
.ele-cell > * + .ele-cell-content {
  padding-left: 10px;
}
.ele-cell .ele-cell-title {
  color: var(--color-text-primary);
  font-size: 15px;
}
.ele-cell .ele-cell-desc {
  color: var(--color-text-secondary);
  font-size: 13px;
  margin-top: 8px;
}

/* 顶部标题 */
.ele-page-header {
  padding: 20px 25px 16px 25px;
  background: var(--color-white);
  border-bottom: 1px solid var(--border-color-extra-light);
}
.ele-page-header .ele-page-title {
  font-size: 19px;
  color: var(--color-text-primary);
}
.ele-page-header .ele-page-desc {
  margin-top: 8px;
  color: var(--color-text-secondary);
}

/* 底部工具栏 */
.ele-bottom-tool {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  box-sizing: border-box;
  background: var(--color-white);
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.03);
  transition: padding-left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  z-index: 98;
}
.ele-bottom-tool .ele-bottom-tool-actions {
  flex: 1;
  text-align: right;
}

@media screen and (min-width: 768px) {
  .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
    padding-left: 271px;
  }

  .ele-layout-collapse .ele-admin-sidebar + .ele-admin-body .ele-bottom-tool {
    padding-left: 75px;
  }
}
/* 数据表格头部工具栏 */
.ele-table-tool {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 10px;
}
.ele-table-tool .ele-table-tool-title {
  flex: auto;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ele-table-tool .ele-tool {
  margin: 5px 0 5px auto;
}
.ele-table-tool .ele-tool .ele-tool-item {
  font-size: 18px;
  padding: 0 2px;
  cursor: pointer;
}
.ele-table-tool .ele-tool .ele-tool-item .el-dropdown > i {
  font-size: 18px;
}
.ele-table-tool.ele-toolbar-form .ele-table-tool-title {
  margin-top: 0;
  margin-bottom: 0;
}
.ele-table-tool.ele-toolbar-form .ele-table-tool-title .el-form-item,
.ele-table-tool.ele-toolbar-form .ele-table-tool-title .ele-form-actions {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ele-table-tool.ele-toolbar-actions .ele-table-tool-title {
  margin-top: 0;
  margin-bottom: 0;
}
.ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-button, .ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-link, .ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-dropdown, .ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .el-tag, .ele-table-tool.ele-toolbar-actions .ele-table-tool-title > .ele-action {
  margin-top: 5px;
  margin-bottom: 5px;
}
.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item {
  padding: 6px;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--border-color-base);
  border-radius: 50%;
  font-size: 14px;
}
.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item .el-dropdown > i {
  font-size: 14px;
}
.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item:hover {
  color: var(--color-primary);
  border-color: var(--color-primary-3);
  background-color: var(--color-primary-1);
}
.ele-table-tool:not(.ele-table-tool-default):not(.ele-table-tools-none) .ele-tool .ele-tool-item:hover .el-dropdown > i {
  color: var(--color-primary);
}

.ele-table-tool-default {
  margin-bottom: 0;
  padding: 5px 15px;
  box-sizing: border-box;
  background: var(--table-header-background-color);
  border-top: 1px solid var(--border-color-lighter);
  border-left: 1px solid var(--border-color-lighter);
  border-right: 1px solid var(--border-color-lighter);
}
.ele-table-tool-default .ele-tool .ele-tool-item {
  font-size: 16px;
  padding: 5px 6px;
  border-radius: 2px;
  border: 1px solid var(--border-color-light);
  box-sizing: border-box;
  line-height: 1;
}
.ele-table-tool-default .ele-tool .ele-tool-item .el-dropdown > i {
  font-size: 16px;
}

/* 表单详情 */
.ele-form-detail .el-form-item {
  margin-bottom: 10px;
}

/* 水平搜索表单 */
.ele-form-search .el-form-item,
.ele-form-search .ele-form-actions {
  margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
  .ele-form-search.el-form--inline .el-form-item:not(.ele-form-actions) .el-form-item__content {
    max-width: 200px;
  }

  .ele-form-search.el-form--inline .ele-form-actions {
    padding-left: 15px;
  }
}
@media screen and (max-width: 768px) {
  .el-form--inline .el-form-item {
    display: flex;
    margin-right: 0;
  }

  .el-form--inline .el-form-item__content {
    flex: 1;
  }

  .ele-form-search .ele-form-actions {
    text-align: right;
  }
}
/* 级联选择器增加高度 */
.ele-pop-wrap-higher .el-cascader-menu__wrap {
  height: 280px;
}

/* 图表提示框圆点 */
.ele-chart-dot {
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-radius: 50%;
  display: inline-block;
  background: #3aa1ff;
}

/* 滚动条 */
@media screen and (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 5px;
  }

  ::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 2px solid transparent;
    background-color: var(--scrollbar-background-color);
    background-clip: padding-box;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-hover-background-color);
  }

  ::-webkit-scrollbar-corner {
    background: transparent;
  }

  .ele-scrollbar-mini::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .ele-scrollbar-mini::-webkit-scrollbar-track {
    background: none;
  }

  .ele-scrollbar-mini::-webkit-scrollbar-thumb {
    border-radius: 3px;
    border: none;
  }
}
.ele-scrollbar-hover,
.ele-scrollbar-hide {
  overflow: auto;
}

.ele-scrollbar-hide::-webkit-scrollbar,
.ele-scrollbar-hover:not(:hover)::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/** ele admin 布局样式 license by http://eleadmin.com */
/** ele admin variables license by http://eleadmin.com */
/* Element Chalk Variables */
/* Transition
-------------------------- */
/* Color
-------------------------- */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Header
  --------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Backtop
--------------------------*/
/* Link
--------------------------*/
/* Calendar
--------------------------*/
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
--------------------------*/
/* header */
.ele-admin-header {
  display: flex;
  align-items: center;
  height: 60px;
  box-shadow: var(--header-light-shadow);
  background: var(--color-white);
  z-index: calc(99 + 2);
  box-sizing: border-box;
  position: relative;
}
.ele-admin-header .ele-admin-logo {
  width: 256px;
  height: 60px;
  background: var(--color-white);
  box-shadow: var(--logo-light-shadow);
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  font-size: 20px;
  color: var(--color-text-primary);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  font-weight: 600;
  align-items: center;
  justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  cursor: pointer;
}
.ele-admin-header .ele-admin-logo img {
  width: 30px;
  height: 30px;
}
.ele-admin-header .ele-admin-logo img + span {
  margin-left: 10px;
}
.ele-admin-header .ele-admin-breadcrumb {
  flex-shrink: 0;
  white-space: nowrap;
}
.ele-admin-header .ele-admin-breadcrumb .el-breadcrumb__item {
  float: none;
  display: inline-block;
}
.ele-admin-header .ele-admin-header-nav-wrap {
  flex: 1;
}
.ele-admin-header .ele-admin-header-nav {
  white-space: nowrap;
  display: inline-block;
  border: none !important;
  background: none !important;
}
.ele-admin-header .ele-admin-header-nav > .el-menu-item, .ele-admin-header .ele-admin-header-nav > .el-submenu > .el-submenu__title {
  padding: 0 12px;
  height: 60px;
  line-height: 60px;
}
.ele-admin-header .ele-admin-header-nav > .el-menu-item, .ele-admin-header .ele-admin-header-nav > .el-submenu {
  float: none;
  display: inline-block;
}
.ele-admin-header .ele-admin-header-nav > .el-submenu > .el-menu--horizontal {
  position: fixed !important;
}
.ele-admin-header .ele-admin-header-tool {
  display: flex;
  flex-shrink: 0;
  padding: 0 12px;
  font-size: 18px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 60px;
  padding: 0 12px;
  cursor: pointer;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item:hover {
  background: var(--header-tool-hover-bg);
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item > .el-dropdown {
  line-height: 1;
  display: block;
  font-size: 18px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item > .el-dropdown > .el-icon-_language {
  font-size: 19px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .ele-admin-header-avatar {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 14px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .ele-admin-header-avatar .el-avatar {
  width: 28px;
  height: 28px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .ele-admin-header-avatar .el-avatar + span {
  margin-left: 4px;
}
.ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item .ele-admin-header-avatar .el-icon-arrow-down {
  font-size: 12px;
  margin-left: 4px;
  font-weight: bold;
}

/* main */
.ele-admin-main {
  display: flex;
  position: relative;
}

/* 侧边栏 */
.ele-admin-sidebar {
  flex-shrink: 0;
  overflow-x: hidden;
  width: 256px;
  min-height: calc(100vh - 60px);
  z-index: calc(99 + 3);
  box-shadow: var(--sidebar-light-shadow);
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  background: var(--color-white);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
}
.ele-admin-sidebar .ele-admin-sidebar-menu-wrap {
  flex: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu {
  width: auto;
  border: none;
  background: none;
  overflow-x: hidden;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > .el-menu-item, .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > .el-submenu > .el-submenu__title {
  height: 45px;
  line-height: 45px;
}
.ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > .el-submenu, .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > .el-menu-item {
  margin-top: 5px;
}

/* 侧边栏一级菜单 */
.ele-admin-sidebar-nav {
  flex-shrink: 0;
  overflow-x: hidden;
  width: 80px;
  min-height: calc(100vh - 60px);
  box-shadow: -1px 0 0 var(--border-color-extra-light) inset;
  transition: width 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  z-index: calc(99 + 3);
  background: var(--color-white);
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-wrap {
  flex: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu {
  position: relative;
  box-sizing: border-box;
  padding: 0 8px;
  transition: padding 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  overflow-x: hidden;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse {
  width: auto;
  border: none;
  background: none;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item {
  height: auto;
  line-height: 1;
  padding: 0 !important;
  margin: 5px 0 0 0;
  border-radius: 4px;
  transition: all 0.2s;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu:after, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item:after {
  display: none;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title {
  margin: 0;
  height: auto;
  line-height: 1;
  text-align: center;
  border-radius: 4px;
  padding: 10px 0 !important;
  transition: all 0.2s;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a i, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title i {
  position: relative;
  font-size: 18px;
  transition: all 0.2s;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a span, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title span {
  width: auto;
  height: auto;
  display: block;
  font-size: 12px;
  margin: 5px 0 0 0;
  max-height: 12px;
  transition: all 0.2s;
  overflow: hidden;
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  visibility: visible;
  transform: scale(1);
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a:before, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title:before {
  display: none;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item:not(.is-active):hover, .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu:not(.is-active) > .el-submenu__title:hover {
  background: var(--header-tool-hover-bg);
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu.is-active > .el-submenu__title {
  background: var(--color-primary-1);
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  color: var(--color-text-regular);
  transition: all 0.2s;
  cursor: pointer;
}
.ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item:hover {
  color: var(--color-primary);
}

.ele-admin-sidebar-nav-menu-pop > .el-menu.el-menu--popup {
  margin-left: 12px;
  margin-right: 12px;
}

/* 主体部分 */
.ele-admin-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 60px);
  box-sizing: border-box;
  overflow: auto;
}
.ele-admin-body .ele-admin-content {
  flex: auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.ele-admin-body .ele-admin-content .ele-admin-content-view {
  flex: auto;
  box-sizing: border-box;
}

/* 主体的iframe组件 */
.ele-admin-iframe {
  width: 100%;
  height: calc(100vh - 60px);
  box-sizing: border-box;
  display: block;
}

.ele-admin-show-tabs .ele-admin-iframe {
  height: calc(100vh - 60px - 40px);
}

/* 多页签 */
.ele-admin-tabs {
  height: 40px;
  background: var(--color-white);
  box-shadow: var(--header-light-shadow);
  padding-right: 40px;
  z-index: 99;
  box-sizing: border-box;
  position: relative;
}
.ele-admin-tabs .el-tabs__item {
  height: 40px;
  line-height: 40px;
  color: var(--color-text-secondary);
  transition: background-color 0.2s, color 0.2s;
  padding: 0 15px !important;
}
.ele-admin-tabs .el-tabs__item.is-closable {
  padding-right: 8px !important;
}
.ele-admin-tabs .el-tabs__item:after {
  content: "";
  width: 0;
  height: 2px;
  background: var(--color-primary);
  position: absolute;
  bottom: 0;
  left: 0;
}
.ele-admin-tabs .el-tabs__item:hover {
  color: var(--color-text-primary);
  background: var(--header-tool-hover-bg);
}
.ele-admin-tabs .el-tabs__item.is-active {
  color: var(--color-primary);
  background: var(--color-primary-1);
}
.ele-admin-tabs .el-tabs__item.is-active:after {
  width: 100%;
}
.ele-admin-tabs .el-tabs__item .el-icon-close {
  font-size: 13px;
  margin-left: 4px;
  color: var(--color-text-secondary);
}
.ele-admin-tabs .el-tabs__item .el-icon-close:before {
  transform: none;
  display: inline;
}
.ele-admin-tabs .el-tabs__item .el-icon-close:hover {
  color: #fff;
  background: var(--color-danger);
}
.ele-admin-tabs .el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 0 2px var(--color-primary) inset;
  border-radius: 0;
}
.ele-admin-tabs .el-tabs__active-bar,
.ele-admin-tabs .el-tabs__content {
  display: none;
}
.ele-admin-tabs .el-tabs__nav-wrap {
  padding: 0 40px;
}
.ele-admin-tabs .el-tabs__nav-wrap:before, .ele-admin-tabs .el-tabs__nav-wrap:after {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--color-text-secondary);
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
  box-sizing: border-box;
  text-align: center;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-family: "element-icons" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: not-allowed;
}
.ele-admin-tabs .el-tabs__nav-wrap:before:hover, .ele-admin-tabs .el-tabs__nav-wrap:after:hover {
  color: var(--color-text-primary);
  background: var(--header-tool-hover-bg);
}
.ele-admin-tabs .el-tabs__nav-wrap:after {
  right: 0;
  left: auto;
  bottom: auto;
  height: auto;
  background: none;
  content: "";
}
.ele-admin-tabs .el-tabs__nav-wrap.is-scrollable {
  padding: 0 39px 0 40px;
}
.ele-admin-tabs .el-tabs__nav-wrap.is-scrollable:before, .ele-admin-tabs .el-tabs__nav-wrap.is-scrollable:after {
  display: none;
}
.ele-admin-tabs .el-tabs__nav-next,
.ele-admin-tabs .el-tabs__nav-prev {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--color-text-secondary);
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
  box-sizing: border-box;
  text-align: center;
}
.ele-admin-tabs .el-tabs__nav-next:hover,
.ele-admin-tabs .el-tabs__nav-prev:hover {
  color: var(--color-text-primary);
  background: var(--header-tool-hover-bg);
}
.ele-admin-tabs .el-tabs__nav-next i,
.ele-admin-tabs .el-tabs__nav-prev i {
  vertical-align: -1px;
}
.ele-admin-tabs .ele-admin-tabs-drop {
  position: absolute;
  right: 0;
  top: 0;
}
.ele-admin-tabs .ele-admin-tabs-drop .el-icon-arrow-down {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: var(--color-text-secondary);
  font-size: 16px;
  transition: background-color 0.2s, color 0.2s;
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.ele-admin-tabs .ele-admin-tabs-drop .el-icon-arrow-down:hover {
  color: var(--color-text-primary);
  background: var(--header-tool-hover-bg);
}

/* 开启多页签顶栏阴影处理 */
.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) .ele-admin-header {
  box-shadow: 256px -1px 0 var(--border-color-extra-light) inset;
  transition: padding-left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-collapse .ele-admin-header {
  box-shadow: 60px -1px 0 var(--border-color-extra-light) inset;
}
.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-side-mix .ele-admin-header {
  box-shadow: 80px -1px 0 var(--border-color-extra-light) inset;
}
.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-side-mix.ele-admin-nav-collapse:not(.ele-admin-logo-auto) .ele-admin-header {
  box-shadow: 60px -1px 0 var(--border-color-extra-light) inset;
}
.ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark).ele-admin-logo-auto .ele-admin-header {
  box-shadow: 0 -1px 0 var(--border-color-extra-light) inset;
}

/* 折叠侧边栏 */
.ele-admin-collapse .ele-admin-logo > span {
  display: none;
}
.ele-admin-collapse .ele-admin-logo,
.ele-admin-collapse .ele-admin-sidebar,
.ele-admin-collapse .ele-admin-sidebar .el-menu--collapse {
  width: 60px;
}
.ele-admin-collapse .ele-admin-sidebar .el-menu--collapse > li > .el-tooltip,
.ele-admin-collapse .ele-admin-sidebar .el-menu--collapse > li > .el-submenu__title {
  padding: 0 !important;
  text-align: center !important;
}
.ele-admin-collapse.ele-admin-side-mix .ele-admin-sidebar-nav {
  box-shadow: var(--sidebar-light-shadow);
}
.ele-admin-collapse.ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-sidebar {
  width: 0;
}

/* 侧栏双菜单一级折叠状态 */
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-logo {
  width: 60px;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav {
  width: 60px;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu {
  padding: 0 8px;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item {
  margin: 5px 0 10px 0;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title {
  padding: 10px 0 !important;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a i, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title i {
  font-size: 18px;
}
.ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item > a span, .ele-admin-nav-collapse.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu > .el-submenu__title span {
  margin: 0;
  max-height: 0;
  transform: scale(0);
  visibility: hidden;
}

.ele-admin-side-mix .ele-admin-logo {
  width: 80px;
}
.ele-admin-side-mix .ele-admin-logo > span {
  display: none;
}
.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-logo {
  box-shadow: -1px 0 0 var(--border-color-extra-light) inset;
}
.ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-sidebar {
  background: var(--color-white);
  box-shadow: var(--sidebar-light-shadow);
  width: calc(256px - 60px);
  z-index: calc(99 + 1);
}

/* 主题风格 */
.ele-admin-fixed-header:not(.ele-admin-fixed-body) {
  padding-top: 60px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-show-tabs .ele-admin-body {
  padding-top: 40px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-tabs {
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  transition: left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body) .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: 256px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: 60px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar) .ele-admin-sidebar, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar) .ele-admin-sidebar-nav {
  z-index: calc(99 + 1);
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark) .ele-admin-logo {
  box-shadow: 0 -1px 0 var(--border-color-extra-light) inset;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark).ele-admin-head-dark .ele-admin-logo, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark).ele-admin-tab-card .ele-admin-logo, .ele-admin-fixed-header:not(.ele-admin-fixed-body):not(.ele-admin-fixed-sidebar):not(.ele-admin-logo-auto):not(.ele-admin-side-dark):not(.ele-admin-show-tabs) .ele-admin-logo {
  box-shadow: none;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: calc(256px - 60px + 80px);
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-body .ele-admin-tabs {
  left: 80px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: 256px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar-nav + .ele-admin-body .ele-admin-tabs {
  left: 60px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: 80px;
}
.ele-admin-fixed-header:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-collapse.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body .ele-admin-tabs {
  left: 60px;
}

.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 60px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body):not(.ele-admin-fixed-header):not(.ele-admin-logo-auto) .ele-admin-logo {
  position: fixed;
  top: 0;
  left: 0;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-logo-auto:not(.ele-admin-fixed-header) .ele-admin-sidebar-nav, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-logo-auto:not(.ele-admin-fixed-header):not(.ele-admin-side-mix) .ele-admin-sidebar {
  top: 0;
  z-index: calc(99 + 3);
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-header,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar + .ele-admin-body,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body) .ele-admin-sidebar-nav + .ele-admin-body {
  padding-left: 256px;
  transition: padding-left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, box-shadow 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-collapse .ele-admin-sidebar + .ele-admin-body, .ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-collapse:not(.ele-admin-fixed-header):not(.ele-admin-side-mix) .ele-admin-header {
  padding-left: 60px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar {
  left: 80px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-header,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix .ele-admin-sidebar-nav + .ele-admin-body {
  padding-left: 80px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix:not(.ele-admin-fixed-header) .ele-admin-sidebar {
  position: relative;
  top: auto;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-header,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body,
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar-nav + .ele-admin-body {
  padding-left: 60px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar {
  left: 60px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header .ele-admin-header {
  padding-left: 0;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix .ele-admin-sidebar + .ele-admin-body {
  padding-left: calc(256px - 60px + 80px);
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body {
  padding-left: 80px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-header {
  padding-left: 0;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar {
  left: 60px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse .ele-admin-sidebar + .ele-admin-body {
  padding-left: 256px;
}
.ele-admin-fixed-sidebar:not(.ele-admin-fixed-body).ele-admin-fixed-header.ele-admin-side-mix.ele-admin-nav-collapse.ele-admin-collapse .ele-admin-sidebar + .ele-admin-body {
  padding-left: 60px;
}

.ele-admin-fixed-body .ele-admin-content {
  height: calc(100vh - 60px);
  overflow: auto;
}
.ele-admin-fixed-body .ele-admin-sidebar,
.ele-admin-fixed-body .ele-admin-sidebar-nav {
  height: calc(100vh - 60px);
}
.ele-admin-fixed-body.ele-admin-show-tabs .ele-admin-content {
  height: calc(100vh - 60px - 40px);
}
.ele-admin-fixed-body.ele-admin-show-tabs.ele-admin-tab-card .ele-admin-content {
  height: calc(100vh - 60px - 40px - 8px);
}

.ele-admin-body-fullscreen {
  padding-top: 0 !important;
}
.ele-admin-body-fullscreen .ele-admin-header,
.ele-admin-body-fullscreen .ele-admin-sidebar,
.ele-admin-body-fullscreen .ele-admin-sidebar-nav {
  display: none;
}
.ele-admin-body-fullscreen .ele-admin-body {
  min-height: 100vh;
  padding-left: 0 !important;
}
.ele-admin-body-fullscreen .ele-admin-tabs {
  left: 0 !important;
  top: 0 !important;
}
.ele-admin-body-fullscreen.ele-admin-fixed-body .ele-admin-content {
  height: 100vh !important;
}
.ele-admin-body-fullscreen.ele-admin-fixed-body.ele-admin-show-tabs:not(.ele-admin-content-fullscreen) .ele-admin-content {
  height: calc(100vh - 40px) !important;
}
.ele-admin-body-fullscreen.ele-admin-fixed-body.ele-admin-show-tabs:not(.ele-admin-content-fullscreen).ele-admin-tab-card .ele-admin-content {
  height: calc(100vh - 40px - 8px) !important;
}
.ele-admin-body-fullscreen.ele-admin-content-fullscreen .ele-admin-body {
  padding-top: 0 !important;
}
.ele-admin-body-fullscreen.ele-admin-content-fullscreen .ele-admin-tabs {
  display: none;
}

.ele-admin-body-limit .ele-body {
  max-width: 1200px;
  margin: 0 auto;
}

.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo {
  width: auto;
  padding: 0 12px 0 24px;
  color: var(--color-text-primary);
  background: none;
  box-shadow: none;
}
.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo > span {
  display: inline;
}
.ele-admin-logo-auto.ele-admin-layout .ele-admin-logo + .ele-admin-header-nav {
  margin-left: 12px;
}
.ele-admin-logo-auto.ele-admin-layout .ele-admin-sidebar,
.ele-admin-logo-auto.ele-admin-layout .ele-admin-sidebar-nav {
  z-index: calc(99 + 1);
}
.ele-admin-logo-auto.ele-admin-layout.ele-admin-head-dark .ele-admin-logo {
  color: var(--color-text-dark-primary);
}

.ele-admin-head-dark .ele-admin-header {
  color: var(--color-text-dark-primary);
  box-shadow: var(--header-dark-shadow);
  background: var(--menu-dark-background);
}
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__inner,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__inner a,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__inner.is-link,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__separator {
  color: var(--color-text-dark-regular);
}
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__inner a:hover,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__inner.is-link:hover {
  color: var(--color-text-dark-primary);
}
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__item:last-child .el-breadcrumb__inner,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
.ele-admin-head-dark .ele-admin-header .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
  color: var(--color-text-dark-primary);
}
.ele-admin-head-dark .ele-admin-header .el-dropdown {
  color: var(--color-text-dark-primary);
}
.ele-admin-head-dark .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item:hover {
  background: rgba(255, 255, 255, 0.05);
}

.ele-admin-side-dark .ele-admin-logo {
  color: var(--color-text-dark-primary);
  box-shadow: var(--logo-dark-shadow);
  background: var(--menu-dark-background);
}
.ele-admin-side-dark .ele-admin-sidebar {
  box-shadow: var(--sidebar-dark-shadow);
  background: var(--menu-dark-background);
}
.ele-admin-side-dark.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-logo,
.ele-admin-side-dark.ele-admin-side-mix:not(.ele-admin-collapse) .ele-admin-sidebar-nav {
  box-shadow: none;
}
.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav {
  background: var(--menu-dark-background);
}
.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-menu-item:not(.is-active):hover, .ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu:not(.is-active) > .el-submenu__title:hover {
  background: rgba(255, 255, 255, 0.05);
}
.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-menu > .el-menu.el-menu--collapse > .el-submenu.is-active > .el-submenu__title {
  background: var(--color-primary);
}
.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item {
  color: var(--color-text-dark-regular);
}
.ele-admin-side-dark.ele-admin-side-mix .ele-admin-sidebar-nav .ele-admin-sidebar-nav-tool-item:hover {
  color: var(--color-text-dark-primary);
}

.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item {
  border-right: 1px solid var(--border-color-extra-light);
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item:before {
  content: "";
  width: 9px;
  height: 9px;
  margin-right: 8px;
  border-radius: 50%;
  display: inline-block;
  background: var(--border-color-base);
  transition: background-color 0.2s;
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item.is-active:before {
  background: var(--color-primary);
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item:after {
  display: none;
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 0 2px var(--color-primary) inset, 0 0 0 2px var(--color-primary) inset;
  border-radius: 0;
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__nav-wrap:before,
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__nav-prev {
  border-right: 1px solid var(--border-color-extra-light);
}
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__nav-wrap:after,
.ele-admin-tab-dot .ele-admin-tabs .el-tabs__nav-next,
.ele-admin-tab-dot .ele-admin-tabs .ele-admin-tabs-drop .el-icon-arrow-down {
  border-left: 1px solid var(--border-color-extra-light);
}

.ele-admin-tab-card .ele-admin-tabs {
  padding-top: 8px;
  background: var(--layout-body-background);
  box-shadow: 0 8px 0 var(--layout-body-background);
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__item {
  border-radius: 4px;
  height: calc(40px - 8px);
  line-height: calc(40px - 8px);
  background: var(--color-white);
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__item:after {
  display: none;
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__item.is-active {
  background: var(--color-white);
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__item + .el-tabs__item {
  margin-left: 8px;
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 0 2px var(--color-primary) inset;
  border-radius: 4px;
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__nav-wrap:before, .ele-admin-tab-card .ele-admin-tabs .el-tabs__nav-wrap:after {
  border-radius: 4px;
  height: calc(40px - 8px);
  line-height: calc(40px - 8px);
}
.ele-admin-tab-card .ele-admin-tabs .el-tabs__nav-next,
.ele-admin-tab-card .ele-admin-tabs .el-tabs__nav-prev {
  border-radius: 4px;
  height: calc(40px - 8px);
  line-height: calc(40px - 8px);
  background: none;
}
.ele-admin-tab-card .ele-admin-tabs .ele-admin-tabs-drop {
  top: 8px;
  right: 8px;
}
.ele-admin-tab-card .ele-admin-tabs .ele-admin-tabs-drop .el-icon-arrow-down {
  border-radius: 4px;
  height: calc(40px - 8px);
  line-height: calc(40px - 8px);
  width: calc(40px - 8px);
  background: var(--color-white);
}
.ele-admin-tab-card .ele-admin-tabs + .ele-admin-content {
  margin-top: 8px;
}
.ele-admin-tab-card .ele-admin-tabs + .ele-admin-content > .ele-admin-content-view > .ele-body:first-child {
  padding-top: 0;
}

.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > a > .el-tooltip > i:first-child {
  color: var(--color-text-dark-primary);
  background: #61b2fc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  border-radius: 50%;
  text-align: center;
  vertical-align: baseline;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > .el-submenu__title > i:first-child:before, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > a > i:first-child:before, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li > a > .el-tooltip > i:first-child:before {
  vertical-align: -1px;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(even) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(even) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(even) > a > .el-tooltip > i:first-child {
  background: #7dd733;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(3) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(3) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(3) > a > .el-tooltip > i:first-child {
  background: #32a2d4;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(4) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(4) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(4) > a > .el-tooltip > i:first-child {
  background: #7383cf;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(5) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(5) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(5) > a > .el-tooltip > i:first-child {
  background: #F5686F;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(6) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(6) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(6) > a > .el-tooltip > i:first-child {
  background: #2bccce;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(7) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(7) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(7) > a > .el-tooltip > i:first-child {
  background: #7dd733;
}
.ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(8) > .el-submenu__title > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(8) > a > i:first-child, .ele-admin-side-colorful .ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu > li:nth-child(8) > a > .el-tooltip > i:first-child {
  background: #FAAD14;
}
.ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li > a > i:first-child:not(.el-submenu__icon-arrow), .ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li > .el-submenu__title > i:first-child:not(.el-submenu__icon-arrow) {
  display: none;
}
.ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li > a > span:before, .ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li > .el-submenu__title > span:before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  position: static;
  border-radius: 50%;
  display: inline-block;
  vertical-align: 0.05em;
  background: var(--border-color-base);
  transition: background 0.3s;
}
.ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li.is-active > a > span:before, .ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li.is-active > .el-submenu__title > span:before, .ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li:hover > a > span:before, .ele-admin-side-colorful .ele-admin-sidebar .el-submenu > .el-menu > li:hover > .el-submenu__title > span:before {
  background: var(--color-primary);
}
.ele-admin-side-colorful.ele-admin-side-dark .ele-admin-sidebar .el-submenu > .el-menu > li.is-active > a > span:before, .ele-admin-side-colorful.ele-admin-side-dark .ele-admin-sidebar .el-submenu > .el-menu > li.is-active > .el-submenu__title > span:before, .ele-admin-side-colorful.ele-admin-side-dark .ele-admin-sidebar .el-submenu > .el-menu > li:hover > a > span:before, .ele-admin-side-colorful.ele-admin-side-dark .ele-admin-sidebar .el-submenu > .el-menu > li:hover > .el-submenu__title > span:before {
  background: var(--color-text-dark-primary);
}

.ele-admin-weak {
  filter: invert(0.8);
  background: var(--color-text-primary);
  overflow-x: hidden;
}

/* 小屏幕遮罩层 */
.ele-admin-shade {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: calc(99 + 2);
  transition: background-color 0.3s cubic-bezier(0.2, 0, 0, 1) 0s, left 0.3s cubic-bezier(0.2, 0, 0, 1) 0s;
  visibility: hidden;
}

/* 小屏幕样式 */
@media only screen and (max-width: 768px) {
  .ele-admin-logo,
.ele-admin-sidebar {
    position: fixed !important;
    left: 0 !important;
    width: 256px !important;
    z-index: calc(99 + 3) !important;
  }

  .ele-admin-sidebar {
    top: 60px !important;
  }

  .ele-admin-logo > span {
    display: inline !important;
  }

  .ele-admin-body,
.ele-admin-header {
    padding-left: 0 !important;
  }

  .ele-admin-tabs {
    left: 0 !important;
  }

  .ele-admin-breadcrumb,
.ele-admin-sidebar-nav {
    display: none;
  }

  .ele-admin-layout:not(.ele-admin-collapse) .ele-admin-shade {
    left: 256px;
    background: var(--color-black-5);
    visibility: visible;
  }

  .ele-admin-collapse .ele-admin-sidebar,
.ele-admin-collapse .ele-admin-logo {
    left: calc(0px - 256px) !important;
    box-shadow: none !important;
  }

  .ele-admin-show-tabs:not(.ele-admin-tab-card):not(.ele-admin-head-dark) .ele-admin-header {
    box-shadow: 0 -1px 0 var(--border-color-extra-light) inset !important;
  }
}
@media only screen and (max-width: 576px) {
  .ele-admin-header .ele-admin-header-tool {
    padding: 0 6px;
  }
  .ele-admin-header .ele-admin-header-tool .ele-admin-header-tool-item {
    padding: 0 10px;
  }
}
.ele-admin-head-dark .ele-admin-header-nav-wrap > .el-scrollbar__bar > .el-scrollbar__thumb,
.ele-admin-side-dark .ele-admin-sidebar-nav-wrap > .el-scrollbar__bar > .el-scrollbar__thumb,
.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar-menu-wrap > .el-scrollbar__bar > .el-scrollbar__thumb {
  background-color: rgba(221, 221, 221, 0.35);
}

.ele-admin-head-dark .ele-admin-header-nav-wrap > .el-scrollbar__bar > .el-scrollbar__thumb:hover,
.ele-admin-side-dark .ele-admin-sidebar-nav-wrap > .el-scrollbar__bar > .el-scrollbar__thumb:hover,
.ele-admin-side-dark:not(.ele-admin-side-mix) .ele-admin-sidebar-menu-wrap > .el-scrollbar__bar > .el-scrollbar__thumb:hover {
  background-color: rgba(221, 221, 221, 0.55);
}

.ele-admin-header-nav-wrap > .el-scrollbar__bar.is-horizontal {
  top: 2px;
  bottom: auto;
}

.ele-admin-sidebar-nav-wrap > .el-scrollbar__wrap,
.ele-admin-sidebar-menu-wrap > .el-scrollbar__wrap {
  overflow-x: hidden;
  margin-bottom: 0 !important;
}

/* 异常页面 */
.ele-exception {
  margin: 145px 0;
}
.ele-exception .ele-exception-img,
.ele-exception .ele-exception-content {
  margin: 15px 30px;
  display: inline-block;
  vertical-align: middle;
}
.ele-exception .ele-exception-img img,
.ele-exception .ele-exception-content img {
  filter: var(--content-image-filter);
}
.ele-exception .ele-exception-content > h1 {
  font-size: 72px;
  font-weight: 600;
  margin: 0 0 20px 0;
}
.ele-exception .ele-exception-content > p {
  font-size: 20px;
  margin: 0 0 25px 0;
}

@media screen and (max-width: 768px) {
  .ele-exception {
    margin: 40px 0;
  }
  .ele-exception .ele-exception-img {
    margin: 0;
  }
  .ele-exception .ele-exception-img img {
    max-height: 200px;
    max-width: 100%;
  }
  .ele-exception .ele-exception-content {
    text-align: center;
  }
}
[ele-resizable].el-dialog__wrapper > .el-dialog > .el-dialog__header {
  flex-shrink: 0;
}

.ele-admin-sidebar .ele-admin-sidebar-menus > .el-menu {
  overflow: hidden;
}

.el-tabs__content {
  margin-top: 10px;
}
.nav-new {
  overflow-y: auto;
  max-height: 340px;
}
ul,
li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nav-new li {
  position: relative;
  margin: 4px 0;
  padding: 8px 30px;
}
.nav-new li a {
  font-size: 14px !important;
}
.am-ellipsis,
.am-text-truncate {
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.nav-new li a.group-name {
  color: #595961;
  font-size: 14px;
}
.nav-new li:hover a.group-name {
  color: #0e90d2;
  font-size: 14px;
}
.nav-new li.active a {
  color: #0e90d2 !important;
}
.nav-new li:hover,
.nav-new li.active {
  background: rgba(48, 145, 242, 0.1);
  border-radius: 6px;
  color: #0e90d2;
}
.nav-new li:hover .group-edit,
.nav-new li:hover .group-delete {
  display: inline;
  color: #0e90d2 !important;
}
.nav-new li a.group-edit {
  display: none;
  position: absolute;
  left: 8px;
  font-size: 14px;
}
.nav-new li a.group-delete {
  display: none;
  position: absolute;
  right: 8px;
  font-size: 14px;
}
a:hover {
  color: #0e90d2;
}
.group-add {
  display: block;
  margin-top: 20px;
  font-size: 14px;
  padding: 0px 30px;
  color: #0e90d2;
}
#vueCommon .li {
  width: 100%;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  border-radius: 6px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  float: left;
  /*margin: 10px;*/
  transition: All 0.2s ease-in-out;
}
#vueCommon .li:hover {
  border: 1px solid #16bce2;
}
#vueCommon .li .select-mask {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  border-radius: 6px;
}
#vueCommon .active .select-mask {
  display: block;
}
#vueCommon .el-dialog__body {
  padding: 8px;
}
.select-mask .img {
  position: absolute;
  top: 50px;
  left: 45px;
  font-size: 60px;
  color: white;
}
.img-cover {
  width: 100%;
  height: 170px;
  background-repeat: no-repeat;
  background-size: cover;
}
#vueCommon .el-image {
  width: 150px;
  height: 170px;
}


.breadcrumb[data-v-f319de44] {
  height: 50px;
  background: #f0f2f5;
  /* position: fixed;
    top: 100px; */
  width: 100%;
  z-index: 2;
}
[data-v-f319de44] .el-page-header__content {
  /* font-size: 14px; */
}

.main[data-v-481896fc] {
  min-height: calc(100vh - 300px);
}
.title[data-v-481896fc] {
  font-size: 26px;
  font-weight: 500;
  color: #333;
  margin: 20px 0;
}
.desc[data-v-481896fc] {
  font-size: 16px;
  color: #888;
}
.decorate[data-v-8a9012f4] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  /*no*/
  background: #fff;
}
.decorate .decorate-head[data-v-8a9012f4] {
  height: 70px;
  /*no*/
  line-height: 70px;
  /*no*/
  padding-left: 12px;
  /*no*/
  border-bottom: 1px solid #f2f4f6;
  font-size: 18px;
  font-weight: 600;
  color: #323233;
  text-align: left;
}
.decorate .decorate-body[data-v-8a9012f4] {
  height: calc(100% - 70px);
  /*no */
  overflow: auto;
  padding-top: 20px;
}
.decorate .decorate-body[data-v-8a9012f4]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.wrap .wrap-title[data-v-56264fdb] {
  padding: 10px 12px;
  /*no*/
  background: #e8f0fb40;
  font-size: 14px;
  /*no*/
  color: #323233;
}
.wrap .wrap-title span[data-v-56264fdb]::before {
  content: ".";
  width: 3px;
  /*no*/
  height: 10px;
  /*no*/
  margin-right: 8px;
  /*no*/
  background: #155bd4;
}
.wrap .wrap-body[data-v-56264fdb] {
  padding: 20px 20px 10px 20px;
  /*no*/
}
.wrap .wrap-body .wrap-line[data-v-56264fdb] {
  margin-top: 30px;
  height: 1px;
  background: #ebedf0;
}
.tabs[data-v-1ed7ecdf] {
  display: flex;
}
.tabs .tab[data-v-1ed7ecdf] {
  width: 100px;
  height: 30px;
  color: #979797;
  border: solid 1px #ebedf0;
  cursor: pointer;
}
.tabs .tab-active[data-v-1ed7ecdf] {
  color: #155bd4;
  border: solid 1px #155bd4;
  background: #e0edff;
}
.ctn[data-v-3871de89] {
  position: relative;
  width: 375px;
  /*no*/
  margin: 70px auto 200px auto;
  /*no*/
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.1);
}
.ctn .ctn-head[data-v-3871de89] {
  width: 100%;
  /*no*/
  height: 64px;
  /*no*/
  background-image: url(../img/phone-head.d6916777.png);
  background-size: cover;
  position: relative;
}
.ctn .ctn-head .ctn-head-title[data-v-3871de89] {
  width: 72%;
  height: 64px;
  position: absolute;
  left: 0px;
  text-align: left;
  top: 0;
  padding-left: 39px;
  padding-top: 8%;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ctn .ctn-body[data-v-3871de89] {
  min-height: 603px;
  /*no*/
  background: #fff;
}
.ctn .ctn-height-tag[data-v-3871de89] {
  position: absolute;
  top: 650px;
  /*no*/
  left: -130px;
  /*no*/
  height: 17px;
  /*no*/
  width: 130px;
  /*no*/
  border-bottom: 1px solid #dedede;
  color: #a2a2a2;
  text-align: left;
}
.ctn .ctn-height-tag span[data-v-3871de89] {
  font-size: 12px;
  /*no*/
}
[data-v-015e01c8] .config-item {
  margin-bottom: 10px !important;
}
.wrap[data-v-72ad7c84] {
  position: relative;
  display: inline-block;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
.wrap .wrap-item[data-v-72ad7c84] {
  width: 50px;
  /* no */
  height: 50px;
  /* no */
  background: #f8f8f8;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #bbb;
  cursor: pointer;
}
.wrap .wrap-item i[data-v-72ad7c84] {
  pointer-events: none;
}
.wrap .move-wrap[data-v-72ad7c84] {
  background: #e0edff;
}
.wrap .move-wrap i[data-v-72ad7c84] {
  display: none;
}
.wrap .edit-wrap[data-v-72ad7c84] {
  position: absolute;
  background-color: #fff;
  border: 1px solid #ebedf0;
  font-size: 10px;
  color: #7d7e80;
  z-index: 2;
  cursor: pointer;
}
.wrap .edit-wrap .edit-wrap-close[data-v-72ad7c84] {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  border-radius: 50%;
  background: #b3b3b3;
  color: #fff;
  font-size: 14px;
  text-align: center;
  z-index: 4;
}
.wrap .edit-wrap-active[data-v-72ad7c84] {
  background: #e0edff;
  border: 1px solid #155bd4;
  color: #155bd4;
  z-index: 5;
}
.wrap .edit-wrap-active:hover .edit-wrap-close[data-v-72ad7c84] {
  display: block;
}
[data-v-f8ac957e] .el-dialog .el-dialog__title {
  font-size: 14px !important;
  font-weight: 600;
}
[data-v-f8ac957e] .el-dialog .el-dialog__body {
  padding: 10px 20px 30px 20px !important;
}
.wrap[data-v-f8ac957e] {
  background: #f2f2f6;
  height: 400px;
  border-radius: 5px;
}
.goods-li {
  position: relative;
}
.goods-li .goods-close {
  position: absolute;
  top: 0;
  right: 0;
  color: red;
  cursor: pointer;
}
input[data-v-7e12eaec] {
  outline: none;
  border: 0;
}
.add-btn[data-v-7e12eaec] {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
  border: solid 1px #155bd4;
  text-align: center;
  font-size: 14px;
  color: #155bd4;
  cursor: pointer;
}
@charset "UTF-8";
.search-box[data-v-468b48fa] {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
}
.el-tabs__content[data-v-468b48fa] {
  margin-top: 10px;
}
.nav-new[data-v-468b48fa] {
  overflow-y: auto;
  max-height: 340px;
}
.goods-item[data-v-468b48fa] {
  box-sizing: content-box;
  width: 320px;
  margin: 0 auto;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid rgba(51, 51, 51, 0.14);
  position: relative;
  display: flex;
  cursor: pointer;
}
.goods-item .goods-name[data-v-468b48fa] {
  width: 200px;
  white-space: nowrap;
  /*强制在一行显示*/
  overflow: hidden;
  /*溢出部分隐藏不可见*/
  text-overflow: ellipsis;
  /*显示出省略号*/
}
.goods-item .img-cover[data-v-468b48fa] {
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.goods-item .select-mask[data-v-468b48fa] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.goods-item .select-mask .img[data-v-468b48fa] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tabs[data-v-14c27a8f] {
  display: flex;
}
.tabs .tab[data-v-14c27a8f] {
  width: 100px;
  height: 30px;
  color: #979797;
  border: solid 1px #ebedf0;
  cursor: pointer;
}
.tabs .tab-active[data-v-14c27a8f] {
  color: #155bd4;
  border: solid 1px #155bd4;
  background: #e0edff;
}
.wrap[data-v-6d4f8607] {
  background: #fff;
}
.wrap .wrap-label[data-v-6d4f8607] {
  padding: 10px 12px;
  /*no*/
  background: #e8f0fb40;
  font-size: 14px;
  /*no*/
  color: #323233;
}
.wrap .wrap-label span[data-v-6d4f8607]::before {
  content: ".";
  width: 3px;
  /*no*/
  height: 10px;
  /*no*/
  margin-right: 8px;
  /*no*/
  background: #155bd4;
}
.wrap .wrap-body[data-v-6d4f8607] {
  padding: 20px 20px 10px 20px;
  /*no*/
}
.wrap .wrap-body .wrap-line[data-v-6d4f8607] {
  margin-top: 30px;
  height: 1px;
  background: #ebedf0;
}
.mode-select-item[data-v-ee201176] {
  padding: 8px 12px;
  min-width: 55px;
  border: 1px solid #dcdee0;
  /*no*/
  border-radius: 0;
  border-color: #ebedf0;
  font-size: 12px;
  /*no*/
  font-weight: 500;
  text-align: center;
  cursor: pointer;
}
.mode-select-item[data-v-ee201176]:hover {
  color: #155bd4;
  border-color: #155bd4;
  background-color: #e0edff;
}
.mode-select-item:hover i[data-v-ee201176] {
  color: #155bd4;
}
.mode-select-item i[data-v-ee201176] {
  color: #979797;
}
.mode-select-item-active[data-v-ee201176] {
  color: #155bd4;
  border-color: #155bd4;
  background-color: #e0edff;
}
.mode-select-item-active i[data-v-ee201176] {
  color: #155bd4;
}
.select[data-v-1b080b2a] {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  background: #fff;
}
.select .select-label[data-v-1b080b2a] {
  display: flex;
  align-items: center;
}
.select .select-label .select-label-text[data-v-1b080b2a] {
  width: 70px;
  color: #969799;
  font-size: 13px;
}
.select .select-body[data-v-1b080b2a] {
  display: flex;
  flex-wrap: wrap;
}
.mode-select[data-v-1b080b2a] {
  display: flex;
  justify-content: space-between;
}
.mode-select .mode-select-label[data-v-1b080b2a] {
  font-size: 14px;
  /*no*/
  line-height: 32px;
  /*no*/
}
.mode-select .mode-select-body[data-v-1b080b2a] {
  display: flex;
  flex-wrap: wrap;
}
.wrap[data-v-4d4c2984] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 25px;
  /*no*/
}
.wrap .wrap-label[data-v-4d4c2984] {
  font-size: 14px;
  /*no*/
  line-height: 32px;
  /*no*/
}
.mc_model[data-v-c3dff164] {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  font-size: 12px;
  padding: 10px;
}
.swiper-img-video[data-v-c3dff164] {
  width: 100%;
  height: 100%;
}
.por[data-v-c3dff164] {
  position: relative;
}
.por .playVideo[data-v-c3dff164] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.por .playVideo .swiper-img[data-v-c3dff164] {
  width: 100%;
  height: 100%;
}
.por .playVideo .play-content[data-v-c3dff164] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.por .playVideo .play-content .play[data-v-c3dff164] {
  width: 80px;
  height: 80px;
}
.video[data-v-c3dff164] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.cap-cube-wrap[data-v-0e10b85e] {
  overflow: hidden;
  position: relative;
}
.cap-cube-wrap .cap-cube-item[data-v-0e10b85e] {
  display: flex;
}
.cap-cube-wrap .cap-cube-item .cap-cube-item-wrap[data-v-0e10b85e] {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.cap-cube-wrap .cap-cube-item .cap-cube-item-wrap .cap-cube-img[data-v-0e10b85e] {
  width: 100%;
  height: 100%;
}
.block-time[data-v-4c4a7b94] {
  display: inline-block;
  margin: 0 5px;
  padding: 3px 2px;
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
}
.ft8[data-v-0186aa0f] {
  font-size: 8px;
}
.goods-buy[data-v-0186aa0f] {
  margin-bottom: 5px;
}
.xprice[data-v-0186aa0f] {
  word-break: break-all;
}
.xprice span[data-v-0186aa0f] {
  display: inline-block;
}
.original_price[data-v-0186aa0f] {
  font-size: 10px;
  color: #999;
  margin-left: 2px;
}
.sales[data-v-0186aa0f] {
  margin-left: 2px;
  font-size: 8px;
}
.s_price[data-v-0186aa0f] {
  margin-top: 4px;
}
.intprice[data-v-0186aa0f] {
  font-size: 10px;
}
.rounds[data-v-0186aa0f] {
  display: inline-block;
  width: 2px;
  height: 2px;
  border-radius: 10px;
  background: #ee0a24;
  margin-left: 2px;
}
.commitment_text[data-v-0186aa0f] {
  border: 1px solid #c87743;
  color: #c87743;
  padding: 2px 4px;
  border-radius: 2px;
  margin-right: 4px;
  font-size: 8px;
}
.empty[data-v-e0435eb8] {
  height: 200px;
  margin: auto;
}
.wrap[data-v-e0435eb8]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.flex-x-c[data-v-e0435eb8],
.flex-x-center[data-v-e0435eb8] {
  justify-content: center;
}
[data-v-e0435eb8] .slot-body {
  display: flex;
  justify-content: center;
  background: #fff;
}
.transverse-wrap .transverse-tabs[data-v-39a608d6] {
  display: flex;
  align-items: center;
  width: 100%;
  padding-bottom: 8px;
  font-size: 13px;
}
.transverse-wrap .transverse-tabs .transverse-tab[data-v-39a608d6] {
  position: relative;
  display: inline-block;
  text-align: center;
}
.transverse-wrap .transverse-tabs .transverse-tab[data-v-39a608d6]:nth-child(1)::after {
  display: none;
}
.transverse-wrap .transverse-tabs .transverse-tab[data-v-39a608d6]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 60%;
  background: #dadada;
  transform: translateY(-50%);
}
.vertical-wrap[data-v-39a608d6] {
  display: flex;
  font-size: 14px;
}
.vertical-wrap .vertical-tabs[data-v-39a608d6] {
  width: 88px;
  background-color: #f7f8fa;
}
.vertical-wrap .vertical-tabs .vertical-tab[data-v-39a608d6] {
  height: 52px;
  background-color: #f7f8fa;
}
.vertical-wrap .vertical-tabs .vertical-tab-active[data-v-39a608d6] {
  position: relative;
  background: #fff;
}
.vertical-wrap .vertical-tabs .vertical-tab-active[data-v-39a608d6]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 14px;
  background-color: #ee0a24;
  transform: translateY(-50%);
}
.slot-body[data-v-39a608d6] {
  flex: 1;
  overflow-x: auto;
}
.img[data-v-0cfbbfc6] {
  width: 100%;
}
.life .life-item[data-v-587395bd] {
  width: 355px;
  background: #fff;
  padding: 15px 10px;
  margin: 0 auto;
  border-radius: 6px;
}
.life .life-item .life-logo[data-v-587395bd] {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.life .life-item .life-content[data-v-587395bd] {
  font-size: 16px;
  width: 50%;
}
.life .life-item .life-content .title[data-v-587395bd] {
  margin-bottom: 2px;
}
.life .life-item .life-content .label[data-v-587395bd] {
  font-size: 10px;
  border: 1px solid #f1f1f1;
  border-radius: 4px;
  padding: 4px 6px;
  margin-left: 10px;
}
.life .life-item .life-content .tips[data-v-587395bd] {
  color: #999;
  font-size: 12px;
}
.life .life-item .life-btn[data-v-587395bd] {
  background: #1890ff;
  color: #fff;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 14px;
  height: 30px;
}
.img[data-v-587395bd] {
  width: 100%;
}
.notice-bar[data-v-6f2aafe0] {
  position: relative;
  width: 100%;
  height: 30px;
  padding-left: 0px;
  padding-right: 80px;
  font-size: 28px;
  font-weight: 400;
  color: #868daa;
  display: flex;
  align-items: center;
}
.notice-bar__icon[data-v-6f2aafe0] {
  width: 30px;
  height: 28px;
  margin-right: 10px;
}
.notice-bar__icon img[data-v-6f2aafe0] {
  width: 100%;
  padding: 4px;
}
.notice-bar__wrap[data-v-6f2aafe0] {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  min-height: 30px;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
  font-size: 14px;
}
.notice-bar__content[data-v-6f2aafe0] {
  position: absolute;
  white-space: nowrap;
  transition-timing-function: linear;
}

.search[data-v-de808d32] {
  padding: 8px 12px;
}
.search .search-body[data-v-de808d32] {
  display: flex;
  align-items: center;
  padding: 0 10px;
  width: 100%;
  height: 34px;
  background: #fff;
  font-size: 14px;
  color: #969799;
}
.wrap[data-v-1aa6bf94] {
  position: relative;
  height: 100%;
}
.wrap .crown[data-v-1aa6bf94] {
  transform: scale(0.93, 0.85);
}
.wrap .item[data-v-1aa6bf94] {
  height: 100%;
  transition: 1.2s;
}
.wrap .item-img[data-v-1aa6bf94] {
  width: 100%;
  height: 100%;
}
.wrap .imgShadow[data-v-1aa6bf94] {
  height: calc(100% - 10px);
  margin-bottom: 10px;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
}
.wrap .crown-active[data-v-1aa6bf94] {
  transform: scale(1);
}
.wrap .dots[data-v-1aa6bf94] {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
}
.wrap .dots .dot[data-v-1aa6bf94] {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #d6d6d6;
  margin-right: 4px;
}
.wrap .dots .curr-dot[data-v-1aa6bf94] {
  height: 3px;
  width: 11px;
  border-radius: 3px;
  background-color: #fff;
}
.wrap[data-v-112cf706] {
  position: relative;
  z-index: 0;
}
.wrap .wrap-body[data-v-4d84cf3f]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.wrap .wrap-body .tabs .tab-item[data-v-4d84cf3f] {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.title .title-left-model[data-v-708d71ad] {
  display: flex;
  align-items: flex-end;
  padding-left: 10px;
  padding-right: 10px;
}
.title .title-mid-model[data-v-708d71ad] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.swiper-img-video[data-v-0a1af5fd] {
  width: 100%;
  height: 100%;
}
.por[data-v-0a1af5fd] {
  position: relative;
}
.por .playVideo[data-v-0a1af5fd] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.por .playVideo .swiper-img[data-v-0a1af5fd] {
  width: 100%;
  height: 100%;
}
.por .playVideo .play-content[data-v-0a1af5fd] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.por .playVideo .play-content .play[data-v-0a1af5fd] {
  width: 80px;
  height: 80px;
}
.video[data-v-0a1af5fd] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.shape[data-v-fe7db776] {
  position: relative;
}
.shape:hover .shape-dashed[data-v-fe7db776] {
  display: block;
}
.shape .shape-dashed[data-v-fe7db776] {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: dashed 1px #155bd4;
  z-index: 100;
}
.shape .shape-solid[data-v-fe7db776] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px #155bd4;
  z-index: 100;
}

.build {
  position: relative;
  z-index: 2;
  background-color: #f7f9f8;
}
.waiting {
  width: 100%;
  height: 39px;
}
.waiting .waiting-text {
  padding: 8px 30px;
  background: #5487df;
  font-size: 12px;
  color: #fff;
  pointer-events: none;
}