yahee-components 0.0.112 → 0.0.113

package/lib/style.css

@@ -1,1405 +0,0 @@
-@charset "UTF-8";
-.yahee-copy .el-tooltip__trigger {
-  width: -moz-fit-content !important;
-  width: fit-content !important;
-}
-
-.yahee-copy-custom-popper-class {
-  background: transparent !important;
-  border: none !important;
-}
-.yahee-copy-custom-popper-class .icon {
-  cursor: pointer;
-}
-
-.yahee-complex-search .input-with-select {
-  width: 83%;
-  border-radius: 0;
-  height: 24px;
-}
-.yahee-complex-search .custom-select {
-  width: 95px;
-  background-color: white;
-}
-.yahee-complex-search :deep(.custom-button + .custom-button) {
-  margin-left: 5px;
-}
-.yahee-complex-search :deep(.custom-button) {
-  padding: 1px 4px;
-  height: 22px;
-}
-.yahee-complex-search .icon-cursor {
-  cursor: pointer;
-}
-.yahee-complex-search .search-type-checkbox {
-  display: flex;
-  justify-content: space-between;
-  width: 83%;
-}
-
-.yahee-image-upload .el-upload {
-  height: 100%;
-  width: 100%;
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-.yahee-image-upload .el-upload:hover {
-  border: 1px dashed blue;
-}
-.yahee-image-upload .picture {
-  width: 100%;
-}
-.yahee-image-upload .picture-uploader {
-  position: relative;
-}
-.yahee-image-upload .upload-actions {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  left: 0;
-  top: 0;
-  padding: 2px;
-}
-.yahee-image-upload .picture-uploader-icon {
-  height: 100%;
-  width: 100%;
-  font-size: 28px;
-  color: #8c939d;
-  text-align: center;
-}
-
-.yahee-annex-upload .el-upload .el-button {
-  --el-button-size: 24px;
-  border-radius: calc(var(--el-border-radius-base) - 1px);
-  font-size: 12px;
-  height: var(--el-button-size);
-  padding: 5px 11px;
-}
-
-.yahee-left-condition .custom-button + .custom-button {
-  margin-left: 5px;
-  margin-bottom: 5px;
-  position: relative;
-  top: 2px;
-}
-.yahee-left-condition .custom-button {
-  padding: 1px 4px;
-  height: 22px;
-}
-
-.yahee-left-condition :deep(.custom-button + .custom-button) {
-  margin-left: 5px;
-  margin-bottom: 5px;
-  position: relative;
-  top: 2px;
-}
-.yahee-left-condition :deep(.custom-button) {
-  padding: 1px 4px;
-  height: 22px;
-}
-
-.yahee-drop-down-condition .checkbox {
-  margin-top: 5px;
-}
-.yahee-drop-down-condition .custom-total-button {
-  margin-right: 5px;
-  padding: 1px 4px;
-  height: 22px;
-}
-.yahee-drop-down-condition .checkbox-group {
-  display: flex;
-  flex-direction: column;
-}
-.yahee-drop-down-condition .custom-dropdown-button {
-  min-height: 22px;
-  height: 22px;
-  position: relative;
-  top: 2px;
-}
-
-.scrollable-container {
-  max-height: 700px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-}
-
-.scrollable-container::-webkit-scrollbar {
-  width: 5px;
-}
-
-/* 滚动槽 */
-.scrollable-container::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  border-radius: 10px;
-}
-
-/* 滚动条滑块 */
-.scrollable-container::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: rgba(0, 0, 0, 0.1);
-  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
-}
-
-.el-button + .el-button.custom-dropdown-button {
-  margin-left: 5px;
-}
-
-.custom-dropdown .checkbox {
-  margin-top: 5px;
-}
-.custom-dropdown .custom-dropdown-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  min-height: 22px;
-  height: 22px;
-}
-.custom-dropdown .custom-dropdown-button.inner-el-button {
-  margin-top: 5px;
-}
-
-.custom-dropdown-checkbox-group {
-  margin-right: 10px;
-}
-
-.custom-popover .checkbox-group {
-  margin: 5px;
-  width: 100%;
-}
-.custom-popover .hover-trigger {
-  cursor: pointer;
-  color: blue;
-}
-.custom-popover .popover-table {
-  width: auto;
-  border: 1px solid transparent;
-  border-collapse: separate;
-}
-.custom-popover .popover-table tr,
-.custom-popover .popover-table td {
-  text-align: left;
-  cursor: pointer;
-  min-height: 22px;
-}
-.custom-popover .popover-table th {
-  text-align: left;
-  cursor: pointer;
-  min-height: 22px;
-  border: 1px solid transparent;
-}
-.custom-popover .popover-table td span {
-  display: block;
-}
-.custom-popover .custom-total-button {
-  margin-right: 0;
-  padding: 1px 4px;
-  height: 22px;
-}
-
-.yahee-country-platform-shop-condition .checkbox-group {
-  margin: 5px;
-  width: 100%;
-}
-.yahee-country-platform-shop-condition .hover-trigger {
-  cursor: pointer;
-  color: blue;
-}
-.yahee-country-platform-shop-condition .custom-total-button {
-  margin-right: 5px;
-  padding: 1px 4px;
-  height: 22px;
-}
-.yahee-country-platform-shop-condition .custom-button {
-  min-height: 22px;
-  min-width: 48px;
-  height: 22px;
-  margin: 0 5px 0 0 !important;
-}
-.yahee-country-platform-shop-condition .custom-button.inner-el-button {
-  margin-top: 5px;
-}
-.yahee-country-platform-shop-condition :deep(.el-checkbox-button__inner) {
-  width: 100%;
-}
-
-.yahee-operation-log {
-  min-width: 350px;
-}
-.yahee-operation-log .yahee-annex-upload {
-  width: 100%;
-}
-.yahee-operation-log .d-flex {
-  display: flex;
-}
-.yahee-operation-log .text-right {
-  text-align: right;
-}
-.yahee-operation-log .marginL6 {
-  margin-left: 6px;
-}
-.yahee-operation-log .infinite-list-wrapper {
-  overflow: hidden;
-  padding: 10px 4px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left {
-  display: flex;
-  justify-content: flex-start;
-  gap: 10px;
-  margin-bottom: 18px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .date {
-  margin-top: 6px;
-  margin-left: 8px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .name {
-  flex: none;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  background: #e8ffe8;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-left .content {
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  padding: 10px;
-  margin-left: -8px;
-  background: #f7fff7;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right {
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  margin-bottom: 18px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right .date {
-  margin-top: 6px;
-  margin-right: 8px;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right .name {
-  flex: none;
-  height: -moz-fit-content;
-  height: fit-content;
-  padding: 5px 8px;
-  text-align: center;
-  border-radius: 2px;
-  background: #f1f1f1;
-}
-.yahee-operation-log .infinite-list-wrapper .list-item-right .content {
-  text-align: right;
-  padding: 10px;
-  margin-right: -8px;
-  border: 1px solid #f1f1f1;
-  border-radius: 4px;
-  background: #fafafa;
-}
-.yahee-operation-log .bg-link {
-  color: #3366cc;
-  cursor: pointer;
-}
-.yahee-operation-log .imgBox {
-  display: flex;
-  flex-wrap: wrap;
-}
-.yahee-operation-log .timeBox {
-  margin: 0 5px;
-}
-.yahee-operation-log .input-with-select {
-  width: 150px;
-}
-.yahee-operation-log .lt-created-time {
-  display: block;
-}
-.yahee-operation-log .rt-created-time {
-  display: inline-block;
-}
-.yahee-operation-log .content-div {
-  width: 100%;
-  height: 121px;
-  border: 1px solid #ccc;
-  padding: 10px;
-  box-sizing: border-box;
-  outline: none;
-}
-.yahee-operation-log .titleRemarks {
-  font-size: 14px;
-  font-weight: bold;
-  padding-left: 5px;
-  border-bottom: 1px solid #eee;
-  height: 30px;
-  line-height: 30px;
-}
-.yahee-operation-log .remarkContent {
-  position: relative;
-  margin-bottom: 20px;
-  border: 1px solid #eee;
-}
-.yahee-operation-log .remarkContent .buttonQuill {
-  position: absolute;
-  bottom: -35px;
-  right: 10px;
-  display: flex;
-}
-.yahee-operation-log .remarkContent .buttonQuill button {
-  margin-right: 10px;
-}
-.yahee-operation-log .content-main {
-  width: 100%;
-}
-.yahee-operation-log .span-backG {
-  position: relative;
-  display: flex;
-  min-height: 70px;
-  width: 100%;
-  margin-top: 10px;
-}
-.yahee-operation-log .bubble-tail {
-  position: absolute;
-  right: 85px;
-  top: 5px;
-  width: 0;
-  height: 0;
-  border-width: 6px;
-  border-style: solid;
-  border-color: transparent;
-  border-left-width: 9px;
-  border-left-color: currentColor;
-  color: #eee;
-}
-.yahee-operation-log .leftbubble-tail {
-  position: absolute;
-  left: 84px;
-  top: 5px;
-  width: 0;
-  height: 0;
-  border-width: 7px;
-  border-style: solid;
-  border-color: transparent;
-  margin-bottom: -39px;
-  border-right-width: 10px;
-  border-right-color: currentColor;
-  color: #eee;
-}
-.yahee-operation-log .r-text {
-  float: right;
-  margin-right: 100px;
-  max-width: 420px;
-  min-height: 52px;
-}
-.yahee-operation-log .r-text-main {
-  background: #fafafa;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  padding: 4px;
-  word-break: break-all;
-  text-align: right;
-}
-.yahee-operation-log .l-text {
-  margin-left: 100px;
-  max-width: 420px;
-  min-height: 52px;
-}
-.yahee-operation-log .l-text-main {
-  background: #f7fff7;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  padding: 4px;
-  display: inline-block;
-  min-width: 123px;
-  word-break: break-all;
-}
-.yahee-operation-log .r-name {
-  border: 1px solid #ccc;
-  position: absolute;
-  right: 10px;
-  width: 65px;
-  line-height: 17px;
-  padding: 3px 0 5px;
-  text-align: center;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  background: #f1f1f1;
-  word-break: break-all;
-}
-.yahee-operation-log .l-name {
-  border: 1px solid #ccc;
-  position: absolute;
-  left: 10px;
-  width: 65px;
-  line-height: 17px;
-  padding: 3px 0 5px;
-  text-align: center;
-  border: 1px solid #ccc;
-  border-radius: 2px;
-  background: #e8ffe8;
-  float: right;
-  word-break: break-all;
-}
-.yahee-operation-log .text-m {
-  word-break: break-all;
-  white-space: pre-line;
-}
-.yahee-operation-log .loading {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 36px;
-}
-.yahee-operation-log .no-more {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  margin-bottom: 36px;
-}
-.yahee-operation-log .el-form--inline .el-form-item {
-  margin-right: 10px !important;
-  margin-bottom: 6px !important;
-}
-
-.yahee-common-import .el-dialog {
-  min-width: 800px;
-}
-.yahee-common-import .upload-record {
-  margin: 10px 0 10px 0;
-  height: 30px;
-  width: 80px;
-}
-.yahee-common-import .uploadProgress {
-  padding: 10px;
-  margin: 5px 0 5px 0;
-  border: solid 1px gray;
-  border-radius: 10px;
-}
-.yahee-common-import .page-pagination {
-  margin-top: 10px;
-  display: flex;
-  justify-content: flex-end;
-}
-.yahee-common-import .ellipsis-cell {
-  white-space: nowrap; /* 禁止换行 */
-  overflow: hidden; /* 隐藏超出的内容 */
-  text-overflow: ellipsis; /* 显示省略号 */
-}
-
-/* 添加全局样式 */
-.custom-common-import-alert .el-message-box__content {
-  max-height: 60vh;
-  overflow-y: auto;
-  white-space: pre-wrap; /* 保留换行符 */
-}
-
-.yahee-border-wrap .dv-border-box {
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-}
-.yahee-border-wrap .dv-border-svg-container {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  display: block;
-}
-.yahee-border-wrap .dv-border-box-content {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.yahee-border-wrap .item_title_content {
-  width: calc(100% - 40px);
-  margin: 0 auto;
-  height: calc(100% - 60px);
-}
-
-.yahee-echart-gauge {
-  width: 100%;
-  height: 100%;
-}
-
-.yahee-filter-container {
-  display: flex;
-  width: 100%;
-  justify-content: space-between;
-}
-.yahee-filter-container .filter-section {
-  min-width: 200px;
-}
-.yahee-filter-container .search-section {
-  min-height: 60px;
-}
-.yahee-filter-container .content-section {
-  flex: 1;
-  padding: 16px;
-  overflow: auto;
-}
-
-.yahee-filter-wrapper {
-  font-size: 20px;
-}
-
-.yahee-help-tag {
-  display: flex;
-  align-items: center;
-}
-.yahee-help-tag .tips-content {
-  overflow: auto;
-  text-align: left;
-}
-
-.yahee-height-collapse-wrapper {
-  width: 100%;
-  position: relative;
-}
-.yahee-height-collapse-wrapper .height-collapse-content {
-  width: 100%;
-  transition: max-height 0.2s ease;
-}
-.yahee-height-collapse-wrapper .show-filters {
-  cursor: pointer;
-  width: 100%;
-  background: #eaeded;
-  font-weight: bold;
-  color: #3366cc;
-  text-align: center;
-  font-size: 10px;
-  height: 12px;
-  z-index: 1111;
-  display: inline-block;
-  position: absolute;
-  margin: 0;
-  border-bottom: 1px solid #3366cc;
-  border-top: 1px solid #ddd;
-  line-height: 9px;
-  left: 0;
-  /* 收起状态的额外样式可以通过 .show-filters.more 来扩展 */
-}
-.yahee-height-collapse-wrapper .show-filters:hover {
-  background: #9bafbf;
-  color: #fff;
-}
-
-.yahee-file-download-wrapper {
-  width: 100%;
-  padding: 8px 0;
-  box-sizing: border-box;
-}
-.yahee-file-download-wrapper .batch-toolbar {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 12px;
-  padding-bottom: 8px;
-}
-.yahee-file-download-wrapper .file-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.yahee-file-download-wrapper .file-row {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  width: 100%;
-}
-.yahee-file-download-wrapper .file-row .file-checkbox {
-  margin-top: 2px;
-  flex-shrink: 0;
-}
-.yahee-file-download-wrapper .file-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex: 1;
-  min-width: 0;
-}
-.yahee-file-download-wrapper .file-item .image-item .file-image {
-  max-width: 200px;
-  max-height: 200px;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  cursor: pointer;
-}
-.yahee-file-download-wrapper .file-item .document-item {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.yahee-file-download-wrapper .file-item .document-item .file-icon {
-  width: 24px;
-  height: 24px;
-  flex-shrink: 0;
-}
-.yahee-file-download-wrapper .file-item .document-item .file-link {
-  color: #409eff;
-  text-decoration: none;
-  word-break: break-all;
-  flex: 1;
-  min-width: 0;
-  font-size: 12px;
-}
-.yahee-file-download-wrapper .file-item .document-item .file-link:hover {
-  text-decoration: underline;
-}
-.yahee-file-download-wrapper .file-item .file-name {
-  color: #606266;
-  word-break: break-all;
-}
-
-:root {
-  --el-color-primary: #3366cc;
-  --el-text-color-regular: #000;
-  --primary-color: #3d7eff;
-  --success-color: #28c445;
-  --error-color: #ff1e1e;
-  --warning-color: #ff8746;
-  --white-color: #fff;
-  --black-color: #000;
-  --text-color-primary: #252628;
-  --text-color-regular: #1c1c1c;
-  --text-color-secondary: #555;
-  --text-color-list: #323233;
-  --text-color-a4: #a4a4a4;
-  --text-color-tag: #737373;
-  --text-color-disabled: #eeeef5;
-  --text-color-placeholder: #a8abb2;
-  --border-color-base: #e8ecf2;
-  --border-color-light: #e4e7ed;
-  --border-color-lighter: #ebeef5;
-  --border-color-extra-light: #f2f6fc;
-  --bg-color: #f0f3f9;
-  --font-size-extra-large: 20px;
-  --font-size-large: 18px;
-  --font-size-medium: 16px;
-  --font-size-base: 14px;
-  --font-size-small: 13px;
-  --font-size-extra-small: 12px;
-  --font-family: "Hiragino Sans GB", "Microsoft YaHei","WenQuanYi Micro Hei",Verdana, arial,"Open Sans", sans-serif;
-  --integer-font-family: avenir-heavy, pingfang sc, helvetica neue, arial, sans-serif;
-  --box-shadow-base: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  --el-menu-item-height: 40px;
-  --el-card-padding: 10px;
-}
-
-/* 文字样式 */
-.fontsize-10 {
-  font-size: 10px;
-}
-
-.fontsize-12 {
-  font-size: 12px;
-}
-
-.fontsize-14 {
-  font-size: 14px;
-}
-
-.fontsize-16 {
-  font-size: 16px;
-}
-
-.fontsize-15 {
-  font-size: 15px;
-}
-
-.fontsize-18 {
-  font-size: 18px;
-}
-
-.fontsize-20 {
-  font-size: 20px;
-}
-
-.fontsize-24 {
-  font-size: 24px;
-}
-
-.fontsize-28 {
-  font-size: 28px;
-}
-
-.fontsize-32 {
-  font-size: 32px;
-}
-
-.fontBold {
-  font-weight: bold;
-}
-
-.text-center {
-  text-align: center;
-}
-
-.text-left {
-  text-align: left;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.lineheight-1 {
-  line-height: 1;
-}
-
-.lineheight-16 {
-  line-height: 16px;
-}
-
-.lineheight-18 {
-  line-height: 18px;
-}
-
-.lineheight-24 {
-  line-height: 24px;
-}
-
-.lineheight-26 {
-  line-height: 26px;
-}
-
-.lineheight-28 {
-  line-height: 28px;
-}
-
-.lineheight-36 {
-  line-height: 36px;
-}
-
-.lineheight-normal {
-  line-height: 1.4;
-}
-
-.word-wrap {
-  word-wrap: break-word;
-}
-
-/* 颜色相关 */
-.red {
-  color: #e24c4c;
-}
-
-.gray {
-  color: #999;
-}
-
-.blue {
-  color: #545dff;
-}
-
-.orange {
-  color: #f1a153;
-}
-
-.green {
-  color: #4ce2a7;
-}
-
-.white {
-  color: var(--white-color);
-}
-
-.black {
-  color: var(--black-color);
-}
-
-.primary {
-  color: var(--primary-color);
-}
-
-.error {
-  color: var(--error-color);
-}
-
-.success {
-  color: var(--success-color);
-}
-
-.bg-color {
-  background: var(--bg-color);
-}
-
-.bg-none {
-  background: none !important;
-}
-
-.bg-none * {
-  background: none !important;
-}
-
-.bg-transparent {
-  background: transparent;
-}
-
-.link {
-  color: var(--primary-color);
-  cursor: pointer;
-}
-
-/* 布局相关 */
-.none {
-  display: none;
-}
-
-.inline-block {
-  display: inline-block;
-}
-
-.block {
-  display: block;
-}
-
-.table {
-  display: table;
-}
-
-.table-cell {
-  display: table-cell;
-}
-
-.vertical-align-middle {
-  vertical-align: middle;
-}
-
-.hidden {
-  overflow: hidden;
-}
-
-.clearfix::after {
-  content: ".";
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-
-.pull-left {
-  float: left;
-}
-
-.pull-right {
-  float: right;
-}
-
-.text-right {
-  text-align: right;
-}
-
-.absolute {
-  position: absolute;
-}
-
-.relative {
-  position: relative;
-}
-
-.fixed {
-  position: fixed;
-}
-
-.paddingL0 {
-  padding-left: 0;
-}
-
-.paddingR0 {
-  padding-right: 0;
-}
-
-.paddingB0 {
-  padding-bottom: 0;
-}
-
-.marginT0 {
-  margin-top: 0;
-}
-
-.marginL0 {
-  margin-left: 0;
-}
-
-.marginL10 {
-  margin-left: 10px;
-}
-
-.marginL4 {
-  margin-left: 4px;
-}
-
-.marginL6 {
-  margin-left: 6px;
-}
-
-.marginR6 {
-  margin-right: 6px;
-}
-
-.marginR4 {
-  margin-right: 4px;
-}
-
-.marginR0 {
-  margin-right: 0;
-}
-
-.marginB0 {
-  margin-bottom: 0;
-}
-
-.marginB6 {
-  margin-bottom: 6px;
-}
-
-.padding0 {
-  padding: 0;
-}
-
-.no-padding {
-  padding: 0 !important;
-}
-
-.margin0 {
-  margin: 0;
-}
-
-.paddingT5 {
-  padding-top: 5px;
-}
-
-.paddingL5 {
-  padding-left: 5px;
-}
-
-.paddingR5 {
-  padding-right: 5px;
-}
-
-.paddingB5 {
-  padding-bottom: 5px;
-}
-
-.marginT5 {
-  margin-top: 5px;
-}
-
-.marginL5 {
-  margin-left: 5px;
-}
-
-.marginR5 {
-  margin-right: 5px;
-}
-
-.marginB5 {
-  margin-bottom: 5px;
-}
-
-.padding5 {
-  padding: 5px;
-}
-
-.margin5 {
-  margin: 5px;
-}
-
-.paddingT10 {
-  padding-top: 10px;
-}
-
-.paddingL10 {
-  padding-left: 10px;
-}
-
-.paddingR10 {
-  padding-right: 10px;
-}
-
-.paddingB10 {
-  padding-bottom: 10px;
-}
-
-.marginT10 {
-  margin-top: 10px;
-}
-
-.marginL10 {
-  margin-left: 10px;
-}
-
-.marginR10 {
-  margin-right: 10px;
-}
-
-.marginB10 {
-  margin-bottom: 10px;
-}
-
-.padding10 {
-  padding: 10px;
-}
-
-.margin10 {
-  margin: 10px;
-}
-
-.paddingT15 {
-  padding-top: 15px;
-}
-
-.paddingL15 {
-  padding-left: 15px;
-}
-
-.paddingR15 {
-  padding-right: 15px;
-}
-
-.paddingB15 {
-  padding-bottom: 15px;
-}
-
-.marginT15 {
-  margin-top: 15px;
-}
-
-.marginL15 {
-  margin-left: 15px;
-}
-
-.marginR15 {
-  margin-right: 15px;
-}
-
-.marginB15 {
-  margin-bottom: 15px;
-}
-
-.padding15 {
-  padding: 15px;
-}
-
-.margin15 {
-  margin: 15px;
-}
-
-.paddingT20 {
-  padding-top: 20px;
-}
-
-.paddingL20 {
-  padding-left: 20px;
-}
-
-.paddingR20 {
-  padding-right: 20px;
-}
-
-.paddingB20 {
-  padding-bottom: 20px;
-}
-
-.paddingT30 {
-  padding-top: 30px;
-}
-
-.paddingL30 {
-  padding-left: 30px;
-}
-
-.paddingR30 {
-  padding-right: 30px;
-}
-
-.paddingB30 {
-  padding-bottom: 30px;
-}
-
-.marginT30 {
-  margin-top: 30px;
-}
-
-.marginL30 {
-  margin-left: 30px;
-}
-
-.marginR30 {
-  margin-right: 30px;
-}
-
-.marginB30 {
-  margin-bottom: 30px;
-}
-
-.marginT20 {
-  margin-top: 20px;
-}
-
-.marginL20 {
-  margin-left: 20px;
-}
-
-.marginR20 {
-  margin-right: 20px;
-}
-
-.marginB20 {
-  margin-bottom: 20px;
-}
-
-.padding20 {
-  padding: 20px;
-}
-
-.margin20 {
-  margin: 20px;
-}
-
-.z-index-10 {
-  z-index: 10;
-}
-
-.z-index-20 {
-  z-index: 20;
-}
-
-.z-index-30 {
-  z-index: 30;
-}
-
-.z-index-40 {
-  z-index: 40;
-}
-
-.z-index-50 {
-  z-index: 50;
-}
-
-.z-index-60 {
-  z-index: 60;
-}
-
-.z-index-70 {
-  z-index: 70;
-}
-
-.z-index-80 {
-  z-index: 80;
-}
-
-.z-index-100 {
-  z-index: 100;
-}
-
-.cursor-pointer {
-  cursor: pointer;
-}
-
-.flex-1 {
-  flex: 1;
-}
-
-.gap-10 {
-  -moz-column-gap: 10px;
-       column-gap: 10px;
-}
-
-.gap-20 {
-  -moz-column-gap: 10px;
-       column-gap: 10px;
-}
-
-.gap-40 {
-  -moz-column-gap: 40px;
-       column-gap: 40px;
-}
-
-.d-flex {
-  display: flex;
-}
-
-.jc-between {
-  justify-content: space-between;
-}
-
-.jc-end {
-  justify-content: flex-end;
-}
-
-.ai-center {
-  align-items: center;
-}
-
-.ai-end {
-  align-items: flex-end;
-}
-
-.flexlay {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: row;
-}
-
-.int-font {
-  font-family: var(--integer-font-family);
-}
-
-.text-color-primary {
-  color: var(--text-color-primary);
-}
-
-.text-color-regular {
-  color: var(--text-color-regular);
-}
-
-.text-color-list {
-  color: var(--text-color-list);
-}
-
-.text-color-secondary {
-  color: var(--text-color-secondary);
-}
-
-.text-color-disabled {
-  color: var(--text-color-disabled);
-}
-
-.text-color-a4 {
-  color: var(--text-color-a4);
-}
-
-.text-color-tag {
-  color: var(--text-color-tag);
-}
-
-.ellipsis-1 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ellipsis-2 {
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
-
-.ellipsis-3 {
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-  overflow: hidden;
-}
-
-.bold-700 {
-  font-weight: 700;
-}
-
-.bold-500 {
-  font-weight: 500;
-}
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.5s ease;
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.width50 {
-  width: 50%;
-  margin-right: 0;
-}
-
-.width100 {
-  width: 100%;
-}
-
-.width55 {
-  width: 55%;
-}
-
-.width45 {
-  width: 45%;
-  margin-right: 0;
-}
-.width45.pull-right .pull-right {
-  margin-right: 0;
-  padding-right: 5px;
-}
-
-.marginR45 {
-  margin-right: 45px;
-}
-
-:root {
-  --el-color-primary: var(--primary-color);
-  --el-color-primary-light-2: rgba(61, 126, 255, 0.8);
-  --el-color-primary-light-3: rgba(61, 126, 255, 0.8);
-  --el-color-success: var(--success-color);
-  --el-color-warning: var(--warning-color);
-  --el-color-error: var(--error-color);
-  --el-color-white: var(--white-color);
-  --el-color-black: var(--black-color);
-  --el-text-color-primary: var(--text-color-primary);
-  --el-text-color-regular: var(--text-color-regular);
-  --el-text-color-secondary: var(--text-color-secondary);
-  --el-text-color-placeholder: var(--text-color-placeholder);
-  --el-border-color-base: var(--border-color-base);
-  --el-border-color-light: var(--border-color-light);
-  --el-border-color-lighter: var(--border-color-lighter);
-  --el-border-color-extra-light: var(--border-color-extra-light);
-  --el-background-color-base: var(--bg-color);
-  --el-box-shadow-light: var(--box-shadow-base);
-  --el-font-size-extra-large: var(--font-size-extra-large);
-  --el-font-size-large: var(--font-size-large);
-  --el-font-size-medium: var(--font-size-medium);
-  --el-font-size-base: var(--font-size-base);
-  --el-font-size-small: var(--font-size-small);
-  --el-font-size-extra-small: var(--font-size-extra-small);
-}
-
-/************* el-card 样式 ******************/
-.el-card {
-  --el-card-padding: 10px !important;
-}
-
-/************* el-header 样式 ******************/
-.el-header {
-  --el-header-padding: 0 4px !important;
-}
-
-/************* el-form 样式 ******************/
-.el-checkbox {
-  margin-right: 4px !important;
-}
-
-/************* el-table 样式 ******************/
-.el-table__header {
-  background-color: var(--el-table-row-hover-bg-color);
-}
-
-* {
-  -moz-user-select: text;
-       user-select: text;
-  -webkit-touch-callout: none;
-  -webkit-user-select: text !important;
-}