yahee-components 0.0.113 → 0.0.114

package/lib/style.css

@@ -0,0 +1,1405 @@
+@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;
+}