.app-container[data-v-7ba5bd90] {
  height: 100dvh;
  overflow: hidden;
}

.aside-wrapper[data-v-140ae668] {
  background: #001529;
  flex-direction: column;
  width: 2rem;
  height: 100%;
  transition: width .3s;
  display: flex;
  position: relative;
}
.aside-wrapper.collapsed[data-v-140ae668] {
  width: .56rem;
}
.logo-container[data-v-140ae668] {
  align-items: center;
  height: .64rem;
  padding: 0;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}
.logo-container .logo-img[data-v-140ae668] {
  width: .32rem;
  height: .32rem;
  transition: all .3s;
  position: absolute;
  left: .12rem;
}
.logo-container .logo-text[data-v-140ae668] {
  color: #fff;
  white-space: nowrap;
  margin-left: .25rem;
  font-size: .2rem;
  font-weight: bold;
  transition: opacity .3s, transform .3s;
}
.logo-container .logo-text.hidden[data-v-140ae668] {
  opacity: 0;
  transform: translateX(-.2rem);
}
.collapsed .logo-container .logo-img[data-v-140ae668] {
  left: .12rem;
}
.side-menu[data-v-140ae668] {
  flex: 1;
  padding-bottom: 1rem;
  overflow: hidden scroll;
}
.side-menu[data-v-140ae668]::-webkit-scrollbar {
  width: .06rem;
}
.side-menu[data-v-140ae668]::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: .03rem;
}
.side-menu[data-v-140ae668] .ant-menu-item .anticon {
  font-size: .16rem;
}
.side-menu[data-v-140ae668] .ant-menu-submenu-title .anticon {
  font-size: .16rem;
}
.side-menu[data-v-140ae668] .ant-menu-item-selected {
  border-radius: 0;
  height: .5rem;
  margin: 0;
  line-height: .5rem;
}
.side-menu[data-v-140ae668] .ant-menu-item {
  border-radius: 0;
  width: 100%;
  height: .5rem;
  margin: 0;
  padding: 0 .16rem;
}
.side-menu[data-v-140ae668] .ant-menu-submenu {
  border-radius: 0;
  margin: 0;
}
.side-menu[data-v-140ae668] .ant-menu-submenu-title {
  margin: 0;
  padding: 0 .16rem;
  border-radius: 0 !important;
  width: 100% !important;
  height: .5rem !important;
}
.side-menu[data-v-140ae668] .ant-menu-sub .ant-menu-item {
  padding-left: .52rem !important;
}
[data-v-140ae668] .ant-menu {
  width: 100% !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed {
  width: .56rem !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-item {
  text-align: center !important;
  padding: 0 !important;
  position: relative !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title {
  text-align: center !important;
  padding: 0 !important;
  position: relative !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-item .anticon {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .anticon {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-item .ant-menu-title-content {
  display: none !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content {
  display: none !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-item .ant-menu-submenu-arrow {
  display: none !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-item-selected:before {
  content: "" !important;
  background-color: #1890ff !important;
  border-radius: 0 2px 2px 0 !important;
  width: .03rem !important;
  height: .26rem !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) !important;
}
[data-v-140ae668] .ant-menu-inline-collapsed .ant-menu-submenu-selected > .ant-menu-submenu-title:before {
  content: "" !important;
  background-color: #1890ff !important;
  border-radius: 0 2px 2px 0 !important;
  width: .03rem !important;
  height: .26rem !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) !important;
}

.user-mine[data-v-fe11ea3a] .ant-dropdown-menu {
  background: #fff;
}
.user-mine[data-v-fe11ea3a] .ant-dropdown-menu .ant-dropdown-menu-item {
  color: #000000d9;
}
.user-info[data-v-fe11ea3a] {
  cursor: pointer;
  color: #fff;
  border-radius: .04rem;
  padding: 0 .1rem;
  line-height: .3rem;
  transition: all .3s;
}
.user-info[data-v-fe11ea3a]:hover {
  background-color: #ffffff1a;
}
.user-info .avatar[data-v-fe11ea3a] {
  float: left;
  width: .3rem;
  height: .3rem;
  margin-right: .1rem;
  font-size: 0;
}
.user-info .avatar img[data-v-fe11ea3a] {
  background: #999;
  border-radius: 50%;
  width: .3rem;
  height: .3rem;
}

.header-wrapper[data-v-202f3529] {
  background-color: #001529;
  justify-content: space-between;
  align-items: center;
  height: .64rem;
  padding: 0 .24rem 0 .1rem;
  display: flex;
  box-shadow: 0 1px .04rem #00152914;
}
.collapse-btn[data-v-202f3529] {
  color: #fff;
}
.collapse-btn[data-v-202f3529] .anticon {
  color: #fff;
  font-size: .18rem;
}
.collapse-btn[data-v-202f3529]:hover {
  background-color: #ffffff1a;
}
.province-item[data-v-202f3529] {
  cursor: pointer;
  border-radius: .04rem;
  padding: .05rem;
}
.province-item.active[data-v-202f3529] {
  color: #1890ff;
  background-color: #e6f7ff;
}

.tags-view-container[data-v-a19cc10c] {
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  height: .4rem;
  position: relative;
  box-shadow: 0 1px .04rem #00000014;
}
.tags-view-wrapper[data-v-a19cc10c] {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  align-items: center;
  height: 100%;
  padding: 0 .16rem;
  display: flex;
  overflow-x: auto;
}
.tags-view-wrapper[data-v-a19cc10c]::-webkit-scrollbar {
  display: none;
}
.tags-view-wrapper .tag-item[data-v-a19cc10c] {
  cursor: pointer;
  color: #000000a6;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box;
  background-color: #f5f5f5;
  border: 1px solid #e8e8e8;
  border-radius: .04rem;
  align-items: center;
  height: .28rem;
  margin-right: .08rem;
  padding: 0 .08rem;
  line-height: .28rem;
  transition: all .25s cubic-bezier(.645, .045, .355, 1);
  display: flex;
  position: relative;
}
.tags-view-wrapper .tag-item .tag-title[data-v-a19cc10c] {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: .16rem;
  overflow: hidden;
}
.tags-view-wrapper .tag-item .first-tag-title[data-v-a19cc10c] {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 0;
  overflow: hidden;
}
.tags-view-wrapper .tag-item .close-icon[data-v-a19cc10c] {
  visibility: hidden;
  color: #00000073;
  font-size: .13rem;
  position: absolute;
  top: 50%;
  right: .08rem;
  transform: translateY(-50%);
}
.tags-view-wrapper .tag-item .close-icon[data-v-a19cc10c]:hover {
  color: #f56c6c;
}
.tags-view-wrapper .tag-item[data-v-a19cc10c]:hover {
  color: #1890ff;
  background-color: #f0f7ff;
  border-color: #1890ff;
}
.tags-view-wrapper .tag-item:hover .close-icon[data-v-a19cc10c] {
  visibility: visible;
}
.tags-view-wrapper .tag-item[data-v-a19cc10c]:last-of-type {
  margin-right: 0;
}
.tags-view-wrapper .first-tag[data-v-a19cc10c] {
  padding-right: .08rem;
}
.tags-view-wrapper .active-tag[data-v-a19cc10c] {
  color: #1890ff;
  background-color: #e6f7ff;
  border-color: #91d5ff;
  font-weight: 500;
}
.tags-view-wrapper .active-tag .close-icon[data-v-a19cc10c] {
  visibility: visible;
}
.tags-view-wrapper[data-v-a19cc10c]:after {
  content: "";
  flex: 0 0 .16rem;
  height: 1px;
}
.contextmenu[data-v-a19cc10c] {
  z-index: 3000;
  background: #fff;
  border-radius: .04rem;
  min-width: 1.3rem;
  margin: 0;
  padding: .05rem 0;
  font-size: .14rem;
  list-style-type: none;
  position: fixed;
  box-shadow: 0 2px .12rem #0000001a;
}
.contextmenu li[data-v-a19cc10c] {
  cursor: pointer;
  align-items: center;
  padding: .08rem .16rem;
  transition: background-color .2s;
  display: flex;
}
.contextmenu li span[data-v-a19cc10c] {
  margin-left: .08rem;
}
.contextmenu li[data-v-a19cc10c]:hover {
  color: #1890ff;
  background: #f0f7ff;
}
.contextmenu li.disabled[data-v-a19cc10c] {
  cursor: not-allowed;
  color: #c0c4cc;
  background: #fff;
}
.contextmenu li.disabled[data-v-a19cc10c]:hover {
  color: #c0c4cc;
  background: #fff;
}

.layout[data-v-6a1d724d] {
  box-sizing: border-box;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}
.layout-sider[data-v-6a1d724d] {
  z-index: 10;
  background: #001529;
  height: 100vh;
  position: fixed;
  left: 0;
  overflow: auto;
}
.main-container[data-v-6a1d724d] {
  flex-direction: column;
  min-height: 100vh;
  margin-left: 2rem;
  transition: margin-left .2s;
  display: flex;
}
.main-container-collapsed[data-v-6a1d724d] {
  margin-left: .56rem;
}
.layout-header[data-v-6a1d724d] {
  z-index: 9;
  background: #fff;
  padding: 0;
  transition: left .2s;
  position: fixed;
  top: 0;
  left: 2rem;
  right: 0;
  box-shadow: 0 1px .04rem #00000014;
}
.main-container-collapsed .layout-header[data-v-6a1d724d] {
  left: .56rem;
}
.tags-view-wrapper[data-v-6a1d724d] {
  z-index: 7;
  transition: left .2s;
  position: fixed;
  top: .64rem;
  left: 2rem;
  right: 0;
}
.main-container-collapsed .tags-view-wrapper[data-v-6a1d724d] {
  left: .56rem;
}
.layout-content[data-v-6a1d724d] {
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  height: 0;
  min-height: 0;
  margin-top: 1.03rem;
  padding: .15rem;
  display: flex;
  position: relative;
  overflow: auto;
}
.fade-enter-active[data-v-6a1d724d], .fade-leave-active[data-v-6a1d724d] {
  transition: opacity .3s;
}
.fade-enter-from[data-v-6a1d724d], .fade-leave-to[data-v-6a1d724d] {
  opacity: 0;
}
[data-v-6a1d724d] .ant-spin-nested-loading {
  height: auto;
}
[data-v-6a1d724d] .ant-spin-container {
  height: auto;
}

.login-container[data-v-37dfd6fc] {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 50%, #e3f2fd 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}
.login-container[data-v-37dfd6fc]:before {
  content: "";
  opacity: .15;
  z-index: 0;
  background: radial-gradient(circle at 75% 30%, #ffffff4d .05rem, #0000 .06rem) 0 0 / 2.5rem 2.5rem, radial-gradient(circle at 25% 65%, #ffffff4d .05rem, #0000 .06rem) 0 0 / 2.5rem 2.5rem, radial-gradient(circle, #ffffff4d .05rem, #0000 .06rem) 0 0 / 2.5rem 2.5rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.login-content[data-v-37dfd6fc] {
  z-index: 2;
  background: #fffffff2;
  border: 1px solid #ffffff80;
  border-radius: .12rem;
  flex-direction: column;
  align-items: center;
  width: 4.2rem;
  padding: .4rem;
  display: flex;
  position: relative;
  box-shadow: 0 .08rem .32rem #2196f326;
}
.header-row[data-v-37dfd6fc] {
  justify-content: center;
  align-items: center;
  margin-bottom: .2rem;
  display: flex;
}
.logo[data-v-37dfd6fc] {
  align-items: center;
  margin-right: 2px;
  display: flex;
}
.logo img[data-v-37dfd6fc] {
  height: .5rem;
}
.header-title[data-v-37dfd6fc] {
  color: #000;
  margin: 0;
  font-size: .24rem;
  font-weight: 600;
  display: inline-block;
}
.login-form[data-v-37dfd6fc] {
  width: 100%;
}
.login-title[data-v-37dfd6fc] {
  color: #1565c0;
  text-align: center;
  margin-bottom: .25rem;
  font-size: .2rem;
  font-weight: 500;
}
[data-v-37dfd6fc] .ant-input {
  background-color: #f8fbfd;
  border-color: #bbdefb;
  border-radius: .04rem;
  padding: .1rem .15rem;
  transition: all .3s;
}
[data-v-37dfd6fc] .ant-input-affix-wrapper {
  background-color: #f8fbfd;
  border-color: #bbdefb;
  border-radius: .04rem;
  padding: .1rem .15rem;
  transition: all .3s;
}
[data-v-37dfd6fc] .ant-input:hover {
  background-color: #fff;
  border-color: #64b5f6;
}
[data-v-37dfd6fc] .ant-input-affix-wrapper:hover {
  background-color: #fff;
  border-color: #64b5f6;
}
[data-v-37dfd6fc] .ant-input:focus {
  background-color: #fff;
  border-color: #64b5f6;
}
[data-v-37dfd6fc] .ant-input-affix-wrapper:focus {
  background-color: #fff;
  border-color: #64b5f6;
}
[data-v-37dfd6fc] .ant-btn-primary {
  letter-spacing: .04rem;
  background: #2196f3;
  border-color: #2196f3;
  border-radius: .04rem;
  height: .46rem;
  font-size: .16rem;
  font-weight: 500;
  transition: all .3s;
}
[data-v-37dfd6fc] .ant-btn-primary:hover {
  background-color: #1565c0;
  border-color: #1565c0;
  box-shadow: 0 .04rem .12rem #2196f34d;
}
[data-v-37dfd6fc] .ant-form-item {
  margin-bottom: .22rem;
}
[data-v-37dfd6fc] .ant-form-item-explain-error {
  color: #f44336;
  font-size: .12rem;
}
@media screen and (max-width: 576px) {
.login-content[data-v-37dfd6fc] {
    width: 90%;
    max-width: 3.6rem;
    padding: .3rem .2rem;
}
.logo img[data-v-37dfd6fc] {
    height: .4rem;
}
.header-title[data-v-37dfd6fc] {
    font-size: .2rem;
}
.login-title[data-v-37dfd6fc] {
    margin-bottom: .2rem;
    font-size: .18rem;
}
[data-v-37dfd6fc] .ant-btn-primary {
    height: .42rem;
    font-size: .15rem;
}
}

.image-uploader[data-v-ea44ef2e] {
  width: 100%;
  display: inline-block;
}
.uploader-container[data-v-ea44ef2e] {
  flex-wrap: wrap;
  align-items: center;
  gap: .12rem;
  display: flex;
}
.image-card[data-v-ea44ef2e] {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: .08rem;
  justify-content: center;
  align-items: center;
  width: 1.04rem;
  height: 1.04rem;
  padding: .08rem;
  transition: all .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}
.image-card[data-v-ea44ef2e]:hover {
  border-color: #1890ff;
}
.image-card img[data-v-ea44ef2e] {
  object-fit: contain;
  cursor: pointer;
  max-width: 100%;
  max-height: 100%;
}
.image-card-mask[data-v-ea44ef2e] {
  opacity: 0;
  background-color: #00000080;
  border-radius: .08rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}
.image-card:hover .image-card-mask[data-v-ea44ef2e] {
  opacity: 1;
}
.image-card-actions[data-v-ea44ef2e] {
  gap: .16rem;
  display: flex;
}
.image-card-action[data-v-ea44ef2e] {
  cursor: pointer;
  color: #000000a6;
  background-color: #fffc;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: .32rem;
  height: .32rem;
  transition: all .3s;
  display: flex;
}
.image-card-action[data-v-ea44ef2e]:hover {
  color: #1890ff;
  background-color: #fff;
  transform: scale(1.1);
}
.upload-button[data-v-ea44ef2e] {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: .08rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.04rem;
  height: 1.04rem;
  transition: all .3s;
  display: flex;
  position: relative;
}
.upload-button[data-v-ea44ef2e]:hover {
  background-color: #f0f7ff;
  border-color: #1890ff;
}
.upload-icon[data-v-ea44ef2e] {
  color: #999;
  margin-bottom: .08rem;
  font-size: .28rem;
  transition: all .3s;
}
.upload-button:hover .upload-icon[data-v-ea44ef2e] {
  color: #1890ff;
  transform: scale(1.1);
}
.upload-text[data-v-ea44ef2e] {
  color: #666;
  font-size: .12rem;
  transition: all .3s;
}
.upload-button:hover .upload-text[data-v-ea44ef2e] {
  color: #1890ff;
}
.file-input[data-v-ea44ef2e] {
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
  display: none !important;
}
.preview-image[data-v-ea44ef2e] {
  object-fit: contain;
  max-width: 100%;
  max-height: 80vh;
}
.image-preview-wrapper[data-v-ea44ef2e] {
  z-index: 9999;
  pointer-events: auto;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.image-preview-modal[data-v-ea44ef2e] {
  z-index: 9999;
  pointer-events: auto;
  background-color: #00000073;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}
.preview-actions[data-v-ea44ef2e] {
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
  padding: 0 .6rem;
  display: flex;
  position: relative;
}
.preview-content[data-v-ea44ef2e] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.preview-nav[data-v-ea44ef2e] {
  cursor: pointer;
  color: #fff;
  z-index: 1010;
  background-color: #ffffff4d;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: .5rem;
  height: .5rem;
  font-size: .22rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.preview-nav[data-v-ea44ef2e]:hover {
  background-color: #ffffff80;
  transform: translateY(-50%)scale(1.1);
}
.prev[data-v-ea44ef2e] {
  left: .2rem;
}
.next[data-v-ea44ef2e] {
  right: .2rem;
}
.preview-close[data-v-ea44ef2e] {
  cursor: pointer;
  color: #fff;
  z-index: 1010;
  background-color: #fff3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: .4rem;
  height: .4rem;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: .2rem;
  right: .2rem;
}
.preview-close[data-v-ea44ef2e]:hover {
  background-color: #ffffff4d;
  transform: scale(1.1);
}
.image-counter[data-v-ea44ef2e] {
  color: #fff;
  background-color: #00000080;
  border-radius: .15rem;
  padding: .05rem .15rem;
  font-size: .14rem;
  position: absolute;
  bottom: .05rem;
  left: 50%;
  transform: translateX(-50%);
}
.image-card.small-card[data-v-ea44ef2e], .upload-button.small-button[data-v-ea44ef2e] {
  width: .64rem;
  height: .64rem;
}
.upload-button.small-button .upload-icon[data-v-ea44ef2e] {
  margin-bottom: 0;
  font-size: .18rem;
}
.image-card.large-card[data-v-ea44ef2e], .upload-button.large-button[data-v-ea44ef2e] {
  width: 1.28rem;
  height: 1.28rem;
}
.upload-button.large-button .upload-icon[data-v-ea44ef2e] {
  margin-bottom: 0;
  font-size: .38rem;
}

.form-footer[data-v-7bc1efc8] {
  justify-content: flex-end;
  margin-top: .24rem;
  display: flex;
}

.form-footer[data-v-b5361aa2] {
  justify-content: flex-end;
  margin-top: .24rem;
  display: flex;
}
.username-text[data-v-b5361aa2] {
  color: #000000d9;
  font-weight: 500;
}

.top-operations[data-v-5030b507] {
  margin-bottom: .16rem;
}

.form-footer[data-v-7dffc1c7] {
  justify-content: flex-end;
  margin-top: .24rem;
  display: flex;
}

.form-footer[data-v-58292a60] {
  justify-content: flex-end;
  margin-top: .24rem;
  display: flex;
}
.permission-tree[data-v-58292a60] .ant-tree-checkbox {
  margin-block-start: 0 !important;
}
.leaf-node[data-v-58292a60] {
  cursor: pointer;
}

.top-operations[data-v-502efc32] {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: .16rem;
  display: flex;
}

.system-parameter-container[data-v-448f671c] {
  background-color: #fff;
  border-radius: .04rem;
  padding: .2rem;
  box-shadow: 0 2px .12rem #0000001a;
}

.rich-text-editor[data-v-29980226] {
  width: 100%;
}

::v-deep .w-e-text-container {
  min-height: 3rem !important;
}
.w-e-text-container .w-e-scroll {
  -webkit-overflow-scrolling: touch;
  min-height: 3rem !important;
}
.w-e-full-screen-container {
  z-index: 10001 !important;
}
.w-e-full-screen-container .w-e-toolbar {
  z-index: 10002 !important;
}
.w-e-full-screen-container .w-e-text-container {
  z-index: 10001 !important;
}

.table-header-bar[data-v-322a15a2] {
  justify-content: flex-end;
  margin-bottom: .15rem;
  display: flex;
}

.rows > .ant-row[data-v-43b0a181]:first-child {
  border-top-left-radius: .04rem;
  border-top-right-radius: .04rem;
}
.rows > .ant-row[data-v-43b0a181]:last-child {
  border-bottom-right-radius: .04rem;
  border-bottom-left-radius: .04rem;
}

.fs-12 {
  font-size: .12rem;
}

.fs-14 {
  font-size: .14rem;
}

.fs-16 {
  font-size: .16rem;
}

.fs-18 {
  font-size: .18rem;
}

.fs-20 {
  font-size: .2rem;
}

.fs-22 {
  font-size: .22rem;
}

.fs-24 {
  font-size: .24rem;
}

.fs-28 {
  font-size: .28rem;
}

.fs-30 {
  font-size: .3rem;
}

.fw-bold {
  font-weight: bold;
}

.fw-100 {
  font-weight: 100;
}

.fw-200 {
  font-weight: 200;
}

.fw-300 {
  font-weight: 300;
}

.fw-500 {
  font-weight: 500;
}

.fw-600 {
  font-weight: 600;
}

.fw-800 {
  font-weight: 800;
}

.fw-900 {
  font-weight: 900;
}

.fw-normal {
  font-weight: normal;
}

.fs-normal {
  font-style: normal;
}

.fs-italic {
  font-style: italic;
}

.tc-primary {
  color: #409eff;
}

.tc-success {
  color: #52c41a;
}

.tc-warning {
  color: #e6a23c;
}

.tc-danger {
  color: #ff4d4f;
}

.tc-info {
  color: #909399;
}

.tc-333 {
  color: #333;
}

.tc-666 {
  color: #666;
}

.tc-999 {
  color: #999;
}

.tc-ccc {
  color: #ccc;
}

.tc-ddd {
  color: #ddd;
}

.tc-eee {
  color: #eee;
}

.tc-fff {
  color: #fff;
}

.tc-000 {
  color: #000;
}

.tc-label {
  color: #606266;
}

.td-underline {
  text-decoration: underline;
}

.td-line-through {
  text-decoration: line-through;
}

.td-decoration-none {
  text-decoration: none;
}

.ta-center {
  text-align: center;
}

.ta-left {
  text-align: left;
}

.ta-right {
  text-align: right;
}

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

.dsp-block {
  display: block;
}

.box-sizing {
  box-sizing: border-box;
}

.content-sizing {
  box-sizing: content-box;
}

.flex {
  display: flex;
}

.flex-gap-6 {
  gap: .06rem;
}

.flex-gap-10 {
  gap: .1rem;
}

.flex-1 {
  flex: 1;
}

.flex-col {
  flex-direction: column;
}

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

.flex-ai-center {
  align-items: center;
}

.flex-jc-center {
  justify-content: center;
}

.flex-jc-space-between {
  justify-content: space-between;
}

.flex-jc-end {
  justify-content: end;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.position-relative {
  position: relative;
}

.pad-0 {
  padding: 0;
}

.pad-5 {
  padding: .05rem;
}

.pad-10 {
  padding: .1rem;
}

.pad-15 {
  padding: .15rem;
}

.pad-20 {
  padding: .2rem;
}

.pad-30 {
  padding: .3rem;
}

.pad-40 {
  padding: .4rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-5 {
  padding-top: .05rem;
}

.pt-10 {
  padding-top: .1rem;
}

.pt-15 {
  padding-top: .15rem;
}

.pt-20 {
  padding-top: .2rem;
}

.pt-30 {
  padding-top: .3rem;
}

.pt-40 {
  padding-top: .4rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-5 {
  padding-left: .05rem;
}

.pl-10 {
  padding-left: .1rem;
}

.pl-15 {
  padding-left: .15rem;
}

.pl-20 {
  padding-left: .2rem;
}

.pl-30 {
  padding-left: .3rem;
}

.pl-40 {
  padding-left: .4rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-5 {
  padding-right: .05rem;
}

.pr-10 {
  padding-right: .1rem;
}

.pr-15 {
  padding-right: .15rem;
}

.pr-20 {
  padding-right: .2rem;
}

.pr-30 {
  padding-right: .3rem;
}

.pr-40 {
  padding-right: .4rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-5 {
  padding-bottom: .05rem;
}

.pb-10 {
  padding-bottom: .1rem;
}

.pb-15 {
  padding-bottom: .15rem;
}

.pb-20 {
  padding-bottom: .2rem;
}

.pb-30 {
  padding-bottom: .3rem;
}

.pb-40 {
  padding-bottom: .4rem;
}

.pad-vertical-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pad-vertical-3 {
  padding-top: .03rem;
  padding-bottom: .03rem;
}

.pad-vertical-5 {
  padding-top: .05rem;
  padding-bottom: .05rem;
}

.pad-vertical-10 {
  padding-top: .1rem;
  padding-bottom: .1rem;
}

.pad-vertical-15 {
  padding-top: .15rem;
  padding-bottom: .15rem;
}

.pad-vertical-20 {
  padding-top: .2rem;
  padding-bottom: .2rem;
}

.pad-vertical-30 {
  padding-top: .3rem;
  padding-bottom: .3rem;
}

.pad-vertical-40 {
  padding-top: .4rem;
  padding-bottom: .4rem;
}

.pad-horizontal-0 {
  padding-left: 0;
  padding-right: 0;
}

.pad-horizontal-5 {
  padding-left: .05rem;
  padding-right: .05rem;
}

.pad-horizontal-10 {
  padding-left: .1rem;
  padding-right: .1rem;
}

.pad-horizontal-15 {
  padding-left: .15rem;
  padding-right: .15rem;
}

.pad-horizontal-20 {
  padding-left: .2rem;
  padding-right: .2rem;
}

.pad-horizontal-30 {
  padding-left: .3rem;
  padding-right: .3rem;
}

.pad-horizontal-40 {
  padding-left: .4rem;
  padding-right: .4rem;
}

.mag-0 {
  margin: 0;
}

.mag-5 {
  margin: .05rem;
}

.mag-10 {
  margin: .1rem;
}

.mag-15 {
  margin: .15rem;
}

.mag-20 {
  margin: .2rem;
}

.mag-30 {
  margin: .3rem;
}

.mag-40 {
  margin: .4rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-5 {
  margin-top: .05rem;
}

.mt-10 {
  margin-top: .1rem;
}

.mt-15 {
  margin-top: .15rem;
}

.mt-20 {
  margin-top: .2rem !important;
}

.mt-30 {
  margin-top: .3rem !important;
}

.mt-40 {
  margin-top: .4rem !important;
}

.ml-0 {
  margin-left: 0;
}

.ml-5 {
  margin-left: .05rem;
}

.ml-10 {
  margin-left: .1rem;
}

.ml-15 {
  margin-left: .15rem;
}

.ml-20 {
  margin-left: .2rem;
}

.ml-30 {
  margin-left: .3rem;
}

.ml-40 {
  margin-left: .4rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-5 {
  margin-right: .05rem;
}

.mr-10 {
  margin-right: .1rem;
}

.mr-15 {
  margin-right: .15rem;
}

.mr-20 {
  margin-right: .2rem;
}

.mr-30 {
  margin-right: .3rem;
}

.mr-40 {
  margin-right: .4rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-5 {
  margin-bottom: .05rem;
}

.mb-5-important {
  margin-bottom: .05rem !important;
}

.mb-10 {
  margin-bottom: .1rem;
}

.mb-15 {
  margin-bottom: .15rem;
}

.mb-20 {
  margin-bottom: .2rem;
}

.mb-30 {
  margin-bottom: .3rem;
}

.mb-40 {
  margin-bottom: .4rem;
}

.lh-12 {
  line-height: .12rem;
}

.lh-14 {
  line-height: .14rem;
}

.lh-16 {
  line-height: .16rem;
}

.lh-18 {
  line-height: .18rem;
}

.lh-20 {
  line-height: .2rem;
}

.lh-24 {
  line-height: .24rem;
}

.lh-28 {
  line-height: .28rem;
}

.lh-30 {
  line-height: .3rem;
}

.lh-40 {
  line-height: .4rem;
}

.lh-60 {
  line-height: .6rem;
}

.lh-80 {
  line-height: .8rem;
}

.lh-100 {
  line-height: 100%;
}

.lh-120 {
  line-height: 120%;
}

.lh-140 {
  line-height: 140%;
}

.lh-160 {
  line-height: 160%;
}

.lh-180 {
  line-height: 180%;
}

.bg-primary {
  background-color: #409eff;
}

.bg-primary-light {
  background-color: #409eff18;
}

.bg-success {
  background-color: #52c41a;
}

.bg-success-light {
  background-color: #52c41a18;
}

.bg-warning {
  background-color: #e6a23c;
}

.bg-warning-light {
  background-color: #e6a23c18;
}

.bg-danger {
  background-color: #ff4d4f;
}

.bg-danger-light {
  background-color: #ff4d4f18;
}

.bg-info {
  background-color: #909399;
}

.bg-info-light {
  background-color: #90939918;
}

.bg-f3 {
  background-color: #f3f3f3;
}

.bg-f6 {
  background-color: #f6f6f6;
}

.bg-f9 {
  background-color: #f9f9f9;
}

.bg-white {
  background-color: #fff;
}

.bw, .bw-1 {
  border-width: 1px;
}

.bw-2 {
  border-width: 2px;
}

.bw-4 {
  border-width: .04rem;
}

.bs-solid {
  border-style: solid;
}

.bs-dashed {
  border-style: dashed;
}

.bs-dotted {
  border-style: dotted;
}

.bs-dot-dash {
  border-style: dot-dash;
}

.bs-dot-dot-dash {
  border-style: dot-dot-dash;
}

.bc-primary {
  border-color: #409eff;
}

.bc-success {
  border-color: #52c41a;
}

.bc-warning {
  border-color: #e6a23c;
}

.bc-danger {
  border-color: #ff4d4f;
}

.bc-info {
  border-color: #909399;
}

.bc-ddd {
  border-color: #ddd;
}

.br, .br-1 {
  border-radius: 1px;
}

.br-2 {
  border-radius: 2px;
}

.br-4 {
  border-radius: .04rem;
}

.br-5 {
  border-radius: .05rem;
}

.br-10 {
  border-radius: .1rem;
}

.br-cycle {
  border-radius: 50%;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.fn {
  float: none;
}

.cf {
  clear: both;
}

.cfl {
  clear: left;
}

.cfr {
  clear: right;
}

.width-p-100 {
  width: 100%;
}

.width-p-90 {
  width: 90%;
}

.width-p-80 {
  width: 80%;
}

.width-p-60 {
  width: 60%;
}

.width-p-50 {
  width: 50%;
}

.width-p-40 {
  width: 40%;
}

.width-p-20 {
  width: 20%;
}

.width-p-10 {
  width: 10%;
}

.width-100 {
  width: 1rem;
}

.width-90 {
  width: .9rem;
}

.width-80 {
  width: .8rem;
}

.width-60 {
  width: .6rem;
}

.width-50 {
  width: .5rem;
}

.width-40 {
  width: .4rem;
}

.width-20 {
  width: .2rem;
}

.width-10 {
  width: .1rem;
}

.width-120 {
  width: 1.2rem;
}

.width-140 {
  width: 1.4rem;
}

.width-160 {
  width: 1.6rem;
}

.width-200 {
  width: 2rem;
}

.width-250 {
  width: 2.5rem;
}

.width-300 {
  width: 3rem;
}

.width-350 {
  width: 3.5rem;
}

.width-400 {
  width: 4rem;
}

.width-450 {
  width: 4.5rem;
}

.width-600 {
  width: 6rem;
}

.width-800 {
  width: 8rem;
}

.cursor-pointer {
  cursor: pointer;
}

.font-monospace {
  font-family: Consolas, monospace;
}

html {
  font-size: 100px;
}

html, * {
  box-sizing: border-box;
}

body {
  font-size: .14rem;
}

.radius-block {
  background-color: #fff;
  border-radius: .1rem;
  padding: .1rem .12rem .2rem;
}

.mainContent, .main-content {
  background-color: #fff;
  border-radius: .04rem;
  padding: .16rem;
}

.mainContent .header, .main-content .header {
  margin-bottom: .16rem;
}

.main-content.with-tabs {
  padding: 0 .16rem .16rem;
}

.defined-modal .ant-modal-confirm-content {
  width: 100% !important;
  margin-top: 0 !important;
}

.defined-modal .ant-form-item {
  margin-bottom: .14rem;
}

.ant-form.ant-form-small .ant-form-item {
  margin-bottom: .12rem;
}

.defined-modal .ant-modal-confirm-btns {
  display: none;
}

.ant-tag.mini-tag {
  padding-inline-start: .03rem;
  padding-inline-end: .03rem;
  line-height: .16rem;
}

.table-by-row-col > :first-child {
  background-color: #f6f6f6;
}

.table-by-row-col .ant-col {
  padding: .05rem .08rem;
}

.ant-btn-primary.btn-warning {
  background-color: #e6a23c;
  box-shadow: 0 2px #d1bea00f;
}

.ant-btn-primary.btn-warning:not(:disabled):hover, .ant-btn-primary.btn-warning:not(.ant-btn-dangerous):not(:disabled):focus {
  background-color: #e49d32;
}

.ant-btn-primary.btn-success {
  background-color: #52c41a;
  box-shadow: 0 2px #9dc38b0f;
}

.ant-btn-primary.btn-success:not(:disabled):hover, .ant-btn-primary.btn-success:not(.ant-btn-dangerous):not(:disabled):focus {
  background-color: #4fc814;
}

.ant-form-inline .ant-form-item:last-child {
  margin-inline-end: 0;
}

.ant-modal-confirm.defined-modal .ant-modal-confirm-body .ant-modal-confirm-title + .ant-modal-confirm-content {
  max-width: 100%;
}

.default-spin-container {
  width: 100%;
  height: 5rem;
}

.ant-menu-sub .ant-menu-item {
  height: .4rem !important;
}

.ant-btn.ant-btn-sm.ant-btn-link {
  padding: 0;
}

.ant-message, .ant-message .ant-message-notice {
  z-index: 2000 !important;
}

.copy-with-inner-html, .copy-with-data-text {
  cursor: pointer;
}

.ant-layout-content.layout-content > .ant-spin-nested-loading {
  min-height: 100%;
}

.ant-layout-content.layout-content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  display: flex;
}

.ant-layout-content.layout-content > .ant-spin-nested-loading > .ant-spin-container > div {
  flex: 1;
}

