html.dark{color-scheme:dark;--el-color-primary:#409eff;--el-color-primary-light-3:#3375b9;--el-color-primary-light-5:#2a598a;--el-color-primary-light-7:#213d5b;--el-color-primary-light-8:#1d3043;--el-color-primary-light-9:#18222c;--el-color-primary-dark-2:#66b1ff;--el-color-success:#67c23a;--el-color-success-light-3:#4e8e2f;--el-color-success-light-5:#3e6b27;--el-color-success-light-7:#2d481f;--el-color-success-light-8:#25371c;--el-color-success-light-9:#1c2518;--el-color-success-dark-2:#85ce61;--el-color-warning:#e6a23c;--el-color-warning-light-3:#a77730;--el-color-warning-light-5:#7d5b28;--el-color-warning-light-7:#533f20;--el-color-warning-light-8:#3e301c;--el-color-warning-light-9:#292218;--el-color-warning-dark-2:#ebb563;--el-color-danger:#f56c6c;--el-color-danger-light-3:#b25252;--el-color-danger-light-5:#854040;--el-color-danger-light-7:#582e2e;--el-color-danger-light-8:#412626;--el-color-danger-light-9:#2b1d1d;--el-color-danger-dark-2:#f78989;--el-color-error:#f56c6c;--el-color-error-light-3:#b25252;--el-color-error-light-5:#854040;--el-color-error-light-7:#582e2e;--el-color-error-light-8:#412626;--el-color-error-light-9:#2b1d1d;--el-color-error-dark-2:#f78989;--el-color-info:#909399;--el-color-info-light-3:#6b6d71;--el-color-info-light-5:#525457;--el-color-info-light-7:#393a3c;--el-color-info-light-8:#2d2d2f;--el-color-info-light-9:#202121;--el-color-info-dark-2:#a6a9ad;--el-box-shadow:0px 12px 32px 4px rgba(0, 0, 0, 0.36), 0px 8px 20px rgba(0, 0, 0, 0.72);--el-box-shadow-light:0px 0px 12px rgba(0, 0, 0, 0.72);--el-box-shadow-lighter:0px 0px 6px rgba(0, 0, 0, 0.72);--el-box-shadow-dark:0px 16px 48px 16px rgba(0, 0, 0, 0.72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page:#0a0a0a;--el-bg-color:#141414;--el-bg-color-overlay:#1d1e1f;--el-text-color-primary:#E5EAF3;--el-text-color-regular:#CFD3DC;--el-text-color-secondary:#A3A6AD;--el-text-color-placeholder:#8D9095;--el-text-color-disabled:#6C6E72;--el-border-color-darker:#636466;--el-border-color-dark:#58585B;--el-border-color:#4C4D4F;--el-border-color-light:#414243;--el-border-color-lighter:#363637;--el-border-color-extra-light:#2B2B2C;--el-fill-color-darker:#424243;--el-fill-color-dark:#39393A;--el-fill-color:#303030;--el-fill-color-light:#262727;--el-fill-color-lighter:#1D1D1D;--el-fill-color-extra-light:#191919;--el-fill-color-blank:transparent;--el-mask-color:rgba(0, 0, 0, 0.8);--el-mask-color-extra-light:rgba(0, 0, 0, 0.3)}html.dark .el-button{--el-button-disabled-text-color:rgba(255, 255, 255, 0.5)}html.dark .el-card{--el-card-bg-color:var(--el-bg-color-overlay)}html.dark .el-empty{--el-empty-fill-color-0:var(--el-color-black);--el-empty-fill-color-1:#4b4b52;--el-empty-fill-color-2:#36383d;--el-empty-fill-color-3:#1e1e20;--el-empty-fill-color-4:#262629;--el-empty-fill-color-5:#202124;--el-empty-fill-color-6:#212224;--el-empty-fill-color-7:#1b1c1f;--el-empty-fill-color-8:#1c1d1f;--el-empty-fill-color-9:#18181a}:root .el-segmented{--el-segmented-radius: var(--el-border-radius-base);--el-segmented-padding: 3px;--el-segmented-bg: var(--el-fill-color-light);--el-segmented-height: 28px;--el-segmented-font-size: 14px;--el-segmented-item-padding: 12px;--el-segmented-color: var(--el-text-color-secondary);--el-segmented-active-color: var(--el-text-color-primary);--el-segmented-active-bg: var(--el-bg-color-overlay);--el-segmented-active-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);--el-segmented-hover-bg: rgba(0, 0, 0, 0.04);--el-segmented-disabled-color: var(--el-text-color-placeholder)}@media(max-width: 1200px){.el-drawer.rtl{width:90% !important}.el-dialog{width:90% !important}.el-dialog.is-fullscreen{width:100% !important}}.el-drawer .el-drawer__header{margin-bottom:0;padding:calc(var(--el-drawer-padding-primary) - 5px) var(--el-drawer-padding-primary) calc(var(--el-drawer-padding-primary) - 6px);border-bottom:1px var(--el-border-style) var(--el-border-color);justify-content:space-between}.el-drawer .el-drawer__footer{border-top:var(--el-border);padding:calc(var(--el-drawer-padding-primary) - 5px)}body{font-family:Inter,system-ui,Avenir,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:var(--el-color-primary)}html,body,#app{width:100%;height:100%;padding:0;margin:0}code{border-radius:2px;padding:2px 4px;background-color:var(--el-color-primary-light-9);color:var(--el-color-primary)}
/*!**
 * 需要修改的全局组件的样式
 *!
.el-button {
  border: none !important;
  background: #ecf5ff !important;
  color: #409eff !important;
}

.el-button:hover {
  //border: 1px solid #409eff !important;
  background: #409eff !important;
  color: #ecf5ff !important;
}

.el-button[disabled] {
  background-color: #ecf5ff !important;
  color: #8cc5ff !important;
  border: 1px solid #d9ecff !important;
}

.el-button[disabled]:hover {
  border: 1px solid #f7f7f7;
}


.el-button--primary {
  color: #409eff !important;
  background: #ecf5ff !important;
  border: #b3d8ff solid 1px !important;
}

.el-button--primary:hover {
  //border: 1px solid #409eff !important;
  background: #409eff !important;
  color: #ecf5ff !important;
}

.el-button--primary[disabled] {
  background-color: #ecf5ff !important;
  color: #8cc5ff !important;
  border: 1px solid #d9ecff !important;
}

.el-button--primary[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.el-button--success {
  color: #67c23a !important;
  background: #f0f9eb !important;
  border: #c2e7b0 solid 1px !important;
}

.el-button--success:hover {
  border: 1px solid #c2e7b0 !important;
  background: #67c23a !important;
  color: #f0f9eb !important;
}

.el-button--success[disabled] {
  background-color: #f0f9eb !important;
  color: #a4da89 !important;
  border: 1px solid #e1f3d8 !important;
}

.el-button--success[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.el-button--info {
  color: #909399 !important;
  background: #909399 !important;
  border: #d3d4d6 solid 1px !important;
}

.el-button--info:hover {
  border: 1px solid #d3d4d6 !important;
  background: #909399 !important;
  color: #f4f4f5 !important;
}

.el-button--info[disabled] {
  background-color: #f4f4f5 !important;
  color: #bcbec2 !important;
  border: 1px solid #e9e9eb !important;
}

.el-button--info[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.el-button--warning {
  color: #e6a23c !important;
  background: #fdf6ec !important;
  border: #f5dab1 solid 1px !important;
}

.el-button--warning:hover {
  border: 1px solid #f3d19e !important;
  background: #f3d19e !important;
  color: #fff !important;
}

.el-button--warning[disabled] {
  border: 1px solid #faecd8 !important;
  background: #fdf6ec !important;
  color: #f0c78a !important;
}

.el-button--warning[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.el-button--danger {
  color: #f56c6c !important;
  background: #fef0f0 !important;
  border: #fbc4c4 solid 1px !important;
}

.el-button--danger:hover {
  border: 1px solid #fbc4c4 !important;
  background: #f56c6c !important;
  color: #fef0f0 !important;
}

.el-button--danger[disabled] {
  background-color: #fef0f0 !important;
  color: #f9a7a7 !important;
  border: 1px solid #fde2e2 !important;
}

.el-button--danger[disabled]:hover {
  border: 1px solid #f7f7f7;
}*/


/* -- vxe-button 加样式 -- */
/*.vxe-buttons--wrapper .vxe-button.type--button {
  border: none !important;
  background: #ecf5ff !important;
  color: #409eff !important;
}


.vxe-buttons--wrapper .vxe-button.type--button:hover {
  //border: 1px solid #409eff !important;
  background: #409eff !important;
  color: #ecf5ff !important;
}

.vxe-buttons--wrapper .vxe-button.type--button[disabled] {
  background-color: #ecf5ff !important;
  color: #8cc5ff !important;
  border: 1px solid #d9ecff !important;
}

.vxe-buttons--wrapper .vxe-button.type--button[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--primary {
  color: #409eff !important;
  background: #ecf5ff !important;
  border: #b3d8ff solid 1px !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--primary:hover {
  //border: 1px solid #409eff !important;
  background: #409eff !important;
  color: #ecf5ff !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--primary[disabled] {
  background-color: #ecf5ff !important;
  color: #8cc5ff !important;
  border: 1px solid #d9ecff !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--primary[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--success {
  color: #67c23a !important;
  background: #f0f9eb !important;
  border: #c2e7b0 solid 1px !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--success:hover {
  border: 1px solid #c2e7b0 !important;
  background: #67c23a !important;
  color: #f0f9eb !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--success[disabled] {
  background-color: #f0f9eb !important;
  color: #a4da89 !important;
  border: 1px solid #e1f3d8 !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--success[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--info {
  color: #909399 !important;
  background: #909399 !important;
  border: #d3d4d6 solid 1px !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--info:hover {
  border: 1px solid #d3d4d6 !important;
  background: #909399 !important;
  color: #f4f4f5 !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--info[disabled] {
  background-color: #f4f4f5 !important;
  color: #bcbec2 !important;
  border: 1px solid #e9e9eb !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--info[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--warning {
  color: #e6a23c !important;
  background: #fdf6ec !important;
  border: #f5dab1 solid 1px !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--warning:hover {
  border: 1px solid #f3d19e !important;
  background: #f3d19e !important;
  color: #fff !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--warning[disabled] {
  border: 1px solid #faecd8 !important;
  background: #fdf6ec !important;
  color: #f0c78a !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--warning[disabled]:hover {
  border: 1px solid #f7f7f7;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--danger {
  color: #f56c6c !important;
  background: #fef0f0 !important;
  border: #fbc4c4 solid 1px !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--danger:hover {
  border: 1px solid #fbc4c4 !important;
  background: #f56c6c !important;
  color: #fef0f0 !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--danger[disabled] {
  background-color: #fef0f0 !important;
  color: #f9a7a7 !important;
  border: 1px solid #fde2e2 !important;
}

.vxe-buttons--wrapper .vxe-button.type--button.theme--danger[disabled]:hover {
  border: 1px solid #f7f7f7;
}*/


/* -- vxe-menu 加样式 -- */
.vxe-table--context-menu-wrapper {
  border-radius: 10px !important;
}

.vxe-context-menu--option-wrapper li {
  margin: 10px 4px !important;
}

li>.vxe-context-menu--link {
  width: auto !important;
}

li.link--active {
  border-radius: 4px !important;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.margin-10 {
  margin: 10px;
}

.margin-tb-10 {
  margin: 10px 0;
}

.margin-lr-10 {
  margin: 0 10px;
}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex-row-between{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex-row-end{
  display: flex;
  align-items: end;
  justify-content: space-between;
}
html {
  height: 100%;
}

body {
  background-color: #f1f1f1!important;
  font-size: 14px;
  color: #333333;
  height: 100%;
  font-family: Helvetica Neue, Helvetica, sans-serif;
}

#app {
  height: 100%;
}

body .el-table__fixed::before {
  z-index: inherit;
}

* {
  box-sizing: border-box;
}

#nprogress .bar {
  background-color: var(--el-color-primary) !important;
}

.container {
  position: relative;
  border-radius: 5px;
  min-height: 100%;
  /*background-color: #fff;*/
  /* margin: 5px; */
  padding: 5px;
  overflow-x: hidden;
  /*overflow-y: scroll;*/
}

.tab-container {
  height: calc(100vh - 148px);
  padding-top: 5px;
}

.tab-container .table-container {
  left: 0px;
  right: 0px;
}

.table-container .el-button {
  padding-top: 5px;
  padding-bottom: 5px;
}

.dialog-container {
  max-height: 65vh;
  overflow: auto;
  background-color: #fff;
  padding: 10px 20px;
  padding-top: 20px;
}

.table-header-container + .table-body-container {
  margin-top: 10px;
}

.el-dialog {
  border-radius: 2px !important;
  /*margin: var(--el-dialog-margin-top, 15vh) auto 50px !important;*/
}

.el-dialog__header {
  padding: 10px !important;
  border-bottom: 1px solid #ececec;
}

.el-dialog__headerbtn {
  top: 10px !important;
  right: 10px !important;
  font-size: 18px;
}

.el-dialog__title {
  font-weight: bold;
}

.el-dialog__body {
  padding: 10px !important;
}

.el-dialog__footer {
  background-color: #ffffff!important;
  padding: 10px 10px 0 10px !important;
  border-top: 1px solid #ececec;
}

.el-menu [class^="svg-icon"] {
  width: 24px !important;
  font-size: 18px !important;
  margin-right: 5px !important;
  vertical-align: middle !important;
}

.form-item__require .el-form-item__label::before {
  content: "*";
  color: red;
  margin-right: 5px;
}

.title {
  color: #333;
  font-size: 16px;
}

.bg-red {
  background-color: #e54d42;
  color: #ffffff;
}

.bg-orange {
  background-color: #f37b1d;
  color: #ffffff;
}

.bg-yellow {
  background-color: #fbbd08;
  color: #333333;
}

.bg-olive {
  background-color: #8dc63f;
  color: #ffffff;
}

.bg-green {
  background-color: #39b54a;
  color: #ffffff;
}

.bg-cyan {
  background-color: #1cbbb4;
  color: #ffffff;
}

.bg-blue {
  background-color: #0081ff;
  color: #ffffff;
}

.bg-blue-light {
  background-color: #409EFF;
  color: #ffffff;
}

.bg-purple {
  background-color: #6739b6;
  color: #ffffff;
}

.bg-mauve {
  background-color: #9c26b0;
  color: #ffffff;
}

.bg-pink {
  background-color: #e03997;
  color: #ffffff;
}

.bg-brown {
  background-color: #a5673f;
  color: #ffffff;
}

.bg-grey {
  background-color: #8799a3;
  color: #ffffff;
}

.bg-gray {
  background-color: #f0f0f0;
  color: #333333;
}

.bg-black {
  background-color: #333333;
  color: #ffffff;
}

.bg-white {
  background-color: #ffffff;
  color: #666666;
}

.bg-shadeTop {
  background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
  color: #ffffff;
}

.bg-shadeBottom {
  background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
  color: #ffffff;
}

.bg-red.light {
  color: #e54d42;
  background-color: #fadbd9;
}

.bg-orange.light {
  color: #f37b1d;
  background-color: #fde6d2;
}

.bg-yellow.light {
  color: #fbbd08;
  background-color: #fef2ced2;
}

.bg-olive.light {
  color: #8dc63f;
  background-color: #e8f4d9;
}

.bg-green.light {
  color: #39b54a;
  background-color: #d7f0dbff;
}

.bg-cyan.light {
  color: #1cbbb4;
  background-color: #d2f1f0;
}

.bg-blue.light {
  color: #0081ff;
  background-color: #cce6ff;
}

.bg-purple.light {
  color: #6739b6;
  background-color: #e1d7f0;
}

.bg-mauve.light {
  color: #9c26b0;
  background-color: #ebd4ef;
}

.bg-pink.light {
  color: #e03997;
  background-color: #f9d7ea;
}

.bg-brown.light {
  color: #a5673f;
  background-color: #ede1d9;
}

.bg-grey.light {
  color: #8799a3;
  background-color: #e7ebed;
}

.bg-gradual-red {
  background-image: linear-gradient(45deg, #f43f3b, #ec008c);
  color: #ffffff;
}

.bg-gradual-orange {
  background-image: linear-gradient(45deg, #ff9700, #ed1c24);
  color: #ffffff;
}

.bg-gradual-green {
  background-image: linear-gradient(45deg, #39b54a, #8dc63f);
  color: #ffffff;
}

.bg-gradual-purple {
  background-image: linear-gradient(45deg, #9000ff, #5e00ff);
  color: #ffffff;
}

.bg-gradual-pink {
  background-image: linear-gradient(45deg, #ec008c, #6739b6);
  color: #ffffff;
}

.bg-gradual-blue {
  background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
  color: #ffffff;
}

.shadow[class*="-red"] {
  box-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);
}

.shadow[class*="-orange"] {
  box-shadow: 3px 3px 4px rgba(217, 109, 26, 0.2);
}

.shadow[class*="-yellow"] {
  box-shadow: 3px 3px 4px rgba(224, 170, 7, 0.2);
}

.shadow[class*="-olive"] {
  box-shadow: 3px 3px 4px rgba(124, 173, 55, 0.2);
}

.shadow[class*="-green"] {
  box-shadow: 3px 3px 4px rgba(48, 156, 63, 0.2);
}

.shadow[class*="-cyan"] {
  box-shadow: 3px 3px 4px rgba(28, 187, 180, 0.2);
}

.shadow[class*="-blue"] {
  box-shadow: 3px 3px 4px rgba(0, 102, 204, 0.2);
}

.shadow[class*="-purple"] {
  box-shadow: 3px 3px 4px rgba(88, 48, 156, 0.2);
}

.shadow[class*="-mauve"] {
  box-shadow: 3px 3px 4px rgba(133, 33, 150, 0.2);
}

.shadow[class*="-pink"] {
  box-shadow: 3px 3px 4px rgba(199, 50, 134, 0.2);
}

.shadow[class*="-brown"] {
  box-shadow: 3px 3px 4px rgba(140, 88, 53, 0.2);
}

.shadow[class*="-grey"] {
  box-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.shadow[class*="-gray"] {
  box-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.shadow[class*="-black"] {
  box-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.shadow[class*="-white"] {
  box-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.deep-shadow {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

.light-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.text-shadow[class*="-red"] {
  text-shadow: 3px 3px 4px rgba(204, 69, 59, 0.2);
}

.text-shadow[class*="-orange"] {
  text-shadow: 3px 3px 4px rgba(217, 109, 26, 0.2);
}

.text-shadow[class*="-yellow"] {
  text-shadow: 3px 3px 4px rgba(224, 170, 7, 0.2);
}

.text-shadow[class*="-olive"] {
  text-shadow: 3px 3px 4px rgba(124, 173, 55, 0.2);
}

.text-shadow[class*="-green"] {
  text-shadow: 3px 3px 4px rgba(48, 156, 63, 0.2);
}

.text-shadow[class*="-cyan"] {
  text-shadow: 3px 3px 4px rgba(28, 187, 180, 0.2);
}

.text-shadow[class*="-blue"] {
  text-shadow: 3px 3px 4px rgba(0, 102, 204, 0.2);
}

.text-shadow[class*="-purple"] {
  text-shadow: 3px 3px 4px rgba(88, 48, 156, 0.2);
}

.text-shadow[class*="-mauve"] {
  text-shadow: 3px 3px 4px rgba(133, 33, 150, 0.2);
}

.text-shadow[class*="-pink"] {
  text-shadow: 3px 3px 4px rgba(199, 50, 134, 0.2);
}

.text-shadow[class*="-brown"] {
  text-shadow: 3px 3px 4px rgba(140, 88, 53, 0.2);
}

.text-shadow[class*="-grey"] {
  text-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-gray"] {
  text-shadow: 3px 3px 4px rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-black"] {
  text-shadow: 3px 3px 4px rgba(26, 26, 26, 0.2);
}

.bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.bg-mask {
  background-color: #333333;
  position: relative;
}

.bg-mask::after {
  content: "";
  border-radius: inherit;
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.bg-mask view,
.bg-mask cover-view {
  z-index: 5;
  position: relative;
}

.bg-video {
  position: relative;
}

.bg-video video {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

/* ==================
          文本
 ==================== */

.text-xs {
  font-size: 12px;
}

.text-sm {
  font-size: 14px;
}
.border-bottom{
  border-bottom: 1px solid #ebeef5;
}
.text-grid-row {
  font-size: 13px;
}

.text-df {
  font-size: 16px;
}
.gary-text{
  color:#6E7681
}
.text-lg {
  font-size: 18px;
}

.text-xl {
  font-size: 20px;
}

.text-xxl {
  font-size: 27px;
}

.text-sl {
  font-size: 40px;
}

.text-xsl {
  font-size: 60px;
}

.text-Abc {
  text-transform: Capitalize;
}

.text-ABC {
  text-transform: Uppercase;
}

.text-abc {
  text-transform: Lowercase;
}

.text-price::before {
  content: "¥";
  font-size: 80%;
  margin-right: 2px;
}

.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.text-cut-l2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-bold {
  font-weight: bold;
}
.planName{
  min-width:400px
}
.icon-btn{
  width:16px;
  height: 16px;
  cursor: pointer;
}
.option-box{
  display: flex;
  align-items: center;
  justify-content: start;
}


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

.text-content {
  line-height: 1.6;
}

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

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

.text-red,
.line-red,
.lines-red {
  color: #e54d42;
}

.text-orange,
.line-orange,
.lines-orange {
  color: #f37b1d;
}

.text-yellow,
.line-yellow,
.lines-yellow {
  color: #fbbd08;
}

.text-olive,
.line-olive,
.lines-olive {
  color: #8dc63f;
}

.text-green,
.line-green,
.lines-green {
  color: #39b54a;
}

.text-cyan,
.line-cyan,
.lines-cyan {
  color: #1cbbb4;
}

.text-blue,
.line-blue,
.lines-blue {
  color: #0081ff;
}

.text-purple,
.line-purple,
.lines-purple {
  color: #6739b6;
}


.text-href{
  color: #0000ee;
}

.text-mauve,
.line-mauve,
.lines-mauve {
  color: #9c26b0;
}

.text-pink,
.line-pink,
.lines-pink {
  color: #e03997;
}

.text-brown,
.line-brown,
.lines-brown {
  color: #a5673f;
}

.text-grey,
.line-grey,
.lines-grey {
  color: #8799a3;
}

.text-gray,
.line-gray,
.lines-gray {
  color: #aaaaaa;
}

.text-black,
.line-black,
.lines-black {
  color: #333333;
}

.text-white,
.line-white,
.lines-white {
  color: #ffffff;
}

/* ==================
          布局
 ==================== */

/*  -- flex弹性布局 -- */

.flex {
  display: flex;
}

.basis-xs {
  flex-basis: 20%;
}

.basis-sm {
  flex-basis: 40%;
}

.basis-df {
  flex-basis: 50%;
}

.basis-lg {
  flex-basis: 60%;
}

.basis-xl {
  flex-basis: 80%;
}

.flex-sub {
  flex: 1;
}

.flex-twice {
  flex: 2;
}

.flex-treble {
  flex: 3;
}

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

.flex-wrap {
  flex-wrap: wrap;
}
.flex-between{
  display: flex;
  align-items: start;
  justify-content: space-between;
}
.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

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

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

.align-stretch {
  align-items: stretch;
}

.self-start {
  align-self: flex-start;
}

.self-center {
  align-self: center;
}

.self-end {
  align-self: flex-end;
}

.self-stretch {
  align-self: stretch;
}

.align-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}
.flex-row-start {
  display: flex;
  align-items: center;
  justify-content: start;
}
.tab-right-btn-box{
  position: absolute;right:10px;top:0px;
  height: 40px;
}



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


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

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

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

.justify-around {
  justify-content: space-around;
}

.flex-start{
  display: flex;
  align-items: center;
  justify-content: start;
}
/* grid布局 */

.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid.grid-square {
  overflow: hidden;
}

.grid.grid-square .cu-tag {
  position: absolute;
  right: 0;
  top: 0;
  border-bottom-left-radius: 3px;
  padding: 3px 6px;
  height: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.grid.grid-square > view > text[class*="cuIcon-"] {
  font-size: 52upx;
  position: absolute;
  color: #8799a3;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.grid.grid-square > view {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
}

.grid.grid-square > view.bg-img image {
  width: 100%;
  height: 100%;
  position: absolute;
}

.grid.col-1.grid-square > view {
  padding-bottom: 100%;
  height: 0;
  margin-right: 0;
}

.grid.col-2.grid-square > view {
  padding-bottom: calc((100% - 10px) / 2);
  height: 0;
  width: calc((100% - 10px) / 2);
}

.grid.col-3.grid-square > view {
  padding-bottom: calc((100% - 20px) / 3);
  height: 0;
  width: calc((100% - 20px) / 3);
}

.grid.col-4.grid-square > view {
  padding-bottom: calc((100% - 30px) / 4);
  height: 0;
  width: calc((100% - 30px) / 4);
}

.grid.col-5.grid-square > view {
  padding-bottom: calc((100% - 40px) / 5);
  height: 0;
  width: calc((100% - 40px) / 5);
}

.grid.col-6.grid-square > view {
  padding-bottom: calc((100% - 50px) / 6);
  height: 0;
  width: calc((100% - 50px) / 6);
}

.grid.col-2.grid-square > view:nth-child(2n),
.grid.col-3.grid-square > view:nth-child(3n),
.grid.col-4.grid-square > view:nth-child(4n),
.grid.col-5.grid-square > view:nth-child(5n) {
  margin-right: 0;
}

.grid.col-1 > view {
  width: 100%;
}

.grid.col-2 > view {
  width: 50%;
}

.grid.col-3 > view {
  width: 33.33%;
}

.grid.col-4 > view {
  width: 25%;
}

.grid.col-5 > view {
  width: 20%;
}

.grid.col-6 > view {
  width: 16.5%;
}

/*  -- 内外边距 -- */

.margin-0 {
  margin: 0;
}

.margin-xs {
  margin: 5px;
}

.margin-sm {
  margin: 10px;
}

.margin {
  margin: 15px;
}

.margin-lg {
  margin: 20px;
}

.margin-xl {
  margin: 25px;
}

.margin-top-xs {
  margin-top: 5px;
}

.margin-top-6 {
  margin-top: 6px;
}

.margin-top-sm {
  margin-top: 10px;
}

.margin-top {
  margin-top: 15px;
}

.margin-top-lg {
  margin-top: 20px;
}

.margin-top-xl {
  margin-top: 25px;
}

.margin-right-xs {
  margin-right: 5px;
}

.margin-right-sm {
  margin-right: 10px;
}

.margin-right {
  margin-right: 15px;
}

.margin-right-lg {
  margin-right: 20px;
}

.margin-right-xl {
  margin-right: 25px;
}

.margin-bottom-xs {
  margin-bottom: 5px;
}

.margin-bottom-sm {
  margin-bottom: 10px;
}
.margin-bottom-8 {
  margin-bottom: 8px;
}
.margin-bottom {
  margin-bottom: 15px;
}

.margin-bottom-lg {
  margin-bottom: 20px;
}

.margin-bottom-xl {
  margin-bottom: 25px;
}

.margin-left-xs {
  margin-left: 5px;
}

.margin-left-sm {
  margin-left: 10px;
}
.margin-left-12 {
  margin-left: 12px;
}

.margin-left {
  margin-left: 15px;
}

.margin-left-lg {
  margin-left: 20px;
}

.margin-left-xl {
  margin-left: 25px;
}

.margin-lr-xs {
  margin-left: 5px;
  margin-right: 5px;
}

.margin-lr-sm {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-lr {
  margin-left: 15px;
  margin-right: 15px;
}

.margin-lr-lg {
  margin-left: 20px;
  margin-right: 20px;
}

.margin-lr-xl {
  margin-left: 25px;
  margin-right: 25px;
}

.margin-tb-xs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.margin-tb-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}

.margin-tb {
  margin-top: 15px;
  margin-bottom: 15px;
}

.margin-tb-lg {
  margin-top: 20px;
  margin-bottom: 20px;
}

.margin-tb-xl {
  margin-top: 25px;
  margin-bottom: 25px;
}

.padding-0 {
  padding: 0;
}

.padding-xs {
  padding: 5px;
}

.padding-sm {
  padding: 10px;
}

.padding {
  padding: 15px;
}

.padding-lg {
  padding: 20px;
}

.padding-xl {
  padding: 25px;
}

.padding-top-xs {
  padding-top: 5px;
}

.padding-top-sm {
  padding-top: 10px;
}

.padding-top {
  padding-top: 15px;
}

.padding-top-lg {
  padding-top: 20px;
}

.padding-top-xl {
  padding-top: 25px;
}

.padding-right-xs {
  padding-right: 5px;
}

.padding-right-sm {
  padding-right: 10px;
}

.padding-right {
  padding-right: 15px;
}

.padding-right-lg {
  padding-right: 20px;
}

.padding-right-xl {
  padding-right: 25px;
}

.padding-bottom-xs {
  padding-bottom: 5px;
}

.padding-bottom-sm {
  padding-bottom: 10px;
}

.padding-bottom {
  padding-bottom: 15px;
}

.padding-bottom-lg {
  padding-bottom: 20px;
}

.padding-bottom-xl {
  padding-bottom: 25px;
}

.padding-left-xs {
  padding-left: 5px;
}

.padding-left-sm {
  padding-left: 10px;
}

.padding-left {
  padding-left: 15px;
}

.padding-left-lg {
  padding-left: 20px;
}

.padding-left-xl {
  padding-left: 25px;
}

.padding-lr-xs {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-lr-8 {
  padding-left: 8px;
  padding-right: 8px;
}
.padding-lr-sm {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-lr {
  padding-left: 15px;
  padding-right: 15px;
}

.padding-lr-lg {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-lr-xl {
  padding-left: 25px;
  padding-right: 25px;
}

.padding-tb-xs {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-tb-sm {
  padding-top: 10px;
  padding-bottom: 10px;
}
.w100{
  width:100%
}
.h100{
  height:100%
}


.padding-tb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padding-tb-lg {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-tb-xl {
  padding-top: 25px;
  padding-bottom: 25px;
}

.line {
  background-color: #f5f5f5;
  height: 1px;
}

/* -- 实线 -- */

.solid,
.solid-top,
.solid-right,
.solid-bottom,
.solid-left,
.solids,
.solids-top,
.solids-right,
.solids-bottom,
.solids-left,
.dashed,
.dashed-top,
.dashed-right,
.dashed-bottom,
.dashed-left {
  position: relative;
}

.solid::after,
.solid-top::after,
.solid-right::after,
.solid-bottom::after,
.solid-left::after,
.solids::after,
.solids-top::after,
.solids-right::after,
.solids-bottom::after,
.solids-left::after,
.dashed::after,
.dashed-top::after,
.dashed-right::after,
.dashed-bottom::after,
.dashed-left::after {
  content: " ";
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: inherit;
  transform: scale(0.5);
  transform-origin: 0 0;
  pointer-events: none;
  box-sizing: border-box;
}

.solid::after {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-top::after {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-right::after {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-bottom::after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.solid-left::after {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.solids::after {
  border: 2px solid #eee;
}

.solids-top::after {
  border-top: 2px solid #eee;
}

.solids-right::after {
  border-right: 2px solid #eee;
}

.solids-bottom::after {
  border-bottom: 2px solid #eee;
}

.solids-left::after {
  border-left: 2px solid #eee;
}

/* -- 虚线 -- */

.dashed::after {
  border: 1px dashed #ddd;
}

.dashed-top::after {
  border-top: 1px dashed #ddd;
}

.dashed-right::after {
  border-right: 1px dashed #ddd;
}

.dashed-bottom::after {
  border-bottom: 1px dashed #ddd;
}

.dashed-left::after {
  border-left: 1px dashed #ddd;
}


.main-container{
  height: calc(100vh - 58px);
  /*height: calc(100vh - 104px);*/
}

.border-radius-lg{
  border-radius:12px
}

.pointer{
  cursor: pointer;
}
.text-btn {
  cursor: pointer;
  color: #2181FF;
  margin: 0 10px 0 0;
}
.text-link{
  color: #00BAEE;
}

.test-{
  /*position: relative;*/
  position: absolute;

}

.hover-menu{
  position: absolute;
  right: 0;
  top:50px;
}
.hover-name:hover{
  color:#409eff ;
  border-bottom: 1px solid #409eff;
}
.customClassNotify{
    word-wrap: break-word;
    word-break: break-all;
}

/*粗体*/
.text-bold-custom {
  font-weight: bold;
}
/*斜体*/
.italic-text {
  font-style: italic;
}
/*下划线*/
.underline-text {
  text-decoration: underline;
}
.edit-cell {
  width: 180px !important; /* 设置容器的宽度 */
  overflow: hidden; /* 隐藏超出的内容 */
  white-space: nowrap; /* 不允许文本换行 */
  text-overflow: ellipsis; /* 文本溢出时显示省略号 */
}
.text-card-title{
  height: 20px;
  font-size: 16px;
  /*font-weight: 550;*/
  color: #333333;
  /*width: 80%;*/
}
.over-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ring-block {
  width: 3px;
  height: 14px;
  background: #00b3f3;
}
.cell-default{
  width: 100%;
  height: 40px;
}