.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
  font-size: 18px;
  color: #090D19;
}

.svg-wrap {
  height: auto;
}

:root {
  --mfy-radius-s: 6px;
  --mfy-radius-m: 8px;
  --mfy-radius-l: 12px;
  --mfy-radius-xl: 20px;
  --mfy-font-size-1: 9px;
  --mfy-font-size-2: 10px;
  --mfy-font-size-3: 11px;
  --mfy-font-size-4: 12px;
  --mfy-font-size-5: 13px;
  --mfy-font-size-6: 14px;
  --mfy-font-size-7: 15px;
  --mfy-font-size-8: 16px;
  --mfy-font-size-9: 17px;
  --mfy-font-size-10: 18px;
  --mfy-font-size-11: 19px;
  --mfy-font-size-12: 20px;
  --mfy-color-primary: #3C80FF;
  --mfy-color-success: #16CC3A;
  --mfy-color-warning: #FFA800;
  --mfy-color-danger: #F64E60;
  --mfy-color-text: #3C3F52;
  --mfy-color-text-secondary: #666666;
  --mfy-color-weak: #999999;
  --mfy-color-light: #cccccc;
  --mfy-color-border: #D9D9D9;
  --mfy-color-background: #ffffff;
  --mfy-color-white: #ffffff;
  --mfy-color-box: #f5f5f5;
  --mfy-placeholder-color: #BBBDC9;
  --mfy-label-color: #7B808F;
  --mfy-tabs-color: #9BA0AD;
  --mfy-tabs-split-color: #DCDFE7;
  --mfy-color-text-light-solid: var(--mfy-color-white);
  --mfy-color-text-dark-solid: #7B808F;
  --mfy-color-text-dark-bold: #3A4056;
  --mfy-color-fill-content: var(--mfy-color-box);
  --mfy-font-size-main: var(--mfy-font-size-5);
  --mfy-font-family-din: D-DIN-Bold;
  --mfy-border-color: var(--mfy-color-border);
  --mfy-title-line-height: 19px;
  --mfy-text-line-height: 16px;
  --button-font-size: --mfy-font-size-6;
  --mfy-font-size-new-11: 11px;
  --mfy-font-size-new-12: 12px;
  --mfy-font-size-new-14: 14px;
  --mfy-font-size-new-16: 16px;
  --mfy-font-size-new-18: 18px;
  --mfy-font-size-new-20: 20px;
  --mfy-font-width-new-normal: 400;
  --mfy-font-width-new-bold: bold;
  --mfy-color-new-emphasize-text: #1B1F35;
  --mfy-color-new-main-text: #3C3F52;
  --mfy-color-new-secondary-text: #5E6278;
  --mfy-color-new-describe-text: #878999;
  --mfy-color-new-secondary-describe-text: #BBBDC9;
  --mfy-color-new-disable-text: #D1D3E0;
  --mfy-color-new-white-text: #FFFFFF;
  --mfy-font-family-letter: Microsoft YaHei UI, serif;
  --mfy-font-family-digit: Bebas, serif;
  --mfy-split-line-color: #F5F6F7;
  --mfy-color-primary-hover: #66A1FF;
  --mfy-color-primary-active: #2961D9;
  --mfy-color-primary-disabled: #C5E1FF;
  --mfy-color-danger-hover: #FF7A83;
  --mfy-color-danger-active: #CF384C;
  --mfy-iconfont-color-hover: rgba(182, 186, 195, 0.1);
  --mfy-iconfont-color-active: rgba(182, 186, 195, 0.15);
}
@font-face {
  font-family: "D-DIN-Bold";
  src: url(..//fonts/D-DIN-Bold.7bb4b1a4.otf);
}
@font-face {
  font-family: "Bebas";
  src: url(..//fonts/BEBAS.080faab4.ttf);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root #webpack-dev-server-client-overlay {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}
a,
button {
  cursor: pointer;
}
.mfy-plain-anchor {
  color: unset;
  transition: none;
}
.mfy-plain-anchor:active {
  opacity: unset;
}
body.mfy-overflow-hidden {
  overflow: hidden !important;
}
div.mfy-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  right: -100vw;
  bottom: -100vh;
  user-select: none;
  pointer-events: none;
}
.mfy-primary-button {
  background: #597DFC;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFFFFF;
}
.mfy-primary-button.middle {
  padding: 11px 16px;
  font-size: 14px;
  line-height: 16px;
}
.img-no-drag,
.img-no-drag img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.move-folder-item {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 8px;
  margin-bottom: 4px;
  margin-right: 16px;
}
.move-folder-item-name {
  display: inline-block;
  margin-left: 14px;
  color: #1B1F35;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.move-folder-item.choose {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.move-folder-item.create-folder-item:hover {
  background: #FFFFFF;
}
.move-file-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  line-height: 32px;
  opacity: 0.5;
  cursor: not-allowed;
}
.move-file-item-name {
  display: inline-block;
  margin-left: 14px;
  color: #1B1F35;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-footer-creat-folder {
  float: left;
}

.BaseModal .ant-modal-header .ant-modal-title {
  color: #1B1F35;
}
.BaseModal .ant-modal-header {
  border-radius: 8px 8px 0 0;
}
.BaseModal .ant-modal-content {
  border-radius: 8px;
}
.BaseModal .ant-modal-footer button {
  border-radius: 6px;
}
.BaseModal .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-left: 16px;
}

.echartsBox {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.graphHeader {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 0 10px;
  height: 42px;
}
.graphHeader.userGraphHeader {
  padding-left: 0;
  align-items: center;
}
.graphHeader .left-title {
  font-size: var(--mfy-font-size-4);
  color: var(--mfy-color-text);
}
.graphHeader .dateCheck {
  width: 240px;
  margin-bottom: 19px;
}
.graphHeader .dateCheck .icon-calendar {
  color: #d1d3e0;
  font-size: var(--mfy-font-size-new-14);
}
.graphHeader .ant-select-outlined:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
  border-color: #E5E6EB !important;
  background: rgba(182, 186, 195, 0.1) !important;
}
.graphHeader .selectTime {
  width: 91px;
  height: 32px;
  background: #ffffff;
  border-radius: 8px;
}
#graphBox {
  width: 100%;
  flex: 1;
}

.mfy-empty-page {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}
.mfy-empty-page.small_size .mfy-empty-page-image {
  width: 96px;
  height: 96px;
}
.mfy-empty-page-image {
  width: 148px;
  height: 148px;
}
.mfy-empty-page-description {
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  text-align: center;
}

.benefit-record-modal .ant-modal-body {
  height: 444px;
}
.benefit-record-modal .DM-main-table {
  width: 100%;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
}
.benefit-record-modal .DM-main-table .ant-empty {
  margin-top: 42px;
  line-height: unset;
}
.benefit-record-modal .DM-main-table .ant-table-tbody > tr > td {
  border: none;
}
.benefit-record-modal .DM-main-table .ant-table-thead {
  height: 48px;
}
.benefit-record-modal .DM-main-table .ant-table-thead > tr > th {
  background-color: #fafafa !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #878999 !important;
}
.benefit-record-modal .DM-main-table .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(2),
.benefit-record-modal .DM-main-table .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(3),
.benefit-record-modal .DM-main-table .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(4) {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.benefit-record-modal .DM-main-table .ant-table-header .ant-table-cell {
  background-color: #fafafa !important;
  height: 48px !important;
  color: #878999 !important;
  padding: 10px 20px !important;
}
.benefit-record-modal .DM-main-table .ant-table-tbody .ant-table-cell {
  height: 56px !important;
  padding: 10px 20px !important;
  color: #bbbdc9 !important;
}
.benefit-record-modal .DM-main-table .ant-table-tbody .ant-table-cell:first-child {
  color: #3c3f52 !important;
}
.benefit-record-modal .DM-main-table .ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none !important;
}
.benefit-record-modal .DM-main-table .ant-table-container table > thead > tr:first-child > *:first-child {
  border-bottom-left-radius: 8px;
}
.benefit-record-modal .DM-main-table .ant-table-container table > thead > tr:first-child > *:last-child {
  border-bottom-right-radius: 8px;
}
.benefit-record-modal .DM-main-table .ant-table-thead .ant-table-cell:nth-last-child(2) {
  border-bottom-right-radius: 8px;
}

.cert-modal-tips-content {
  color: var(--mfy-color-warning);
  margin-bottom: 20px;
}
.cert-modal-tips-content .icon {
  margin-right: 8px;
}
.cert-modal-label {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}

.DirectLinkManager-DownloadList .ant-table-header .ant-table-cell {
  background-color: #fafafa !important;
  height: 48px !important;
  color: #878999 !important;
  padding: 10px 20px !important;
}
.DirectLinkManager-DownloadList .ant-table-tbody .ant-table-cell {
  height: 56px !important;
  padding: 10px 20px !important;
  color: #bbbdc9 !important;
}
.DirectLinkManager-DownloadList .ant-table-tbody .ant-table-cell:first-child {
  color: #3c3f52 !important;
}
.DirectLinkManager-DownloadList .ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none !important;
}
.DirectLinkManager-DownloadList .ant-table-container table > thead > tr:first-child > *:first-child {
  border-bottom-left-radius: 8px;
}
.DirectLinkManager-DownloadList .ant-table-container table > thead > tr:first-child > *:last-child {
  border-bottom-right-radius: 8px;
}
.DirectLinkManager-DownloadList .ant-table-thead .ant-table-cell:nth-last-child(2) {
  border-bottom-right-radius: 8px;
}
.DirectLinkManager-DownloadList .ant-btn-link {
  padding: 0 !important;
  height: 24px;
  line-height: 24px;
}
.DirectLinkManager-DownloadList .ant-btn:last-child {
  margin-inline-start: unset !important;
}
.DirectLinkManager-DownloadList-modal .ant-modal-content {
  padding-bottom: 4px !important;
}
.DirectLinkManager-DownloadList-modal .ant-table-selection-column {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
.DirectLinkManager-DownloadList-modal .ant-table-selection-column ~ *:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.DirectLinkManager-DownloadList-btn {
  height: 32px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--mfy-color-primary);
  font-size: 14px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.DirectLinkManager-DownloadList-btn:hover {
  border: 1px solid var(--mfy-color-primary-hover);
  color: var(--mfy-color-primary-hover);
}
.DirectLinkManager-DownloadList-btn:active {
  border: 1px solid var(--mfy-color-primary-active);
  color: var(--mfy-color-primary-active);
}
.DirectLinkManager-DownloadList-btn .icon {
  font-size: var(--mfy-font-size-new-16);
  color: inherit;
}
.DirectLinkManager-DownloadList-btn-disabled {
  border: 1px solid var(--mfy-color-primary-disabled);
  color: var(--mfy-color-primary-disabled);
  cursor: not-allowed;
}
.DirectLinkManager-DownloadList-btn-disabled:hover,
.DirectLinkManager-DownloadList-btn-disabled:active {
  border: 1px solid var(--mfy-color-primary-disabled);
  color: var(--mfy-color-primary-disabled);
}
.DirectLinkManager-DownloadList-overflowTxt {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #3c3f52 !important;
}
.DirectLinkManager-DownloadList-tooltip .ant-tooltip-arrow-content::before {
  background: #ffffff;
}
.DirectLinkManager-DownloadList-tooltip .ant-tooltip-inner {
  color: #3a4056;
  background: #ffffff;
}
.DirectLinkManager-DownloadList-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.DirectLinkManager-DownloadList-header-txt {
  font-weight: 400;
  font-size: 14px;
  color: #7b808f;
  line-height: 18px;
}
.DirectLinkManager-DownloadList-table {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  min-height: 430px;
}
.DirectLinkManager-DownloadList-title-container {
  display: flex;
  align-items: center;
  gap: 12px;
}
.DirectLinkManager-DownloadList-subTitle {
  color: #bbbdc9;
  font-size: 14px;
  font-weight: 400;
}

.DirectLinkManager-OfflineLogger {
  margin-top: 20px;
}
.DirectLinkManager-OfflineLogger-tips {
  margin-bottom: 20px;
}
.DirectLinkManager-OfflineLogger-tips-item {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  line-height: 24px;
  height: 24px;
  display: flex;
  align-items: center;
}
.DirectLinkManager-OfflineLogger-emptyText {
  height: 234px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--mfy-color-new-secondary-describe-text);
}
.DirectLinkManager-OfflineLogger-emptyTable {
  height: fit-content;
}
.DirectLinkManager-OfflineLogger-operation {
  font-weight: 400;
  font-size: 14px;
  color: #597dfc;
  cursor: pointer;
}
.DirectLinkManager-OfflineLogger-table {
  margin-top: 20px;
  width: 100%;
  overflow: hidden;
  min-height: 280px;
}
.DirectLinkManager-OfflineLogger .ant-btn:last-child {
  margin-inline-start: unset !important;
}
.DirectLinkManager-OfflineLogger .ant-btn-link {
  padding: 0 !important;
  height: 24px;
  line-height: 24px;
}

.table-placeholder-root {
  height: 344px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--mfy-color-new-main-text);
  flex-direction: column;
  gap: 24px;
}
.table-placeholder-root .open-button {
  background: var(--mfy-color-primary);
  border-radius: 8px 8px 8px 8px;
  color: white;
  padding: 10px 20px;
}
.table-placeholder-root .open-button:hover {
  background: var(--mfy-color-primary-hover);
}
.table-placeholder-root .open-button:active {
  background: var(--mfy-color-primary-active);
}
.table-placeholder-root .no-data {
  color: var(--mfy-color-new-secondary-describe-text);
}

.direct-link-log-modal .table-placeholder-root {
  height: 259px;
}
.direct-link-log-modal .ant-modal-content {
  padding-bottom: 4px !important;
}
.direct-link-log-modal .ant-table-header .ant-table-cell {
  background-color: #fafafa !important;
  height: 48px !important;
  color: #878999 !important;
  padding: 10px 20px !important;
}
.direct-link-log-modal .ant-table-tbody .ant-table-cell {
  height: 56px !important;
  padding: 10px 20px !important;
  color: #bbbdc9 !important;
}
.direct-link-log-modal .ant-table-tbody .ant-table-cell:first-child {
  color: #3c3f52 !important;
}
.direct-link-log-modal .ant-table-cell-scrollbar:not([rowspan]) {
  box-shadow: none !important;
}
.direct-link-log-modal .ant-table-container table > thead > tr:first-child > *:first-child {
  border-bottom-left-radius: 8px;
}
.direct-link-log-modal .ant-table-container table > thead > tr:first-child > *:last-child {
  border-bottom-right-radius: 8px;
}
.direct-link-log-modal .ant-table-thead .ant-table-cell:nth-last-child(2) {
  border-bottom-right-radius: 8px;
}
.direct-link-log-modal .dateCheck {
  display: flex;
  align-items: center;
  background: white;
  border-radius: 8px;
}
.direct-link-log-modal .dateCheck .ant-picker {
  padding: 8px 12px 8px;
}
.direct-link-log-modal .dateCheck .ant-picker .ant-picker-input {
  width: 78px !important;
}
.direct-link-log-modal .dateCheck .ant-picker .ant-picker-range-separator {
  padding: 0 0 !important;
}
.direct-link-log-modal .dateCheck .ant-picker-range .ant-picker-clear {
  right: 5px !important;
}
.direct-link-log-modal .dateCheck .icon-calendar {
  color: #d1d3e0;
  font-size: var(--mfy-font-size-new-14);
}
.direct-link-log-modal .intro-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
}
.direct-link-log-modal .intro-txt {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  font-weight: var(--mfy-font-width-new-normal);
  margin-left: 12px;
}
.direct-link-log-modal .range-picker-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.direct-link-log-modal .range-picker-wrap > div:first-child {
  display: flex;
  align-items: center;
  gap: 8px;
}
.direct-link-log-modal .range-picker-wrap-select {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.direct-link-log-modal .btn {
  height: 32px;
  background: #ffffff;
  border-radius: 8px;
  border: 1px solid var(--mfy-color-primary);
  font-size: 14px;
  padding: 0 11px;
  display: flex;
  align-items: center;
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.direct-link-log-modal .btn:hover {
  border: 1px solid var(--mfy-color-primary-hover);
  color: var(--mfy-color-primary-hover);
}
.direct-link-log-modal .btn:active {
  border: 1px solid var(--mfy-color-primary-active);
  color: var(--mfy-color-primary-active);
}
.direct-link-log-modal .btn .icon {
  font-size: var(--mfy-font-size-new-16);
  color: inherit;
}
.direct-link-log-modal .btn-disabled {
  border: 1px solid var(--mfy-color-primary-disabled);
  color: var(--mfy-color-primary-disabled);
  cursor: not-allowed;
}
.direct-link-log-modal .btn-disabled:hover,
.direct-link-log-modal .btn-disabled:active {
  border: 1px solid var(--mfy-color-primary-disabled);
  color: var(--mfy-color-primary-disabled);
}
.direct-link-log-modal .DM-main-table {
  width: 100%;
  border-radius: 6px 6px 6px 6px;
  overflow: hidden;
}
.direct-link-log-modal .DM-main-table.empty {
  height: fit-content;
}
.direct-link-log-modal .DM-main-table .overflow-txt {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.DLRangePickerQuick-root {
  display: flex;
  background: #f5f6f7;
  border-radius: 8px;
  padding: 4px;
}
.DLRangePickerQuick-root > div {
  height: 24px;
  background: transparent;
  border-radius: 4px;
  padding: 0 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.DLRangePickerQuick-root > div.active {
  background: white;
  border-radius: 4px;
  color: var(--mfy-color-primary);
}
.DirectLinkManager-DirectLinkLogModal {
  margin-top: 20px;
}
.DirectLinkManager-DirectLinkLogModal-intro {
  font-size: 14px;
  color: #bbbdc9;
  line-height: 22px;
  margin-bottom: 20px;
}
.DirectLinkManager-DirectLinkLogModal-intro-black {
  font-weight: 700;
  color: #3c3f52;
}

.HowToConfigureModal-content-wrapper {
  padding-right: 14px;
  height: 415px;
  overflow-y: auto;
}
.HowToConfigureModal-content-wrapper::-webkit-scrollbar {
  display: none;
}
.HowToConfigureModal-icon-circle {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: var(--mfy-color-primary);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: bold;
  margin-right: 8px;
}
.HowToConfigureModal-warning-wrapper {
  margin-top: 12px;
  margin-bottom: 24px;
  padding: 10px 14px;
  font-size: var(--mfy-font-size-new-12);
  color: #3C3F52;
  background: #FFF7E8;
  border-radius: 8px;
}
.HowToConfigureModal-image {
  margin-top: 24px;
}
.HowToConfigureModal-line-content {
  font-size: var(--mfy-font-size-new-14);
  font-weight: var(--mfy-font-width-new-bold);
  color: var(--mfy-color-new-main-text);
}
.HowToConfigureModal-content {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
}
.HowToConfigureModal-content > b {
  color: var(--mfy-color-new-main-text);
}

.SuccessModal b {
  font-weight: bold;
  color: #3A4056;
}
.SuccessModal-content-block {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 12px;
}
.SuccessModal-content-block > b {
  color: var(--mfy-color-new-main-text);
}

.ConfigureIndexFileModal-tips {
  margin-top: 10px;
  color: var(--mfy-color-new-secondary-describe-text);
  font-size: var(--mfy-font-size-new-12);
  text-wrap: nowrap;
}
.ConfigureIndexFileModal-tips-link {
  color: var(--mfy-color-primary);
  margin-left: 4px;
  cursor: pointer;
}
.ConfigureIndexFileModal-input-text {
  color: #3a4056;
  max-width: 87px;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ConfigureIndexFileModal-input-wrapper {
  display: flex;
  align-items: center;
}

.SelectFolderModal .title {
  margin-bottom: 12px;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  line-height: 16px;
}
.SelectFolderModal .ant-space-item {
  height: 44px;
  display: flex;
  align-items: center;
}
.SelectFolderModal .ant-space-vertical {
  gap: 4px !important;
}
.SelectFolderModal .ant-radio {
  top: auto;
}
.SelectFolderModal .ant-radio-wrapper {
  line-height: 44px;
  padding: 0px 13px;
  width: 422px;
  align-items: center;
}
.SelectFolderModal .ant-radio-wrapper-checked {
  background: #F6F7FD;
}
.SelectFolderModal .img-icon {
  margin-right: 8px;
}
.SelectFolderModal .img-icon + span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 370px;
}
.SelectFolderModal span.ant-radio + * {
  height: 48px;
  align-items: center;
  display: flex;
}
.SelectFolderModal-content {
  height: 321px;
  overflow-y: auto;
}
.SelectFolderModal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 0;
  text-align: right;
}
.SelectFolderModal-footer-tips {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-text);
}
.SelectFolderModal-footer-tips .icon {
  margin-left: 4px;
  font-size: inherit;
  color: inherit;
}
.SelectFolderModal-footer .ant-btn {
  margin-left: 12px;
}

.DirectLinkManager-AuthConfig-FormWithTableRow {
  width: 100%;
  display: flex;
  gap: 20px;
  padding: 0 10px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow .ant-form-item {
  margin-right: 0 !important;
  min-height: 53px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow .ant-select-selection-item {
  font-size: 12px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow .ant-select,
.DirectLinkManager-AuthConfig-FormWithTableRow .ant-input {
  height: 32px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow:first-child {
  padding-top: 10px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow:last-child .ant-form-item {
  min-height: 42px !important;
}
.DirectLinkManager-AuthConfig-FormWithTableRow-delete {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 32px;
}
.DirectLinkManager-AuthConfig-FormWithTableRow-delete svg {
  color: #5e6278;
}
.DirectLinkManager-AuthConfig-FormWithTableRow-delete:hover svg {
  color: #878999;
}
.DirectLinkManager-AuthConfig-FormWithTableRow-delete:active svg {
  color: #3c3f52;
}

.DirectLinkManager-AuthConfig-TableHeader {
  display: flex;
  height: 48px;
  align-items: center;
  align-self: stretch;
  border-radius: 8px;
  border: 0 solid #e5e6eb;
  background: #fafafa;
}
.DirectLinkManager-AuthConfig-TableHeader-item {
  display: flex;
  padding: 10px;
  align-items: center;
  color: #878999;
  font-size: 14px;
  font-weight: 400;
}

.DirectLinkManager-AuthConfig-FormWithTable {
  width: 100%;
}
.DirectLinkManager-AuthConfig-FormWithTable-header {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  background: #fff;
}
.DirectLinkManager-AuthConfig-FormWithTable-add {
  margin-top: 12px;
  width: 100%;
  height: 32px !important;
}
.DirectLinkManager-AuthConfig-FormWithTable .ant-btn:last-child {
  margin-inline-start: unset !important;
}

.DirectLinkManager-AuthConfig .ant-form-item-control-input {
  min-height: 32px !important;
}
.DirectLinkManager-AuthConfig-container {
  width: 100%;
  padding-right: 16px;
  box-sizing: border-box;
}
.DirectLinkManager-AuthConfig-title {
  color: #1b1f35;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.DirectLinkManager-AuthConfig-tips {
  margin-top: 8px;
}
.DirectLinkManager-AuthConfig-tips-item {
  color: #878999;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.DirectLinkManager-AuthConfig-top {
  width: 100%;
}
.DirectLinkManager-AuthConfig-header {
  margin-top: 8px;
  margin-bottom: 24px;
  border-radius: 8px;
  background: #f5f6f7;
  display: flex;
  padding: 16px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.DirectLinkManager-AuthConfig-header .ant-form-item-extra {
  margin-top: 4px !important;
}
.DirectLinkManager-AuthConfig-header .ant-input {
  height: 32px !important;
  line-height: 32px !important;
}
.DirectLinkManager-AuthConfig-header:last-child {
  margin-bottom: 0;
}
.DirectLinkManager-AuthConfig-header-remoteAddr-extra,
.DirectLinkManager-AuthConfig-header-authTimeout-extra {
  color: #878999;
  font-size: 12px;
  font-weight: 400;
}
.DirectLinkManager-AuthConfig-header-remoteAddr .ant-form-item-extra,
.DirectLinkManager-AuthConfig-header-authTimeout .ant-form-item-extra {
  height: 20px;
  min-height: 20px !important;
}
.DirectLinkManager-AuthConfig-header-remoteAddr.ant-form-item-has-error .DirectLinkManager-AuthConfig-header-remoteAddr-extra,
.DirectLinkManager-AuthConfig-header-remoteAddr.ant-form-item-has-error .DirectLinkManager-AuthConfig-header-authTimeout-extra,
.DirectLinkManager-AuthConfig-header-authTimeout.ant-form-item-has-error .DirectLinkManager-AuthConfig-header-remoteAddr-extra,
.DirectLinkManager-AuthConfig-header-authTimeout.ant-form-item-has-error .DirectLinkManager-AuthConfig-header-authTimeout-extra {
  color: #f64e60;
}
.DirectLinkManager-AuthConfig-header-method .ant-form-item-control-input,
.DirectLinkManager-AuthConfig-header-authTimeoutAction .ant-form-item-control-input {
  min-height: unset !important;
}
.DirectLinkManager-AuthConfig-header-method .ant-form-item-control-input-content,
.DirectLinkManager-AuthConfig-header-authTimeoutAction .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
  gap: 24px;
}
.DirectLinkManager-AuthConfig-header-method img,
.DirectLinkManager-AuthConfig-header-authTimeoutAction img {
  width: 16px;
  height: 16px;
}
.DirectLinkManager-AuthConfig-header-method-item,
.DirectLinkManager-AuthConfig-header-authTimeoutAction-item {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}
.DirectLinkManager-AuthConfig-header-method-item-label,
.DirectLinkManager-AuthConfig-header-authTimeoutAction-item-label {
  color: #3c3f52;
  font-size: 14px;
  font-weight: 400;
}
.DirectLinkManager-AuthConfig-header-authTimeout {
  position: relative;
}
.DirectLinkManager-AuthConfig-header-authTimeout:after {
  content: "毫秒";
  width: 36px;
  height: 32px;
  color: #878999;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: end;
  position: absolute;
  right: 0;
  top: 34px;
}
.DirectLinkManager-AuthConfig-header-authTimeout-input {
  width: 532px !important;
}
.DirectLinkManager-AuthConfig-header-failCode-extra {
  color: #878999;
  font-size: 12px;
  font-weight: 400;
}
.DirectLinkManager-AuthConfig-header-failCode .ant-form-item-extra {
  height: 20px;
  min-height: 20px !important;
}
.DirectLinkManager-AuthConfig-header-failCode.ant-form-item-has-error .DirectLinkManager-AuthConfig-header-failCode-extra {
  color: #f64e60;
}
.DirectLinkManager-AuthConfig-label label {
  color: #878999 !important;
  font-size: 14px !important;
  font-weight: 400;
  line-height: 20px;
  height: 20px !important;
}
.DirectLinkManager-AuthConfig-self-parameter {
  margin-top: 8px;
  padding: 16px 12px;
  border-radius: 8px;
  background: #f5f6f7;
  margin-bottom: 24px;
}
.DirectLinkManager-AuthConfig-onlyLabel {
  height: 20px !important;
}
.DirectLinkManager-AuthConfig-onlyLabel .ant-form-item-label {
  height: fit-content !important;
}
.DirectLinkManager-AuthConfig-headParameter {
  margin-top: 20px !important;
}

.DirectLinkManager-BlackConfig {
  position: relative;
  font-family: var(--mfy-font-family);
}
.DirectLinkManager-BlackConfig .ant-btn-link {
  padding: 0 !important;
  height: 24px;
  line-height: 24px;
}
.DirectLinkManager-BlackConfig .ant-btn:last-child {
  margin-inline-start: unset !important;
}
.DirectLinkManager-BlackConfig-more {
  position: absolute;
  bottom: -51px;
  left: 0;
  font-weight: 400;
  font-size: 12px;
  color: #5e6278;
}
.DirectLinkManager-BlackConfig-title {
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  height: 18px;
  line-height: 18px;
}
.DirectLinkManager-BlackConfig-tips {
  margin-top: 8px;
}
.DirectLinkManager-BlackConfig-tips-item {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  line-height: 24px;
}
.DirectLinkManager-BlackConfig-tips-item-black {
  color: #3c3f52;
  font-weight: 700;
}
.DirectLinkManager-BlackConfig-tips-item-blue {
  color: #3c80ff;
  font-weight: 700;
  cursor: pointer;
}
.DirectLinkManager-BlackConfig-address {
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  height: 18px;
  line-height: 18px;
  margin-top: 20px;
}
.DirectLinkManager-BlackConfig-textarea {
  margin-top: 8px !important;
  resize: none !important;
  height: 200px !important;
  scrollbar-color: #edeef0 transparent !important;
  scrollbar-width: thin !important;
}

.tips-content {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 2px 2px 16px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
}
@media (max-width: 1366px) {
  .tips-content {
    width: auto !important;
    max-width: 377px !important;
    overflow: auto !important;
    white-space: normal !important;
  }
  .tips-content .tips-text {
    overflow: auto !important;
    white-space: normal !important;
    padding: 8px 0;
  }
}
.tips-content .tips-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 8px 0;
}
.tips-content .tips-button-vip {
  padding: 8px 12px;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #a66a2e;
  font-weight: 400;
  font-size: 12px;
  color: #a66a2e;
}
.tips-content .tips-button-vip:hover {
  opacity: 0.9;
}
.tips-content-default {
  color: #A66A2E;
  border-radius: 8px;
  background: linear-gradient(90deg, rgba(255, 234, 212, 0.5) 0%, rgba(255, 240, 224, 0.5) 100%);
}
.tips-content-vip {
  color: #878999;
  background: #f5f6f7;
  padding-right: 16px;
}
.topText {
  color: #878999;
  background: none;
}
.centerText .tips-button-vip {
  padding: 4px 8px;
}

.dev-setting-part {
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 16px;
}
.dev-setting-part-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  border-radius: 12px 12px 0 0;
  padding: 20px 24px 20px 24px;
}
.dev-setting-part .dev-setting-part-top-left {
  display: flex;
  gap: 40px;
}
.dev-setting-part .custom-tabs-nav {
  display: flex;
  align-items: center;
  gap: 32px;
}
.dev-setting-part .custom-tabs-nav .custom-tabs-tab {
  position: relative;
  padding: 8px 0;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.dev-setting-part .custom-tabs-nav .custom-tabs-tab:hover {
  color: #5e6278;
}
.dev-setting-part .custom-tabs-nav .custom-tabs-tab:active {
  color: #3c3f52;
}
.dev-setting-part .custom-tabs-nav .custom-tabs-tab.active {
  color: var(--mfy-color-primary);
  font-weight: var(--mfy-font-width-new-bold);
  font-weight: 700;
}
.dev-setting-part .custom-tabs-nav .custom-tabs-tab.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 32px;
  height: 3px;
  background: var(--mfy-color-primary);
  transform: translateX(-50%);
  border-radius: 14px;
}
.dev-setting-part .dev-setting-part-top-right {
  display: flex;
  gap: 12px;
  align-items: center;
  color: #7b808f;
}
.dev-setting-part .dev-setting-part-top-right .right-button {
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #e5e6eb;
  padding: 8px;
  cursor: pointer;
  color: #1b1f35;
  font-size: 12px;
  height: 32px;
  display: flex;
  align-items: center;
}
.dev-setting-part .dev-setting-part-top-right .right-button .icon {
  font-size: 16px;
}
.dev-setting-part .dev-setting-part-top-right .right-button:hover {
  background: rgba(182, 186, 195, 0.1);
}
.dev-setting-part .dev-setting-part-top-right .right-button:active {
  background: rgba(182, 186, 195, 0.15);
}
.dev-setting-part .dev-setting-part-top-right .right-button:first-child {
  width: 32px;
}
.dev-setting-part .dev-setting-part-top-right .right-button:last-child {
  padding: 6px 6px 6px 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.dev-setting-part .dev-setting-part-top-right .right-button:last-child svg {
  color: #1b1f35;
}
.dev-setting-part .dev-setting-part-top-right .refresh-icon {
  font-size: 16px;
}
.dev-setting-part .custom-tabs-content {
  padding: 0 24px 24px;
}
.dev-setting-part .custom-tabs-content .DM-main {
  display: flex;
  flex-direction: column;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-half {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-half-pc {
  padding-bottom: 64px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row {
  width: 100%;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row .DM-main-row-block {
  width: calc(50% - 8px);
  padding: 16px;
  background: #fafafa;
  border-radius: 12px;
  height: fit-content;
}
@media (max-width: 1366px) {
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-row .DM-main-row-block {
    width: 100%;
  }
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config {
  width: 100%;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half {
  column-count: 2;
  column-gap: 16px;
  width: 100%;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc {
  padding-bottom: 54px;
}
@media (max-width: 1960px) {
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "left1" "right1" "left2" "left3" "right2" "right3";
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block {
    margin-top: 0 !important;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block:nth-child(1) {
    grid-area: left1;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block:nth-child(2) {
    grid-area: left2;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block:nth-child(3) {
    grid-area: left3;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block:nth-child(4) {
    grid-area: right1;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half-pc .DM-main-config-block:nth-child(5) {
    grid-area: right2;
  }
}
@media (max-width: 1366px) {
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "left1" "right1" "left2" "left3" "right2" "right3";
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block {
    margin-top: 0 !important;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block:nth-child(1) {
    grid-area: left1;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block:nth-child(2) {
    grid-area: left2;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block:nth-child(3) {
    grid-area: left3;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block:nth-child(4) {
    grid-area: right1;
  }
  .dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-half .DM-main-config-block:nth-child(5) {
    grid-area: right2;
  }
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-block {
  padding: 16px;
  background: #fafafa;
  border-radius: 12px;
  display: inline-block;
  width: 100%;
  margin-top: 16px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-block:nth-child(1) {
  margin-top: 0;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-config .DM-main-config-block:nth-child(4) {
  margin-top: 0;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .mfy-tabs-item {
  font-size: 12px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .mfy-tabs-item.active {
  color: var(--mfy-color-new-emphasize-text);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-title-desc {
  margin-top: 8px;
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-12);
  color: #878999;
  font-style: normal;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-title-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-title {
  display: flex;
  flex-direction: row;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  gap: 7px;
  align-items: center;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-title .icon {
  font-size: var(--mfy-font-size-new-16);
  color: inherit;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-primary {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid var(--mfy-color-primary);
  color: var(--mfy-color-primary);
  padding: 5px 8px 5px 14px;
  font-size: var(--mfy-font-size-new-14);
  cursor: pointer;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-primary .icon {
  font-size: inherit;
  color: inherit;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-primary:hover {
  border: 1px solid var(--mfy-color-primary-hover);
  color: var(--mfy-color-primary-hover);
  background: #f0f8ff;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-primary:active {
  border: 1px solid var(--mfy-color-primary-active);
  color: var(--mfy-color-primary-active);
  background: #f0f8ff;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-normal {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #e5e6eb;
  color: var(--mfy-color-new-secondary-text);
  padding: 5px 8px 5px 14px;
  font-size: var(--mfy-font-size-new-12);
  cursor: pointer;
  white-space: nowrap;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-normal .icon {
  font-size: inherit;
  color: inherit;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-normal:hover {
  background: rgba(182, 186, 195, 0.1);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header .DM-main-row-block-header-button-normal:active {
  background: rgba(182, 186, 195, 0.15);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-header-title-desc-tip {
  color: #3c80ff;
  font-size: var(--mfy-font-size-new-14);
  font-weight: 400;
  cursor: pointer;
  height: 22px;
  line-height: 22px;
  margin-left: auto;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 8px;
  padding: 0 16px;
  margin-top: 16px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .ant-tag {
  margin-right: unset;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 13px 0;
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  height: 50px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-normal {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  line-height: 22px;
  white-space: nowrap;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-primary);
  line-height: 22px;
  cursor: pointer;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button:hover {
  color: var(--mfy-color-primary-hover);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button:active {
  color: var(--mfy-color-primary-active);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-left {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-left .DM-main-row-block-content-left-small-text {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button-warning {
  padding: 3px 10px;
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-warning);
  background: #fff7e8;
  line-height: 22px;
  border-radius: 4px;
  cursor: pointer;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button-warning:hover {
  color: #ffbf29;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-text-button-warning:active {
  color: #c68200;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-text-max-width {
  max-width: 420px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-small-text {
  font-size: var(--mfy-font-size-new-12);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .icon {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-secondary-text);
  cursor: pointer;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-ok {
  color: var(--mfy-color-primary);
  font-size: var(--mfy-font-size-new-16);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-ok:hover {
  color: #66a1ff;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-ok:active {
  color: #2961d9;
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-cancel {
  color: var(--mfy-color-new-disable-text);
  font-size: var(--mfy-font-size-new-16);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-cancel:hover {
  color: var(--mfy-color-new-secondary-describe-text);
}
.dev-setting-part .custom-tabs-content .DM-main .DM-main-row-block-content-wrapper .DM-main-row-block-content-right .DM-main-row-block-content-right-buttons .DM-main-row-block-content-right-button-cancel:active {
  color: var(--mfy-color-new-describe-text);
}
.dev-setting-part .settings-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  padding: 24px;
}
.dev-setting-part .settings-grid .setting-item {
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e6eb;
  padding: 24px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header {
  margin-bottom: 24px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header .DM-help-header-left {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #1d2129;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header .DM-help-header-right {
  display: flex;
  align-items: center;
  color: var(--mfy-color-primary);
  cursor: pointer;
  font-size: 14px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header .DM-help-header-right:hover {
  opacity: 0.8;
}
.dev-setting-part .settings-grid .setting-item .DM-main-help-header > div:last-child {
  color: #86909c;
  font-size: 14px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main:last-child {
  margin-bottom: 0;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-text {
  color: #4e5969;
  font-size: 14px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-btn {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-btn-text {
  color: #1d2129;
  font-size: 14px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-btn-btn {
  color: var(--mfy-color-primary);
  cursor: pointer;
  font-size: 14px;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-btn-btn:hover {
  opacity: 0.8;
}
.dev-setting-part .settings-grid .setting-item .DM-main-set-main .DM-main-set-main-btn-input {
  width: 200px;
}
.refresh-cache-tooltip .ant-tooltip-inner {
  background-color: #fff;
  color: #1d2129;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e6eb;
}
.refresh-cache-tooltip .ant-tooltip-arrow::before {
  background-color: #fff;
}
.auth-config-modal .ant-modal-body {
  width: 640px !important;
  position: relative !important;
  left: -24px !important;
  padding-left: 24px !important;
  overflow: auto!important;
  height: 474px!important;
}

.domain-cert-modal .step-text {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 8px;
}
.domain-cert-modal .step-text-desc {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  margin-bottom: 16px;
}
.domain-cert-modal-tab-content {
  max-height: 243px;
  overflow: auto;
}
.domain-cert-modal .share-cert-modal-tabs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.domain-cert-modal .share-cert-modal-tabs-wrapper .share-cert-modal-tabs {
  height: fit-content;
}
.domain-cert-modal .share-cert-modal-tabs-wrapper .share-cert-modal-tabs .mfy-tabs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 7px 0 !important;
  width: 211px;
}
.domain-cert-modal .domain-cert-steps {
  display: flex;
  flex-direction: column;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 17px;
  margin-bottom: 27px;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step:last-child {
  margin-bottom: 0;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step:last-child .domain-cert-step-icon .domain-cert-step-line {
  display: none;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-icon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 14px;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-icon .domain-cert-step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E2ECFF;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  margin-top: 4px;
  margin-bottom: 7px;
  flex-shrink: 0;
  position: relative;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-icon .domain-cert-step-dot .domain-cert-step-dot-inner {
  width: 6px;
  height: 6px;
  background: var(--mfy-color-primary);
  border-radius: 50%;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-icon .domain-cert-step-line {
  position: absolute;
  left: 50%;
  top: 25px;
  bottom: -24px;
  width: 1px;
  background: #E5E6EB;
  transform: translateX(-50%);
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-content {
  flex: 1;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-content .domain-cert-step-title {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-content .domain-cert-step-title .step-block-text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  font-style: normal;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-content .domain-cert-step-title .step-block-desc-text {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  font-style: normal;
}
.domain-cert-modal .domain-cert-steps .domain-cert-step .domain-cert-step-content .domain-cert-step-description {
  margin-top: 8px;
}
.domain-cert-modal .step-button {
  border: 1px solid var(--mfy-color-primary);
  border-radius: 6px;
  color: var(--mfy-color-primary);
  padding: 8px 11px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
.domain-cert-modal .step-button:hover {
  border: 1px solid var(--mfy-color-primary-hover);
  color: var(--mfy-color-primary-hover);
}
.domain-cert-modal .step-button:active {
  border: 1px solid var(--mfy-color-primary-active);
  color: var(--mfy-color-primary-active);
}
.domain-cert-modal .step-block {
  display: flex;
  flex-direction: column;
}
.domain-cert-modal .step-block .step-block-text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
}
.domain-cert-modal .step-block-row {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.domain-cert-modal .step-block-row .step-block-text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
}
.domain-cert-modal .step-block-row .step-block-desc-text {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
}
.domain-cert-modal .ant-steps-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.domain-cert-modal .ant-steps-icon .domain-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E2ECFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.domain-cert-modal .ant-steps-icon .domain-dot .domain-dot-inner {
  width: 6px;
  height: 6px;
  background: var(--mfy-color-primary);
  border-radius: 50%;
}
.domain-cert-modal .table-row-copy_text {
  display: flex;
  align-items: center;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  gap: 8px;
}
.domain-cert-modal .table-row-copy_text > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.domain-cert-modal .table-row-copy_text .step-block-iconfont {
  color: var(--mfy-color-primary);
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
}
.domain-cert-modal .table-row-copy_text .step-block-iconfont:hover {
  background-color: rgba(182, 186, 195, 0.1);
}
.domain-cert-modal .table-row-copy_text .step-block-iconfont:active {
  background-color: rgba(182, 186, 195, 0.2);
}
.domain-cert-modal .domain-steps {
  transform: translateY(-11px);
}
.domain-cert-modal .custom-table .ant-table {
  background: transparent;
}
.domain-cert-modal .custom-table .ant-table .ant-table-container {
  border-radius: 8px;
  overflow: hidden;
}
.domain-cert-modal .custom-table .ant-table .ant-table-container table {
  border-radius: 8px;
  table-layout: fixed;
}
.domain-cert-modal .custom-table .ant-table .ant-table-thead > tr > th {
  background: #FAFAFA;
  border-bottom: 1px solid var(--mfy-split-line-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.domain-cert-modal .custom-table .ant-table .ant-table-thead > tr > th::before {
  display: none;
}
.domain-cert-modal .custom-table .ant-table .ant-table-tbody > tr > td {
  background: #FAFAFA;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.domain-cert-modal .custom-table .ant-table .ant-table-tbody > tr:hover > td {
  background: #f0f0f0 !important;
}
.domain-cert-modal-table-text-break-all {
  word-break: break-all;
  white-space: normal;
}

.preheat-link-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.preheat-link-modal-content-wrapper-pre {
  margin-top: 24px;
}
.preheat-link-modal-content-wrapper-result {
  height: 397px;
  overflow: hidden;
  margin-top: 10px;
}
.preheat-link-modal .mfy-tabs {
  width: calc(100% - 8px);
  height: unset;
}
.preheat-link-modal .mfy-tabs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 5.5px 0 !important;
  flex: 1;
}
.preheat-link-modal .preheat-link-modal-table .ant-table-thead > tr > th {
  height: 56px!important;
  font-size: 14px;
  background: #FAFAFA;
}
.preheat-link-modal .preheat-link-modal-table .ant-table-tbody > tr > td:nth-child(2),
.preheat-link-modal .preheat-link-modal-table .ant-table-tbody > tr > td:nth-child(4) {
  color: var(--mfy-color-new-secondary-describe-text);
}

.referer-modal .modal-body-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #878999;
}
.referer-modal .referer-input {
  min-height: 120px;
  max-height: 374px;
  overflow-y: auto;
  background: #F5F6F7;
  resize: none;
  font-size: var(--mfy-font-size-new-14);
}
.referer-modal .referer-input textarea {
  resize: none;
}
.referer-modal .referer-textarea {
  background: #F5F6F7;
}
.referer-modal .modal-footer {
  margin-bottom: 0;
  text-align: right;
}
.referer-modal .modal-footer .ant-btn {
  margin-left: 8px;
}

.DirectLinkManagerX {
  height: 100%;
  padding-right: 16px;
  padding-top: 8px;
  padding-left: 16px;
  overflow: hidden;
}
.DirectLinkManagerX .page-title {
  display: flex;
  align-items: center;
  color: #3a4056;
  margin-bottom: 19px;
}
.DirectLinkManagerX .not-dev-member-tip {
  background: #fff1c6;
  border-radius: 8px 8px 8px 8px;
  font-size: 14px;
  color: #713a03;
  line-height: 16px;
  text-align: left;
  font-style: normal;
  text-transform: none;
  display: flex;
  justify-content: space-between;
  padding: 15px 16px;
  margin-bottom: 17px;
}
.DirectLinkManagerX .not-dev-member-tip > div:last-child {
  font-size: 14px;
  color: #597dfc;
  cursor: pointer;
  width: 100px;
  margin-left: 10px;
  text-align: right;
}
.DirectLinkManagerX .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap {
  align-items: center;
}
.DirectLinkManagerX .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list {
  width: auto;
  justify-content: normal;
  padding: 0;
  height: 30px;
}
.DirectLinkManagerX .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
  padding: 0;
  width: auto;
}
.DirectLinkManagerX .DM-header {
  line-height: 36px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #3a4056;
}
.DirectLinkManagerX .DM-header .DM-header-line {
  position: relative;
}
.DirectLinkManagerX .DM-header .DM-header-line::before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #edeff3;
  position: absolute;
  left: -14px;
  top: 2px;
}
.DirectLinkManagerX .content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: auto;
  flex: 1;
  height: calc(100% - 95px);
  width: 100%;
}
.DirectLinkManagerX .dashboard-part {
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 16px;
  background: transparent !important;
  padding: 0 !important;
}
@media (max-width: 1366px) {
  .DirectLinkManagerX .dashboard-part {
    flex-direction: column;
    gap: 14px;
  }
}
.DirectLinkManagerX .dashboard-part .dashboard-part-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-radius: 8px;
  flex: 1;
}
.DirectLinkManagerX .dashboard-part .graph-box {
  min-height: 336px;
  flex: 1;
  margin-bottom: 0;
  background: white;
  border-radius: 12px;
  border: 1px solid #EBECF4;
}
.DirectLinkManagerX .dashboard-part .graph-box-content {
  height: 336px;
  width: 100%;
  padding: 24px;
  padding-top: 12px;
}
.DirectLinkManagerX .dev-setting-part {
  flex: 1;
  border-radius: 12px;
  border: 1px solid #EBECF4;
}
.DirectLinkManagerX .dev-setting-part .link-color.icon {
  color: #7b808f;
}
.DirectLinkManagerX .dev-setting-part .link-color:hover,
.DirectLinkManagerX .dev-setting-part .ant-tabs-tab:hover {
  color: #597dfc;
}
.DirectLinkManagerX .dev-setting-part .ant-tabs-tab-btn {
  font-size: 14px !important;
}
.DirectLinkManagerX .dev-setting-part .ant-tabs-nav::before {
  display: none;
}
.DirectLinkManagerX .traffic-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}
.DirectLinkManagerX .traffic-info-item {
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.DirectLinkManagerX .traffic-info .FlowCard {
  width: 100%;
  height: 100%;
  min-height: 160px;
  background: #fff;
  border-radius: 12px;
  padding: 27px 28px;
  position: relative;
  border: 1px solid #EBECF4;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main {
  display: flex;
  justify-content: space-between;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #5e6278;
  margin-bottom: 12px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-title .icon {
  font-size: 24px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-num {
  font-size: 24px;
  color: var(--mfy-color-new-emphasize-text);
  font-weight: bold;
  line-height: 1;
  margin-bottom: 12px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-num .FlowCard-unit {
  font-size: 14px;
  font-weight: normal;
  margin-left: 4px;
  color: var(--mfy-color-new-emphasize-text);
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio {
  display: flex;
  gap: 16px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio .FlowCard-ratio1 {
  font-size: 12px;
  color: #878999;
  display: flex;
  align-items: center;
  background: #f5f6f7;
  border-radius: 4px;
  padding: 6px 8px;
  position: relative;
  z-index: 1;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio .FlowCard-ratio1 .ratio-value {
  display: flex;
  align-items: center;
  gap: 2px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio .FlowCard-ratio1 .ratio-icon {
  font-size: 12px;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio .FlowCard-ratio1 .ratio-icon.up {
  color: #1bc5bd;
}
.DirectLinkManagerX .traffic-info .FlowCard .FlowCard-main .FlowCard-text .FlowCard-ratio .FlowCard-ratio1 .ratio-icon.down {
  color: #ffa800;
}
.DirectLinkManagerX .traffic-info .FlowCard-bg {
  background: linear-gradient(150deg, #597dfc 60%, #8af8ff 96%);
}
.scrollTable .ant-table-thead .ant-table-cell:not(.ant-table-cell-scrollbar) {
  border-bottom-right-radius: 0px !important;
}
.DM-operation-border {
  padding-bottom: 16px;
  position: sticky;
  top: 0;
  z-index: 3;
  background: #fff;
}
.DM-operation-border .DM-operation-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px;
  background-color: #fff;
  border-radius: 16px;
  width: 100%;
  box-sizing: border-box !important;
  height: 65px;
  border: 1px solid #EBECF4;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
}
.DM-operation-border .DM-operation-bar .left-buttons {
  display: flex;
  gap: 12px;
}
.DM-operation-border .DM-operation-bar .left-buttons > span > button {
  padding: 10px 11px;
}
.DM-operation-border .DM-operation-bar .left-buttons .ant-btn {
  display: flex;
  align-items: center;
  height: 32px;
  font-size: 12px;
}
.DM-operation-border .DM-operation-bar .left-buttons .ant-btn .anticon {
  font-size: 16px;
  margin-right: 6px;
}
.DirectLinkWebManagerX {
  padding: 0;
}
.DirectLinkWebManagerX .DM-operation-border {
  background: none;
}
.DirectLinkWebManagerX .DM-operation-border .DM-operation-bar {
  border: none;
  height: 88px;
  box-shadow: none;
}
.DirectLinkWebManagerX .DM-operation-border .DM-operation-bar .left-buttons {
  gap: 16px;
}
.DirectLinkWebManagerX .DM-operation-border .DM-operation-bar .left-buttons .ant-btn {
  font-size: 14px;
  height: 40px;
}
.DirectLinkWebManagerX .dev-setting-part .dev-setting-part-top-right .right-button {
  font-size: 14px;
  width: auto;
  height: auto;
  padding: 8px;
}
.DirectLinkWebManagerX .dev-setting-part .dev-setting-part-top-right .right-button .refresh-icon {
  font-size: 20px;
}
.DirectLinkWebManagerX .dev-setting-part .DM-main-row-block-header-title {
  font-size: var(--mfy-font-size-new-16) !important;
}
.DirectLinkWebManagerX .dev-setting-part .custom-tabs-nav .custom-tabs-tab {
  font-size: 16px;
}
.DirectLinkWebManagerX .web-coin-default {
  padding: 11px 20px !important;
}
.DirectLinkWebManagerX .traffic-info .FlowCard {
  border: none;
}
.DirectLinkWebManagerX .dashboard-part .graph-box {
  border: none;
}
.DirectLinkWebManagerX .dev-setting-part {
  border: none;
}

.FlowManager {
  border-radius: 16px;
  padding-right: 16px;
  padding-left: 16px;
  height: calc(100% - 16px);
  overflow-y: auto;
}
.FlowManager .flow-Coin {
  width: 68px;
}
.FlowManager-inner {
  flex-direction: column;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 9;
  margin-bottom: 16px;
}
.FlowManager > section {
  height: calc(100% - 101px);
  flex-direction: column;
}
.FlowManager .recharge-wrapper {
  position: sticky;
  margin-bottom: 16px;
  padding-top: 8px;
  background: #fff;
  top: 0;
  z-index: 2;
}
.FlowManager .recharge-section {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 2;
  border-radius: 16px;
  border: 1px solid #EBECF4;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  height: 65px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.FlowManager .recharge-section button {
  font-size: 12px;
  height: 32px !important;
}
.FlowManager .recharge-section .recharge-button.ant-btn {
  display: inline-flex;
  align-items: center;
  border: none;
}
.FlowManager .recharge-section .recharge-icon {
  font-size: 14px;
}
.FlowManager .flow-cards {
  display: grid;
  grid-template-columns: 263fr 263fr 263fr 736fr;
  grid-gap: 11px;
  margin-bottom: 16px;
}
@media (max-width: 1780px) {
  .FlowManager .flow-cards {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .FlowManager .flow-cards .flow-description {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}
.FlowManager .flow-cards .flow-card {
  flex: 1;
  min-width: 263px;
  border-radius: 16px;
  border: 1px solid #EBECF4;
  background: #FFF;
}
.FlowManager .flow-cards .flow-card {
  flex: 1;
  min-width: 263px;
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.FlowManager .flow-cards .flow-card .flow-card-left {
  display: flex;
  flex-direction: column;
}
.FlowManager .flow-cards .flow-card .flow-card-right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.FlowManager .flow-cards .flow-card .flow-icon {
  font-size: 24px;
  margin-right: 8px;
}
.FlowManager .flow-cards .flow-card .flow-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 19px;
}
.FlowManager .flow-cards .flow-card .flow-card-header .flow-card-title {
  margin: 0;
  color: var(--mfy-color-new-secondary-text);
}
.FlowManager .flow-cards .flow-card .flow-card-body .flow-card-value {
  margin-bottom: 16px;
}
.FlowManager .flow-cards .flow-card .flow-card-body .flow-card-value .value {
  font-size: 24px;
  font-weight: bold;
  color: var(--mfy-color-new-emphasize-text);
  margin-right: 4px;
  line-height: 1;
}
.FlowManager .flow-cards .flow-card .flow-card-body .flow-card-value .unit {
  font-size: 14px;
  line-height: 1;
  color: var(--mfy-color-new-emphasize-text);
}
.FlowManager .flow-cards .flow-card .flow-card-body .flow-card-percent {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  background: #f5f6f7;
  border-radius: 4px;
  width: fit-content;
  padding: 6px 8px;
}
.FlowManager .flow-cards .flow-description {
  flex: 1;
  padding: 22px 24px;
  min-width: 500px;
  border-radius: 16px;
  border: 1px solid #EBECF4;
  background: #FFF;
}
.FlowManager .flow-cards .flow-description .flow-description-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 7px;
}
.FlowManager .flow-cards .flow-description ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.FlowManager .flow-cards .flow-description ul li {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  line-height: 20px;
  margin-bottom: 4px;
  position: relative;
  display: flex;
}
.FlowManager .flow-cards .flow-description ul li:last-child {
  margin-bottom: 0;
}
.FlowManager .flow-cards .flow-description ul li:nth-child(2) {
  margin-bottom: 3px;
}
.FlowManager .flow-cards .flow-description ul li .flow-description-title-number {
  display: inline-block;
  width: 14px;
}
.FlowManager .flow-cards .flow-description ul li .flow-description-title-text {
  display: inline-block;
  width: calc(100% - 14px);
  white-space: normal;
  line-height: 18px;
}
.FlowManager .flow-cards .flow-description ul .flow-description-content {
  padding-left: 6px;
  line-height: 18px;
  margin-bottom: 0;
}
.FlowManager .FlowManager-tableX {
  background: #ffffff;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 60%;
  border-radius: 16px;
  border: 1px solid #EBECF4;
}
.FlowManager .FlowManager-tableX .FlowManager-tableX-header {
  height: 55px;
  font-family: var(--mfy-font-family);
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  line-height: 55px;
  padding: 0 16px 0 24px;
  position: relative;
  flex-shrink: 0;
}
.FlowManager .FlowManager-tableX .FlowManager-tableX-header::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 1px;
  background: var(--mfy-split-line-color);
}
.FlowManager .FlowManager-tableX .FlowManager-tableX-content-wrapper {
  padding: 0 16px;
  margin-bottom: 16px;
}
.FlowManager .FlowManager-tableX .FlowManager-tableX-content-wrapper-nodata {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.FlowManager .FlowManager-tableX .ant-table-wrapper {
  flex: 1;
  overflow: auto;
}
.FlowManager .FlowManager-tableX .ant-table {
  height: 100%;
}
.FlowManager .FlowManager-tableX .ant-table .ant-table-container {
  height: 100%;
}
.FlowManager .FlowManager-tableX .ant-table .ant-table-body {
  height: 100%;
  overflow: auto !important;
}
.FlowManager .FlowManager-tableX .ant-table .ant-table-thead > tr > th {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
}
.FlowManager .FlowManager-tableX .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(3),
.FlowManager .FlowManager-tableX .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(4),
.FlowManager .FlowManager-tableX .ant-table .ant-table-tbody > tr td.ant-table-cell:nth-child(5) {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.FlowManager .ant-empty {
  margin-top: 30px;
  line-height: unset;
}
.FlowManager .ant-table-tbody > tr > td {
  border: none;
}
.FlowManager .effect-time {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 400;
  font-size: 14px;
}
.FlowManager .effect-time .time-item {
  white-space: nowrap;
}
.FlowManager .effect-time > span {
  color: #bbbdc9;
}
.FlowWebManager {
  padding: 0;
  overflow-y: unset;
}
.FlowWebManager .flow-cards .flow-card {
  border: none;
  padding: 32px 16px 32px 24px;
}
.FlowWebManager .flow-cards .flow-description {
  border: none;
  padding-top: 20px;
}
.FlowWebManager .flow-cards .flow-description .flow-description-title {
  font-size: 16px;
}
.FlowWebManager .FlowManager-tableX {
  border: none;
}
.FlowWebManager .FlowManager-tableX .FlowManager-tableX-header {
  font-size: 16px;
}
.FlowWebManager .recharge-section {
  margin-bottom: 16px;
  padding: 24px;
  height: auto;
  border: none;
  box-shadow: none;
}
.FlowWebManager .recharge-section .flow-Coin {
  height: 40px !important;
  padding: 11px 20px;
  width: auto;
  font-size: 14px;
}

.double-confirmation-modal .ant-modal-content {
  background: linear-gradient(147deg, #D5E5FF 0%, #F3F7FF 66%);
  border-radius: 16px !important;
  overflow: hidden;
}
.double-confirmation-modal .ant-modal-content .ant-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 24px 24px 24px;
}
.double-confirmation-title {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
}
.double-confirmation-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  width: 257px;
  height: 125px;
  border: solid 1px transparent;
  border-radius: 16px;
  background-image: linear-gradient(138deg, #FFFCEC 0%, #FBD688 0%, #FAF4D0 55%, #FBD688 100%), linear-gradient(to right, #F6BE64 0%, #FEFCF5 70%, #F4BA5E);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.double-confirmation-card::after {
  content: '';
  position: absolute;
  top: 54px;
  left: 179px;
  width: 104px;
  height: 98px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABHCAYAAACppXHVAAAAAXNSR0IArs4c6QAAFS9JREFUeF7tXGuMXddV/va58x7PjMePsR27sZ04SbFonLpxkJMoiZUQQ9OAKqGCUPgBQq1aGiEk+IP4weNPESAqKJQI5RcIJH5UqkQTtYoIqpI2OA5RGmrs+v0az+vO3Jm573vPWWTt59rn3muP7bFoK49kz8y99zz2t7/1rW+tvc8o3P26JQTULR119yDcBe4WSXAXuLvA3SICt3jYXcbdBe76CFD5vYeRJEeQ0UFQNgFFKyAcQ4G+qUYeu3yz+P3UMo6qp3YiazwPoueR4Bkg267BoYz/s/8y8yOyfwGy31NjT8ytFcCfGuCo+M44Nkw8h3Z6VANFtA9ECSCAIgKoDWQtIOmzGDkQaRpZ+lk18dSxtYD3Ewsc0elB1LMnkaVHoNRRgA4CDBSDIxmVAc1VoLkCaiwD7aphGY+8fwPU6Bagf8QwkKgKpF9QE0f++Ubg/UQBR9VzjyHJngalRwD1NEAjZsCSVRnQKlugSgY0E4/+SylFRNbDKmXAG94kzpP9CcaLf6bU59JeAP5YA0e183ugcBTIjoLwNBRtMmxioIRepXWgUQQay6BGyQDAn1NyeLmh+vf4dQIGx6BGtxommsn4Bqr131D3vFjtBt6PFXC0fHkThvA0suyXoYgZtccLuQeMjEbVFgxILQ6/eg4kM1SllME5cM0C495PiIgMBgxkoR9qbApQBfsBnEC/el6NPHs1D97/K3BE0yNopM9AJc9ooCh7LGiUDT898hRoLIHqS1CNJaLWqtID1e/ZIUQjUeZl/XZ+iO7z3V9XhT7CyGaFvgEH3iyy9HNq8uh3c1NwIxlcv/eJs1x77jBAR0DpMyA8CdBgV1Y1SqDGIuD+MRJ6rAxYwMuNDkpp6jCDlEqIYJlk6MTsi9llX+84mQZaQY1MAgM2aUDVALysNj73qkPjjjOOaP4hZBx+9CJAT4FoXGuUz3xWszjb1eZB9QWgvsA4hDDT7LJgdWWRZFaXIeW0LpDVspYThEsh4lpqcAwYGpOh/ueYKPyRUkfadww4as5/Ckp9HaBDMUg2C2YNoD4Pqs0ZVrHAy1v0mc+JfHyrjlUKSrBLRnD3xKCZF8V3TF+VCN3j++kfghrZKCXhNTT6fvWOAEfp4peQZX8XQpAZ1tJM4n9UnwNabBO0gEfWIBYGcXuOJt0yZdcQ7pVF7RUkszi0XZJwIewpCJM0GLzEJg3QhXUHjprF34KiV004ZkD5Aqh8Caq1TESpioGKBTx6z4Ea58Gc4Drdi5Un6JlmoKYU27Yon0Qhb1GKLEr+UgWokXENolXa9RT/4i606bIGLGuB5t/WYWjCSTRNe2U6Zwv4w4kQc+9V7Wu9NMsdHwe9zx/RHMgerqdP4JG2MnykszN8TdbCwVETvusHG5eBC38Lyr7MwNH8O0Bt1oSivOO8uAsaBLCCtQqOw2Q7mQU7zu0zqEbQa5/WQx2KhoHufjgl5GqKIB86K3cPdzUwvH7AUeniJEaGF/XAWiuga/9hZsgPoHe2y4eotx1ejoQO9mKVgYXtSG6yYp8XQIy1LkyCTRZ6QlNkaRtJYcD6QTehxvqsyxe1ZrmF820GjpY+BMoXu5xXTmIXA9r1bmIz6zkXJRUNWi5bukRoB+vlVCajvFoRkNagOHG1y6BWGbMrGaZ2fxJKJTbkw/nWB7jmzDFtPbIm6Op3guEUetRZAvXwXwEdcW8yw+YHbA5wbOKQ51+NKuhvJnadZrkszL+nDag2A2XAYpa5EK02UrQGtmN888eCz3N6ux6oUW16Nwrqgs6k9SJoIbS0OsIwCjUzNn8PPcsjKW2RgF/XykRGVw40a0DVZg1YbJP8LYjqBMBcqY7JnY9Q38BQpHdMgHUJVapffRkKf6PDdO57WuM6DWrOkHawikGMy6S81lnl1jJqNKmHgHuO5ZlpGK7K5/Q9Bh+c84tMxIxQrPZj666f7d5AuF3G0fHj/Xh4x2UQbWN9oJnv6q4E10zBVMZhltcjnem00bJ3Q9Zz2SwZ1ZNx6AvGuZHkJsiFsABZLf+PDUkLrAxde/7SagP943toZGIqzi4u7m8buOaVR0D0vh5c5TJo+VSsSx6MfKcifz89kkWP2tQX8t7z8XyZGXDMzNsNzdLGglI17hK56+UTlvl9ZqGCqb2HkCR9wbLISbt94C6/AqLPa+829xaQsmZokLhKN9QJItbR7nERq98wlsI6fSl/+VDKvdcrG7uenOl36NBW5TM6c9qbDN8F6+rNNqrpKCa3P9jpQ20U3JbGERXH0axMg2iUhZYW3s33e3L9sm6Xk8zr8b5/OZ6EUL7mTLYL8eg4TrMpsHJSYNaddcWlMjZs208Dw+P+5uL2320mB2pf+iWk2TfZi9PKaaA6bcnG14u7FhGzexljW3h3mFGvdWtrLRnySNNsa9batEJzUYh9ZzRwpM8Uq9hx/2OG+SYR5SqMjpri5gKX6hfeAOhZXnKjue/7wq6zEsgLtotmyxS+Ow6ftIpGNojB4XGBENetsnsRs9J7wxwruw529UdmeTBipCOV+V6p1JEOTGGsi3cL83cbjKPayb1Qg+d0UmgsgkonhJTl29qdwCnux7HhbFesn2LjSZgttbD13oNQBbfuaTNfXidjCnswfLdIa6wVTD5zWoGqcjUjwtOdw+mwUpiZLWLLnkPo6xsSnXenu64NRh2Oc82Uo8qZL6Cg/sGUWCeA5nLHscwUflHbEkqhNFBl04ujZqyHtmXNWfFaqY0dex+NJkInEV9GXq927cJIvlL1EpBWrpMUFNppG4srbWzd/Yhfr3CVh2nJ2x5VFyVfE3BEx/tR33gewE7duV18X2hAnl0EVT4PpNy4zM22yGQuq/L3RitFJR3H5Lb7ui/xufn2yTWXVLrwQZU5TINV6Raui0vLGNn0AA1u2CTTuDUGDFrI5reUValy+iASvKenpT4HWr1gm4QiQ3r/RdBhyfoiRV4uvnRoDmFppYHhLQ9haHi8q49ykyAya2dCcl6nxatjvC0kLqnylcO16Vlsf+AJUkmBP2ibBvmVITPGWwOuevprUPQ7XJvS4g+sd+u+NuDBas5D1Weuz7qoA0uYnlvF9vt/DiopmGLdapZN3VL1LLh2UK5qsedT1fNmLTZaSpRWRKFWq6GRjWBi2z5TwojmgJaboKIdS91rDNMPRtEYnjXerQIq/W/EpKhzGhEeAIdsxgvjef/U3U9lRJhdrGH73kORcXZE6tLY1PcSmpOcpNrQwHUkF22Z/L3Pzc5g486H0T80rutsrpt9d0Vsl9CL/DyDa0JLfIiqpz4LRd/Q3q1y2S7lhawTh2N8dsXdEx2yvNgsblxqXa7vX6u30MAYJqbuiwYf1lqkx+pMDGjMmGTUUcEE0Dghzc7OY/u+x20f1ARj1B0WizumZXqTX1Q7+S0QfVr7odIJIsqEsAUO+BuNak2C4mSiGRD7p+vVjguLJYxN7ccAL5bY80ULzEIjXX1q5kIBlfOhx9YjGS2XFtE3eg+Nbtyp9UAD43rsdknXgRU1XtaKHdVO7AZx3420/aDyhZxMhoK5s59vWzp8Mb08WAys89PXO4Snr81j+wOP605sx0qZkGsZxoploX4tlxRibeNDZ65cxNb7Hkfitj24FTEDoVivCTy7KcZR5cQXoejvdZSvXmRfFreDZL7RI5DLczIXkTGjnG0FW3z4utGLsE2zFAtF7ljwOjcPJmQ3wwLZirK/16eBjBe6rSx0ME6h1WxgeaWOzfceEOsjTFbtQXVqdcnYXNMycs1so38roLafK+R9SJumNvVAOXp30QarB95rm8UUEz6Vs/YUggURkA5s8365UkFW2IixLXvEtSXpJZgZVC2/tdcs8cnsWpyZxujWhzC4YbM/p5OzgE1+km7CjlDz5KNot97VJrJZAmoz8d6OcFkrQzZhiOQdZ0NApRxKojfmGSECIZcs5mZnMbnrk+gb5A0xYStX6MXZTlbLbgGTx+cZB4Vrl85h+4NPcT3cUcgHr+j1OCwzrplx5Q//Aop+34TpOSBzxbI7g8wRdoasn4r0zi3juXlvst7ZNnaXgYX0FZLJ9OUr2PHgk34fm2ujm4mxGY8nhFmdnwwBZHV1GS0MY2LqfnOc+awBx68rmJa+tSah+FgLcEQ/3IBqOqu3jnJWLF9yF/Lp22iB3IIlWRMSuNMjH5H8Qu2iHaSU3B6JQim0Wi2UlsrYsudgHLLuN874bEP8nIZz+a0QUJi7dAabuaAfGHVR4s9nvFpYmtT3LXY1rSk5UP2DX0BKr5sSq2h2Qjr56VgvEcxz1sEywYaWnVFzAlMRtBW4CI8GmtM90cHg21hdWUYyuAWjm3YJybC31VyIE4/OU/J8CpSlmJ++jG0PPCGqAr6l0MIyPAj6ZrYBGI1eG3Dl978DhZ9Hlhq28d4QPrhzUTjSCROi5kKuIWibHAFd9xO3l5rzN6wnZb05e+UiNu9+FIWBYS/4+lr1q+7K3k6EBSS9NkGluatqYHwXRiZ2dGqbZJYFMsgB799ZA3BUOb4DKEzrjTTtGu9p67KzUQZ8mAurGaGnYIGWrp+P9GU0653bJ3cdbbJZQc/+zKULmjWJ699lNaLmUtCoMHBvJPh6187+ENseehoJ7z5yNW1oxbrEo8cq20nmftcE3Pu/Dcr+UQ+PNwGmDWkIxYq52+jd2f/3rXDRaPAOX5RC+u3aFXP7uWwa/e6YznpXr6O8WsXkxz5hBsthyh3psPgTwo3PqRQ1q2VVXilj8t4DQR0EIE7PnBo5loeu1FqAK7/3TwC9pG+mck1uKeDwM5ZMLonm3LbMip6LFpRgLo0I63D2wh6yqJxlo1XhPf5peWEG/Rt2YnhiCmDW+swj2c/aZW504eIpTOw6gP7hiVz+MJ/PZ1C7+uZX7vKNJhlv/mdaffdtKHpcL/vVWYPMPMiazXUR3I1JWyCzaGwsY6/mftPn4k5tq2RZ4/bnOvMaZ2g9c+zHzp/A1J4DSBK2SRypiV6edECbyE+IskxdO/sD7Nj/rK8ObFyGsLQLNA6EAJQC7L6UGyYHKh/7TxBvpednC4phb1nIMJ27hGRp4ntjoe6z7WhfzniGyKlrzWv2uaXZ0Nkx5ZY5h2MfqSzLNGMLfWEBWamC3VYRSrTy4gzQN4oNW/Y6u6HFnjL2brna1IHtdS6UWzcGbvWdVwCYBWfew2vlJ+p52fB04WZvINrb4bsZXohD/96fK5hO06ZuzoaFZM1ym8lFzeTNtdBEp6murwbYuhPA7Jn/xpZ9T6LQz5nYRb3VLB0SoTg1kS0D07mE5Mb742j57ReQqH/XFUOLV6Rc0ZyPbLsSLyyKM5AaGGeQxWE2zMLOyVwngljvWkWhoHYY7okZZ4m8NbUS4icnAMasSttNLF09i6372LsFWIIm2m1hoWsg05nZCZCDsqu+6fHOvzWGIXUKlO0w7aQyKGMfJw8JJtHpna5dDBP1N6+JLjG44l8MwLEypH8FZBVQu2qC3wFiuyNBS8NaQhiz02HXNVFYvHwSo5vvw9D4lPCLUVs87h7bWlhkkBAcPRETb9DyW78Ilb2mL8F+Lm2adQaxt1ZUJ7JdYXVXPFOlNd6sH5gt4UE3QsJRfsOXBr61xAjadoHNwLL9nmuKGiY716+30+qrzJz6Prbtfw4q6fP1gKOUsy+xEzLLm05ohYlfW+Wgj11+83cBfNXMjwWwzX4pyptRzedCVK6qG5aYrobYmONLQ8GY+NmD9pIsfnxRbgLOJAl9rNleEYCzZKytLqJeWcXkrocjQy5nOTK2BnwfqpHlomztwOmzlN78FSD9Syjs9pzWW/M5o9nSKkdhKd69noKJvaAVYD94u3qetZXKwtqsybIhDD1YDjhXZ1prMXfmXUzufhT9enuF/TLM1yQLLwkv5/RMbodlKHlXwFpCVX6Glt7cCJX+4UfbLP4gvG6eSqbMslGGTpSFrRYaU+W1Lww6FA1dO7xZLdoB4Nmmn4kwXDPpLng/zqxZ2lJzp4/pMJWNTPPRyE8a72cEJpgqZ7p5TrO2It5xerPAuc/TyhsPIqVXofgJQPGV2YfX/PJDyITRBOQqDG8h7IdkMgm9UJ0sDEfcGqusJHwwW3+n5QBYmT2LvqFJDE/uktSy4RwMtY9NwzCX3MLnmMX8xHXWvHXgjGa+0o/S3l+DSngdYoMHxoiY75aa+RPaJsCJFkNMhnFGyqd/f7DteXCmNVbHMs1WCY5NgXWm2pj+8A1M/cyz2rs5gplbNNWFIZhNYJZK/vycy62VorThlxpvmXERe9iy9Ne+8tFG7S9F7DPECFrka3d3WaEn/gnI8JrXHZuyff7Vf8mhGcLMsi6kqZBJ01YVpasnseX+wz4PuOQUsriZWotPtCQQdhDYJQPT+a6vC3AhfL/9cWTJ1wH+Ox+e+OavWAhP5AHwDeNwG3KNXNa2dtXJh6hC0/7xAV16+RTosqp9AAkLZ/8LY9s+jkHt3eRduTgI1YMWSt5hZR9fMjdtD2rX9AMjlpx/va7AmfB9sw+l1ktQirfvi6dkeTEkcXYher7LLbS4gt0/WeQpl79N90ggbxWzYHitE4kBHKavY8cnPq33n7gJ8x7DJhL/u09q/sKmjuVF93rRThSuKdXcv+7A+YEUXxtHofAVQH0xCl8U9CKLDxcxCnczESNFVvZdMCHeem+Io4aoV/kclbnzyLI2xu/Z7zZyB4z8TXlRi8pCCaZmGneotU5nLxc2vfi1OwacB3D5DX5Cmh/6PRQCJQGpPmaBf04hgCJcp69dbQqxgLmdROZvh/B/Rq2s4Ouf66sLqBYvYnL3p4AkiVvoTtxs3HULYa93XF5yc8O4vR+p0twBtfc311fjYmaF34gXs0sTL5mnb2AdKGe8Akj1hz9zkevlS1ZGbXgHoLygjd601WBDTq36ihqa2CE+IZgViZcVMustbSHvHRDxTlNeMtBbhegzfZs+8y17RK/hrv/rRN8bxurqV5Hh8yFSGEDu++vevwkpL9DiFsWeN12B2B6ZjDi3ROlD1+mfs0O55T1fRlmti5nHPbqm+XsBfGLC8WTzCzZqbmIlfz1hpOLrh9GX/BUIh0M1mIAKg1DKNCJda8wxzYeibOu4Pbni8aeO1QBf8AujK4Fy5ZTumNqM6pIGhyg3NPT9ZI+oyRc/cDjccY3rHb5/nGDl8Jc/SrV/CiLT/OdBJgOghAGUtxZ7LG2mo7Du3FEUPJr1hba7K5juy6twLXHNtA6qL7qg/le16YVfl2P5P1II/zMJoF+QAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
}
.double-confirmation-card .tips {
  margin-top: 12px;
  padding: 0 12px;
  width: 225px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #713A03;
  font-size: 12px;
  background: #FEF9E3;
  box-shadow: 0 8px 6px 0 rgba(250, 226, 166, 0.6);
  border-radius: 43px;
}
.double-confirmation-card .tips span {
  font-weight: bold;
}
.double-confirmation-card .price {
  height: 39px;
}
.double-confirmation-card .price span {
  font-weight: 400;
  font-size: 12px;
  color: #713A03;
  text-align: center;
}
.double-confirmation-card .price .value {
  font-family: D-DIN-bold, serif;
  font-weight: bold;
  font-size: 36px;
}
.double-confirmation-card .delete-price {
  margin-top: 6px;
  line-height: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #C67E2B;
  text-decoration-line: line-through;
}
.double-confirmation-button {
  position: relative;
  margin-top: 35px;
  width: 292px;
  height: 40px;
}
.double-confirmation-button img {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
.double-confirmation-button .ant-btn {
  width: 100%;
  height: 100%;
}
.double-confirmation-button .tag {
  position: absolute;
  top: -11px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 21px;
  background: linear-gradient(90deg, #F72828 0%, #FF9636 100%);
  border-radius: 8px 8px 0 8px;
  border: 0 solid;
  border-image: linear-gradient(223deg, #ffffff, rgba(255, 255, 255, 0)) 0 0;
}
.double-confirmation-button .tag img {
  margin: -2px 2px 0 0;
  width: 14px;
  height: 14px;
}
.double-confirmation-button .tag span {
  font-weight: normal;
  font-size: 12px;
  color: #FFFFFF;
}
.double-confirmation-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  width: 292px;
  height: 18px;
  font-weight: 400;
  font-size: 12px;
  color: #7B808F;
  line-height: 18px;
}
.double-confirmation-footer > div {
  cursor: pointer;
}
.double-confirmation-footer > div > span {
  margin-left: 2px;
}
.double-confirmation-footer .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.double-confirmation-footer .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.input-wrapper {
  position: relative;
}
.input-wrapper .input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  padding: 0;
  border-width: 0;
  outline: none;
  resize: none;
}
.input-wrapper .input::-moz-focus-inner {
  border: 0;
}
.input-wrapper .input::placeholder {
  line-height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #9BA0AD;
}
.input-wrapper .input:disabled {
  background-color: #F4F6FB;
  cursor: not-allowed;
  color: #9BA0AD;
}
.input-wrapper .input-large::placeholder {
  line-height: 38px;
}
.input-wrapper .input-medium::placeholder {
  line-height: 30px;
}
.input-wrapper .clear {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.input-wrapper .clear .delete {
  font-size: 20px;
  color: #A7A9B8;
}
.input-wrapper .clear .delete:hover {
  color: #3C3F52;
}
.input-wrapper .error-tip {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  width: 80%;
  padding-left: 12px;
  color: #F64E60;
  font-size: 14px;
  line-height: 24px;
}
.input-wrapper .bottom-error-tip {
  top: calc(100% + 12px);
  left: 0;
  color: #FF6C6C;
}
.input-wrapper .options {
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  right: 0;
  z-index: 9999;
  color: #3c3f52;
  background-color: #fff;
  box-shadow: 0px 4px 12px 0px rgba(212, 212, 212, 0.5);
  border-radius: 6px;
  transition: all 0.3s;
  transition-delay: 0.3s;
  overflow: hidden;
  max-height: 0;
}
.input-wrapper .options:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.input-wrapper .options:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.input-wrapper .options .option {
  padding: 8px 16px;
  cursor: pointer;
}
.input-wrapper .options .option:hover {
  background-color: #F4F6FB;
  color: #3c80ff;
}
.input-wrapper input:focus ~ .options,
.input-wrapper textarea:focus ~ .options {
  max-height: 240px;
  overflow: auto;
}

.button {
  border: 1px solid transparent;
  color: #3C80FF;
  background-color: #F0F8FF;
  outline: none;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  font-weight: 500;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
}
.button:disabled {
  cursor: not-allowed;
}
.button .icon-loading {
  margin-right: 4px;
}
.button-primary {
  color: #fff;
  background-color: #597DFC;
}
.button-primary:hover {
  background-color: #2961D9;
}
.button-primary:disabled {
  background-color: #b8d8ff;
}
.button-primary:disabled:hover {
  background-color: #b8d8ff;
}
.ghost {
  color: #3C3F52;
  background-color: transparent;
  border: 1px solid #E4E6EF;
}
.ghost:hover {
  background-color: transparent;
}
.ghost:disabled {
  background-color: transparent;
}
.ghost:disabled:hover {
  background-color: transparent;
}
.button-primary.ghost {
  color: #597DFC;
  border-color: #597DFC;
}
.button-primary.ghost:hover {
  color: #2961D9;
  border-color: #2961D9;
}

.checked {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #3A4056;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.checked input[type='checkbox'] {
  display: none;
}
.checked .widget {
  position: relative;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
.checked .widget::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
}
.checked input[type='checkbox']:checked + .widget {
  border-color: #597DFC;
}
.checked input[type='checkbox']:checked + .widget::after {
  background-color: #597DFC;
}

.collapse .collapse-header {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 40px;
  color: #7E8299;
  transition: all 0.3s;
  position: relative;
  margin-bottom: 24px;
}
.collapse .collapse-header .trigger {
  position: relative;
  z-index: 99;
}
.collapse .collapse-header:hover {
  color: #3C3F52;
}
.collapse .collapse-header:hover .arrow {
  color: #3C3F52;
}
.collapse .collapse-header:hover::after {
  content: '';
  position: absolute;
  top: 0;
  left: -9px;
  right: -9px;
  bottom: 0;
  background-color: #F4F6FB;
  border-radius: 8px;
  z-index: 98;
}
.collapse .collapse-header .arrow {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #A7A9B8;
  transition: all 0.3s;
}
.collapse .collapse-body {
  transition: all 0.3s;
  overflow: hidden;
  height: 0;
}

.radio {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #3A4056;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}
.radio input[type='radio'] {
  display: none;
}
.radio .widget {
  position: absolute;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  height: 16px;
  width: 16px;
  flex-shrink: 0;
  box-sizing: border-box;
}
.radio .widget::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  border-radius: 50%;
}
.radio input[type='radio']:checked + .widget {
  border-color: #597DFC;
}
.radio input[type='radio']:checked + .widget::after {
  background-color: #597DFC;
}
.radio-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 12px;
  column-gap: 24px;
}

.invoice-info {
  padding: 0 12px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  background-color: #fff;
  cursor: pointer;
  box-sizing: border-box;
}
.invoice-info .label {
  font-size: 12px;
  color: #3A4056;
  line-height: 14px;
}
.invoice-info .type {
  margin-left: auto;
  font-size: 12px;
  color: #7B808F;
  line-height: 14px;
}
.invoice-info img {
  width: 14px;
}
.invoice-info-modal {
  padding-bottom: 0;
}
.invoice-info-modal .ant-modal-content {
  border-radius: 16px;
}
.invoice-info-modal .ant-modal-content .ant-modal-close-x {
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: 14px;
  margin-right: 24px;
}
.invoice-info-modal .ant-modal-content .ant-modal-header {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-width: 0;
  padding: 16px 24px !important;
}
.invoice-info-modal .ant-modal-content .ant-modal-header .invoice-info-title {
  height: 20px;
  font-size: 14px;
  color: #3A4056;
  line-height: 20px;
  font-weight: normal;
}
.invoice-info-modal .ant-modal-content .ant-modal-body {
  height: 506px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 12px 12px;
  margin: 0 12px 12px;
}
.invoice-info-modal .ant-modal-content .ant-modal-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px 24px 24px;
}
.invoice-info-form .form-title {
  font-weight: normal;
  font-size: 14px;
  color: #3A4056;
  line-height: 20px;
  position: relative;
  padding-left: 11px;
  margin-bottom: 24px;
}
.invoice-info-form .form-title::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 3px;
  height: 16px;
  background-color: #597DFC;
  border-radius: 6px;
}
.invoice-info-form .form-item {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.invoice-info-form .form-item .label {
  width: 105px;
  margin-right: 24px;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #9BA0AD;
  position: relative;
}
.invoice-info-form .form-item .required::before {
  content: '*';
  color: #F64E60;
}
.invoice-info-form .form-item .value {
  flex: 1;
}

.user-purchase-vip-modal .ant-modal-content {
  border-radius: 16px !important;
  background: linear-gradient(147deg, #D5E5FF 0%, #F3F7FF 66%) !important;
  overflow: hidden;
  -webkit-app-region: no-drag;
  padding: 0 !important;
}
.user-purchase-vip-modal .ant-modal-content .ant-modal-body {
  padding: 32px 0 0 0;
}
.user-purchase-vip-tips {
  margin-bottom: 24px;
}
.user-purchase-vip-tips_top {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: 66%;
  margin: 0 auto;
}
.user-purchase-vip-tips_top img {
  width: 18px;
  height: 18px;
}
.user-purchase-vip-tips_top span {
  font-weight: bold;
  font-size: 16px;
  color: #597DFC;
  line-height: 24px;
  text-align: center;
}
.user-purchase-vip-tips_bottom {
  display: flex;
  justify-content: center;
  margin-top: 4px;
  height: 21px;
  font-weight: 400;
  font-size: 14px;
  color: #597DFC;
}
.user-purchase-vip_price_box {
  display: flex;
  box-shadow: 0px -6px 24px 0px rgba(201, 222, 255, 0.55);
  border-radius: 12px 12px 0px 0px;
  width: fit-content;
  margin: 0 auto;
}
.user-purchase-vip-price {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 40px 24px 40px;
  background: #FFFFFF;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #F0F3FA;
}
.user-purchase-vip-price_title {
  display: none;
  font-weight: 800;
  font-size: 16px;
  color: #3A4056;
  line-height: 24px;
}
.user-purchase-vip-price_top {
  margin-top: 36px;
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 32px;
}
.user-purchase-vip-price_top-item {
  position: relative;
  width: 137px;
  border-radius: 12px;
  cursor: pointer;
  border: 1px solid transparent;
}
.user-purchase-vip-price_top-item.active {
  box-sizing: border-box;
  border: 1px solid #FF9636;
}
.user-purchase-vip-price_top-item.active .user-purchase-vip-price_top-item-content {
  background: linear-gradient(175deg, #FFF4E1 5%, #FFDCC8 72%);
}
.user-purchase-vip-price_top-item.active .user-purchase-vip-price_top-item-content .price {
  color: #FF4040;
}
.user-purchase-vip-price_top-item.active .user-purchase-vip-price_top-item-content span {
  color: #FF4040;
}
.user-purchase-vip-price_top-item.active .user-purchase-vip-price_top-item-content .old-price {
  color: #3a4056;
}
.user-purchase-vip-price_top-item.active .user-purchase-vip-price_top-item-text {
  background: linear-gradient(90deg, #F72828 0%, #FF9636 100%);
}
.user-purchase-vip-price_top-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 136px;
  padding-top: 32px;
  background: #F8F9FC;
  border-radius: 12px 12px 0px 0px;
  box-sizing: border-box;
}
.user-purchase-vip-price_top-item-content .title {
  font-weight: normal;
  font-size: 14px;
  color: #3A4056;
}
.user-purchase-vip-price_top-item-content .title > span {
  margin-right: 2px;
}
.user-purchase-vip-price_top-item-content .price {
  margin-top: 6px;
  height: 40px;
  line-height: 40px;
  font-family: D-DIN-Bold, serif;
  font-weight: bold;
  font-size: 42px;
  color: #3A4056;
}
.user-purchase-vip-price_top-item-content .price span {
  margin-right: 4px;
  height: 24px;
  font-family: D-DIN-Bold, serif;
  font-weight: bold;
  font-size: 20px;
  color: #3A4056;
  line-height: 24px;
}
.user-purchase-vip-price_top-item-content > span {
  font-weight: normal;
  font-size: 12px;
  color: #9BA0AD;
  line-height: 20px;
  text-align: center;
  text-decoration-line: line-through;
}
.user-purchase-vip-price_top-item-text {
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  color: #FFFFFF;
  background: linear-gradient(139deg, #FFB0B8 0%, #FFD3AA 100%);
  box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 0.64);
  border-radius: 0 0 10px 10px;
}
.user-purchase-vip-price_top-item-tag {
  position: absolute;
  left: 20px;
  top: -11px;
  padding-right: 15px;
  height: 20px;
  font-weight: normal;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 16px;
}
.user-purchase-vip-price_top-item-tag div {
  position: relative;
  height: 20px;
  line-height: 20px;
  margin-left: -10px;
  z-index: 1;
}
.user-purchase-vip-price_top-item-tag::before {
  position: absolute;
  top: 0;
  width: 100%;
  left: -7px;
  content: "";
  height: 20px;
  background: linear-gradient(91deg, #f72828 28.82%, #ff9636 103.07%);
  border-radius: 0 10px 10px 0;
}
.user-purchase-vip-price_top-item-tag::after {
  position: absolute;
  top: 0;
  left: -21px;
  content: '';
  width: 26px;
  height: 32px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI3NTJfNDQ1OTYpIj4KPHBhdGggZD0iTTAgMTJDMCA1LjM3MjU2IDUuNTk1MDkgMCAxMi40OTcgMEg3Ny41ODU4QzgzLjMzNzQgMCA4OCA0LjQ3NzE3IDg4IDEwQzg4IDE1LjUyMjggODMuMzM3NCAyMCA3Ny41ODU4IDIwSDEyLjQ5N0M1LjU5NTA5IDIwIDAgMjUuMzcyNiAwIDMyVjEyWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzI3NTJfNDQ1OTYpIi8+CjwvZz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8yNzUyXzQ0NTk2IiB4MT0iMCIgeTE9IjkuNzE0MjkiIHgyPSI0Ny43NyIgeTI9IjkuNzE0MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agb2Zmc2V0PSIwLjI4MTkwOSIgc3RvcC1jb2xvcj0iI0Y3MjgyOCIvPgo8c3RvcCBvZmZzZXQ9IjAuMzk2MTUxIiBzdG9wLWNvbG9yPSIjRjcyODI4IiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9saW5lYXJHcmFkaWVudD4KPGNsaXBQYXRoIGlkPSJjbGlwMF8yNzUyXzQ0NTk2Ij4KPHJlY3Qgd2lkdGg9IjI2IiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
}
.user-purchase-vip-price_middle {
  margin-top: 16px;
  width: 100%;
  height: 50px;
  background: url(..//img/coupon-small.be789f5c.png) center center no-repeat;
  background-size: cover;
  filter: drop-shadow(0px 4px 12.8px rgba(255, 241, 205, 0.8));
}
.user-purchase-vip-price_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 30px;
  margin-top: 16px;
  padding: 0 12px;
  font-weight: 400;
  font-size: 12px;
  color: #7B808F;
  background: #F4F4F4;
  border-radius: 8px 8px 8px 8px;
  line-height: 18px;
  box-sizing: border-box;
}
.user-purchase-vip-price_bottom-more {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.user-purchase-vip-price_bottom-more img {
  width: 14px;
  height: 14px;
}
.user-purchase-vip-price_bottom_vip_text {
  display: none;
  margin-top: 12px;
  font-weight: 400;
  font-size: 10px;
  color: #7B808F;
  line-height: 15px;
}
.user-purchase-vip-pay {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  background: #DAE8FF;
  border-radius: 0 0 12px 12px;
}
.user-purchase-vip-pay_code {
  position: relative;
  padding: 9px;
  width: 110px;
  height: 110px;
  background: #FFFFFF;
  border-radius: 12px 12px 12px 12px;
  border: 1px solid #F4F4F4;
}
.user-purchase-vip-pay_text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 130px;
}
.user-purchase-vip-pay_text .real-price {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 38px;
}
.user-purchase-vip-pay_text .real-price span {
  font-family: D-DIN-Bold, sans-serif;
  font-weight: bold;
  font-size: 30px;
  color: #FF4040;
  line-height: 28px;
}
.user-purchase-vip-pay_text .real-price .symbol {
  font-size: 16px;
}
.user-purchase-vip-pay_text .pay-way-text {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  display: flex;
  align-items: center;
}
.user-purchase-vip-pay_text .pay-way-text img {
  margin: 0 2px;
}
.user-purchase-vip-pay_text .agreement {
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
  color: #7B808F;
  line-height: 18px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.user-purchase-vip-pay_text .agreement span {
  cursor: pointer;
}
.user-purchase-vip_session_download_box {
  display: none;
  flex: 1;
}
.user-purchase-vip_session_download {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  padding: 24px 32px;
  background: #ffffff;
  border-radius: 0 12px 0 0;
}
.user-purchase-vip_session_download_title {
  font-weight: 800;
  font-size: 16px;
  color: #3A4056;
  line-height: 24px;
}
.user-purchase-vip_session_download_customer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 86px;
  height: 30px;
  margin-top: 75px;
  background: #F4F4F4;
  border-radius: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #7B808F;
  cursor: pointer;
  line-height: 18px;
}
.user-purchase-vip_session_download .user-purchase-vip_session_download_card {
  margin-top: 25px;
  width: 137px;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item {
  height: 162px;
  background: #F8F9FC;
  border-radius: 16px;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item_active {
  box-sizing: border-box;
  border: 1px solid #FF9636;
  border-radius: 16px;
  background: linear-gradient(175deg, #FFF4E1 5%, #FFDCC8 72%);
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item_active .user-purchase-vip-price_top-item-content {
  background: transparent;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item_active .user-purchase-vip-price_top-item-content .price {
  color: #FF4040;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item_active .user-purchase-vip-price_top-item-content .file-size {
  color: #7B808F;
  line-height: 18px;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item_active .user-purchase-vip-price_top-item-content span {
  color: #FF4040;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item-content {
  border-radius: 16px 16px 0 0;
  height: auto;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item-content > span {
  text-decoration-line: unset;
}
.user-purchase-vip_session_download .user-purchase-vip-price_top-item-file-number {
  font-family: D-DIN-Bold, serif;
  font-weight: bold;
  font-size: 20px;
  color: #3A4056;
  text-align: center;
  line-height: 20px;
}
.user-purchase-vip_session_download::after {
  position: absolute;
  top: 73px;
  left: 0;
  content: '';
  width: 1px;
  height: 265px;
  background: #EAEAEA;
}
.user-purchase-vip-other-modal .ant-modal-content {
  border-radius: 16px !important;
  background: linear-gradient(147deg, #D5E5FF 0%, #F3F7FF 66%);
  overflow: hidden;
  padding: 0 !important;
}
.user-purchase-vip-other-modal .ant-modal-content .ant-modal-body {
  padding: 24px 0 0 0;
}
.user-purchase-vip-other-modal .user-purchase-vip_session_download_box {
  display: block;
}
.user-purchase-vip-other-modal .user-purchase-vip-price {
  height: auto;
  padding: 24px 32px;
  border-top-right-radius: 0;
  margin-right: 0 !important;
  border: unset;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_title {
  display: block;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_top {
  margin-top: 25px;
  gap: 16px;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_top-item {
  width: 137px;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_middle {
  background-size: 100% 100%;
  margin-top: 12px;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_bottom {
  margin-top: 12px;
}
.user-purchase-vip-other-modal .user-purchase-vip-price .user-purchase-vip-price_bottom_vip_text {
  display: block;
}
.user-purchase-vip-modal {
  z-index: 99999999 !important;
}

.qrcode-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.qrcode-box .code-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
}
.qrcode-box .code-mask .mask-tips {
  width: 100%;
  font-size: 14px;
  color: #3A4056;
  text-align: center;
}
.qrcode-box .code-mask .mask-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 24px;
  line-height: 24px;
  margin-top: 8px;
  background: #597DFC;
  border-radius: 6px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
}
.qrcode-box .code-mask .anticon-spin {
  font-size: 30px;
  color: #597DFC;
}

.pay-per-use-modal .ant-modal-content {
  background: linear-gradient(147deg, #D5E5FF 0%, #F3F7FF 66%);
  border-radius: 16px !important;
  overflow: hidden;
  padding: 0 !important;
  padding-top: 0 !important;
}
.pay-per-use-modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.pay-per-use-title {
  display: flex;
  justify-content: center;
  padding-top: 32px;
}
.pay-per-use-title span {
  font-weight: 400;
  font-size: 14px;
  color: #7B808F;
}
.pay-per-use-content {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
  padding: 0 16px 24px 16px;
}
.pay-per-use-content .img {
  width: 130px;
  height: 130px;
  padding: 8px;
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #F4F4F4;
  box-sizing: border-box;
}
.pay-per-use-content .text {
  flex: 1;
}
.pay-per-use-content .text > div .label {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
}
.pay-per-use-content .text > div .value {
  width: 103px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  font-family: D-DIN-Bold;
  font-weight: bold;
  border-radius: 8px;
}
.pay-per-use-content .text .file-size {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pay-per-use-content .text .file-size > div {
  font-size: 20px;
  color: #FFFFFF;
  background: #597DFC;
}
.pay-per-use-content .text .money {
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.pay-per-use-content .text .money .info-icon {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.pay-per-use-content .text .money .label {
  margin-left: 2px;
}
.pay-per-use-content .text .money .value {
  margin-left: auto;
  font-size: 20px;
  color: #FF4040;
  background: #FFFFFF;
}
.pay-per-use-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 32px;
  background-color: #FFFFFF;
}
.pay-per-use-footer .common {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  line-height: 14px;
}
.pay-per-use-footer .left {
  color: #7B808F;
}
.pay-per-use-footer .left svg {
  color: #7B808F;
}
.pay-per-use-footer .right {
  color: #597DFC;
}
.pay-per-use-footer .right svg {
  color: #597DFC;
}
.pay-per-use-tooltip-text {
  padding: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #7B808F;
  line-height: 18px;
}

.mount-drive-select-modal .ant-select-selector {
  border: none !important;
  background: #F5F6F7 !important;
  border-radius: 6px !important;
}
.mount-drive-select-modal .ant-select {
  border-radius: 6px !important;
}
.mount-drive-select-modal .ant-select-focused .ant-select-selector {
  background: var(--mfy-color-border-background) !important;
  border: 1px solid var(--mfy-color-dominant-default) !important;
  box-shadow: none !important;
}
.mount-drive-select-modal .ant-modal-close {
  right: 12px;
}
.mount-drive-select-modal .mount-drive-select-modal-form-label {
  font-weight: 400;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 10px;
}
.mount-drive-select-modal .mount-drive-select-modal-form-label .icon {
  margin-left: 6px;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
}
.mount-drive-select-modal .mount-drive-form-item {
  margin-bottom: 16px;
}
.mount-drive-select-modal .mount-drive-form-item:last-child {
  margin-bottom: 0;
}
.mount-drive-select-modal .ant-select {
  width: 100%;
}
.mount-drive-select-modal .mount-cache-path-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mount-drive-select-modal .mount-cache-path-container .mount-cache-modal-input {
  flex: 1;
}
.mount-drive-select-modal .mount-cache-path-container .mount-cache-path-change-btn {
  color: var(--mfy-color-primary);
  border: none;
  border-radius: 6px;
  padding: 8.5px 12px;
  font-size: 14px;
  cursor: pointer;
  background: #F0F8FF;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: auto;
  height: auto;
  line-height: normal;
}
.mount-drive-select-modal .mount-cache-path-container .mount-cache-path-change-btn:hover {
  color: var(--mfy-color-primary-hover);
}
.mount-drive-select-modal .mount-cache-path-container .mount-cache-path-change-btn:active {
  color: var(--mfy-color-primary-active);
}
.mount-drive-select-modal .cache-size-suffix {
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  line-height: 22px;
}

.mount-drive-state-modal .ant-modal-header {
  display: none;
}
.mount-drive-state-modal .ant-modal-close {
  display: none;
}
.mount-drive-state-modal .mount-drive-state-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.mount-drive-state-modal .mount-drive-state-body > img {
  width: 60px;
  height: 60px;
  padding: 6px;
  animation: mount-drive-spin 1s linear infinite;
  margin-bottom: 9px;
}
.mount-drive-state-modal .mount-drive-state-body > span {
  font-size: 14px;
  color: #5E6278;
  font-weight: 400;
}
@keyframes mount-drive-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.mount-drive-success-modal .mount-drive-success-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 24px;
}
.mount-drive-success-modal .mount-drive-success-modal-footer .mount-drive-success-modal-footer-button {
  width: auto;
  border-radius: 6px !important;
}

.mount-drive-unmount-modal .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
  margin-left: 16px!important;
}

.custom-skeleton {
  height: 100%;
  width: 100%;
}
.custom-skeleton-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
  height: 60px;
  justify-content: space-around;
  padding-left: 25px;
}
.custom-skeleton-item.title {
  height: 47px;
  padding-left: 0;
}
.custom-skeleton-item.title .custom-skeleton-item-space {
  width: 67%;
}
.custom-skeleton-item.title .custom-skeleton-item-space.second {
  width: 8%;
}
.custom-skeleton-item.title .ant-skeleton-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.custom-skeleton-item.title .ant-skeleton-element .ant-skeleton-button {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
}
.custom-skeleton-item.title .ant-skeleton-element:nth-child(2) {
  width: 5% !important;
}
.custom-skeleton-item-space {
  width: 29%;
}
.custom-skeleton-item-space.second {
  width: 8%;
}
.custom-skeleton-item .ant-skeleton-element {
  width: 20%;
}
.custom-skeleton-item .ant-skeleton-element .ant-skeleton-button {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
}
.custom-skeleton-item .ant-skeleton-element .ant-skeleton-input {
  height: 20px !important;
  width: 100% !important;
  min-width: 100% !important;
}
.custom-skeleton-item .ant-skeleton-element:nth-child(2) {
  width: 40% !important;
}
.custom-skeleton-item .ant-skeleton-element:nth-child(4) {
  width: 10% !important;
}
.custom-skeleton-item .ant-skeleton-element:last-child {
  width: 6% !important;
}
.custom-skeleton-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.custom-skeleton-grid .ant-skeleton-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.custom-skeleton-grid.title {
  margin-top: 16px;
}
.custom-skeleton-grid.title:first-child {
  margin-top: 49px;
}
.custom-skeleton-grid.title .ant-skeleton-button {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  margin-right: 9px;
}
.custom-skeleton-grid.title .ant-skeleton-input {
  height: 20px !important;
  width: 108px !important;
  min-width: 108px !important;
}
.custom-skeleton-grid-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 68px;
  margin-top: 33px;
  padding-left: 17px;
}
.custom-skeleton-grid-wrapper.image {
  gap: 8px;
  padding-left: 0;
  margin-top: 8px;
  width: 100%;
  flex-wrap: wrap;
}
.custom-skeleton-grid-wrapper-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-skeleton-grid-wrapper-cell.year .ant-skeleton-image {
  width: 72px !important;
  height: 72px!important;
}
.custom-skeleton-grid-wrapper-cell.month .ant-skeleton-image {
  width: 109px !important;
  height: 109px!important;
}
.custom-skeleton-grid-wrapper-cell.day .ant-skeleton-image {
  width: 144px !important;
  height: 144px!important;
}
.custom-skeleton-grid-wrapper-cell .ant-skeleton-element {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.custom-skeleton-grid-wrapper-cell .ant-skeleton-element .ant-skeleton-button {
  width: 72px !important;
  height: 72px !important;
  min-width: 72px !important;
  margin-bottom: 11px;
}
.custom-skeleton-grid-wrapper-cell .ant-skeleton-element:nth-child(2) .ant-skeleton-input {
  height: 18px !important;
  width: 72px !important;
  min-width: 72px !important;
  margin-bottom: 6px;
}
.custom-skeleton-grid-wrapper-cell .ant-skeleton-element:last-child .ant-skeleton-input {
  height: 18px !important;
  width: 104px !important;
  min-width: 104px !important;
}
.custom-skeleton-grid-wrapper-cell .ant-skeleton-image svg path {
  fill: #f5f6f7 !important;
}

.exe-file-warning-modal .ant-modal-close {
  top: 16px;
  right: 16px;
}
.exe-file-warning-modal-content {
  margin-bottom: 24px;
}
.exe-file-warning-modal-text {
  font-size: 14px;
  color: #5e6278;
  line-height: 22px;
  margin-bottom: 12px;
  margin-top: 0;
}
.exe-file-warning-modal-text:last-child {
  margin-bottom: 0;
}
.exe-file-warning-modal-text.solution {
  padding-left: 0;
  margin-bottom: 8px;
}
.exe-file-warning-modal-link {
  color: #3c80ff;
  text-decoration: none;
}
.exe-file-warning-modal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exe-file-warning-modal-footer .ant-checkbox-wrapper {
  font-size: 14px;
  color: #5e6278;
}
.exe-file-warning-modal-button {
  height: 36px;
  padding: 0 24px;
  background: #3c80ff;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s;
}
.exe-file-warning-modal-button:hover {
  background: #5a92ff;
}
.exe-file-warning-modal-button:active {
  background: #2868d9;
}

.date-classification {
  background: #F5F6F7;
  border-radius: 8px;
  padding: 2px;
  height: 32px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
}
.date-classification-item {
  border-radius: 7px;
  background: rgba(255, 255, 255, 0);
  font-weight: 400;
  font-size: 12px;
  color: #1B1F35;
  cursor: pointer;
  height: 28px;
  width: 28px;
  padding: 7px 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-classification-item:hover {
  background: rgba(182, 186, 195, 0.2);
}
.date-classification-item.active {
  background: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  color: #3C80FF;
}

.bread-menu-icon {
  width: 20px;
  margin-right: 5px;
}

.home-breadcrumb.search_result li:last-child {
  font-weight: 400;
  font-size: 14px;
  color: #878999 !important;
  line-height: 22px;
}
.home-breadcrumb .bread-search-back {
  font-size: 12px;
  margin-right: 2px;
}
.home-breadcrumb .bread-arrow-icon {
  font-size: 16px;
  margin-right: 0 !important;
  color: #D1D3E0;
}
.home-breadcrumb .ant-breadcrumb-separator {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.home-breadcrumb .ant-space-gap-col-small {
  gap: 4px !important;
}

.home-CopyTip {
  width: 166px;
  text-align: left;
  position: relative;
}
.home-CopyTip-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  color: var(--Brand-01-, #3c80ff);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.file-operator-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
}
.file-operator-group .measuring-container {
  position: absolute;
  visibility: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.file-operator-group-button {
  height: 32px;
  padding: 4px 12px;
  white-space: nowrap;
  justify-content: center;
  border-right: 1px solid #E5E6EB;
  border-top: 1px solid #E5E6EB;
  border-bottom: 1px solid #E5E6EB;
  font-weight: 400;
  font-size: 12px;
  color: #1B1F35;
  line-height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  overflow: hidden;
}
.file-operator-group-button-vip {
  width: 24px;
  height: 14px;
  margin-left: 4px;
}
.file-operator-group-button svg {
  font-size: 14px;
  margin-left: 5px;
}
.file-operator-group-button.more {
  border-radius: 0 8px 8px 0;
}
.file-operator-group-button:hover {
  background: rgba(182, 186, 195, 0.1);
}
.file-operator-group-button:active {
  background: rgba(182, 186, 195, 0.15);
}
.file-operator-group-button:first-child {
  border-radius: 8px 0 0 8px;
  border-left: 1px solid #E5E6EB;
}
.file-operator-group-button:last-child {
  border-radius: 0 8px 8px 0;
}
.file-operator-group-button.disabled {
  pointer-events: none;
  cursor: not-allowed !important;
  background: rgba(182, 186, 195, 0.15);
  color: #D1D3E0;
}
.file-operator-group .last-button {
  border-radius: 0 8px 8px 0;
}

.search-filter {
  display: flex;
  padding-top: 20px;
}
.search-filter-scope .ant-segmented-group > div {
  height: 22px;
  line-height: 22px !important;
  min-height: 22px !important;
  border-radius: 100px !important;
}
.search-filter-scope.ant-segmented {
  background: #F5F6F7;
  border-radius: 100px !important;
}
.search-filter-scope.ant-segmented .ant-segmented-item {
  font-size: 14px;
  font-weight: 400;
  height: 30px;
  color: #3c3f52;
  transition: all 0.2s ease;
  border-radius: 100px !important;
  border: 1px solid transparent !important;
}
.search-filter-scope.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected) {
  background: rgba(182, 186, 195, 0.2) !important;
}
.search-filter-scope.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected)::after {
  display: none !important;
}
.search-filter-scope.ant-segmented .ant-segmented-item.ant-segmented-item-selected {
  color: #3C80FF;
  border: 1px solid #3C80FF !important;
  border-radius: 100px !important;
  font-weight: 700 !important;
}
.search-filter-scope.ant-segmented .ant-segmented-item div {
  height: 30px;
  line-height: 30px !important;
  min-height: 30px !important;
  padding: 4px 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-filter-type {
  flex: 1;
  height: 30px;
  border-radius: 100px !important;
  justify-content: center;
  align-items: center;
  display: flex !important;
}
.search-filter-type.ant-segmented {
  background: #F5F6F7;
}
.search-filter-type.ant-segmented .ant-segmented-group {
  gap: 4px;
  height: 26px !important;
}
.search-filter-type.ant-segmented .ant-segmented-group > div {
  padding: 2px 10px !important;
  border-radius: 100px !important;
  font-weight: 700;
  color: #3C3F52;
}
.search-filter-type.ant-segmented .ant-segmented-item {
  font-size: 13px;
  font-weight: 400;
  color: #3c3f52;
  transition: all 0.2s ease;
  padding: 2px 10px !important;
  border-radius: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-filter-type.ant-segmented .ant-segmented-item .ant-segmented-item-label {
  padding: 0 !important;
}
.search-filter-type.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected) {
  background: rgba(182, 186, 195, 0.2) !important;
}
.search-filter-type.ant-segmented .ant-segmented-item:hover:not(.ant-segmented-item-selected)::after {
  display: none !important;
}
.search-filter-type.ant-segmented .ant-segmented-item.ant-segmented-item-selected {
  background: #FFF;
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.08);
  color: #3C3F52;
  font-weight: 700;
}

.thumbnail-container {
  will-change: transform;
  /* 告诉浏览器将要进行变换 */
  transform: translateZ(0);
  /* 触发硬件加速 */
  backface-visibility: hidden;
  /* 也会触发硬件加速 */
}
.thumbnail-image {
  will-change: transform;
  /* 图片也启用硬件加速 */
  transform: translateZ(0);
  /* 提升渲染性能 */
  backface-visibility: hidden;
  /* 防止渲染问题 */
}

.search-panel {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: 8px;
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  overflow: hidden;
  font-size: 14px;
  text-align: left;
}
.search-panel-content {
  padding: 16px;
}
.search-panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
  font-size: 14px;
  color: #3C3F52;
  font-weight: 400;
  line-height: 22px;
}
.search-panel-header:first-child {
  color: #878999;
}
.search-panel-header-clear-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #3C3F52;
  cursor: pointer;
  font-size: 12px;
}
.search-panel-header-clear-icon-wrapper:hover {
  color: #1B1F35;
}
.search-panel-clear-icon {
  cursor: pointer;
  color: #3C3F52;
  font-size: 14px;
}
.search-panel-clear-icon:hover {
  color: #1B1F35;
}
.search-panel-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 64px;
  color: #878999;
  font-size: 14px;
  gap: 14px;
}
.search-panel-empty span {
  width: 100%;
}
.search-panel-empty span:first-child {
  text-align: left;
  height: 22px;
  line-height: 22px;
}
.search-panel-empty span:last-child {
  text-align: center;
  height: 28px;
  line-height: 28px;
}
.search-panel-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 64px;
  color: #878999;
  font-size: 14px;
  gap: 8px;
}
.search-panel-loading .search-panel-loading-icon {
  font-size: 16px;
  animation: rotate 1s linear infinite;
}
.search-panel-history {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.search-panel-history-item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 10px;
  background: #fff;
  border: 1px solid #E5E6EB;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s;
  gap: 10px;
  min-width: 28px;
  min-height: 28px;
}
.search-panel-history-item:hover {
  background: rgba(182, 186, 195, 0.1);
}
.search-panel-history-item:hover .search-panel-delete-icon {
  opacity: 1;
  position: absolute;
}
.search-panel-history-text {
  font-size: 12px;
  color: #3C3F52;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 20px;
  height: 20px;
  cursor: pointer;
}
.search-panel-delete-icon {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  width: 16px;
  height: 16px;
  right: -6px;
  bottom: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgc3Ryb2tlPSIjRTVFNkVCIi8+CjxwYXRoIGQ9Ik0xMC41MDQ5IDQuNTA1MTNDMTAuNzc4MiA0LjIzMTc2IDExLjIyMTggNC4yMzE3NiAxMS40OTUxIDQuNTA1MTNDMTEuNzY4NCA0Ljc3ODUgMTEuNzY4NCA1LjIyMjA0IDExLjQ5NTEgNS40OTUzNkw4Ljk5MDIzIDguMDAwMjRMMTEuNDk1MSAxMC41MDUxQzExLjc2ODQgMTAuNzc4NSAxMS43Njg0IDExLjIyMiAxMS40OTUxIDExLjQ5NTRDMTEuMjIxOCAxMS43Njg3IDEwLjc3ODMgMTEuNzY4NiAxMC41MDQ5IDExLjQ5NTRMOCA4Ljk5MDQ4TDUuNDk1MTIgMTEuNDk1NEM1LjIyMTc5IDExLjc2ODcgNC43NzgyNiAxMS43Njg2IDQuNTA0ODggMTEuNDk1NEM0LjIzMTUyIDExLjIyMiA0LjIzMTUyIDEwLjc3ODUgNC41MDQ4OCAxMC41MDUxTDcuMDA5NzcgOC4wMDAyNEw0LjUwNDg4IDUuNDk1MzZDNC4yMzE1MiA1LjIyMTk5IDQuMjMxNTIgNC43Nzg0OSA0LjUwNDg4IDQuNTA1MTNDNC43NzgyNSA0LjIzMTc2IDUuMjIxNzUgNC4yMzE3NiA1LjQ5NTEyIDQuNTA1MTNMOCA3LjAxMDAxTDEwLjUwNDkgNC41MDUxM1oiIGZpbGw9IiM4Nzg5OTkiLz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: cover;
}
.search-panel-delete-icon:hover {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgc3Ryb2tlPSIjRTVFNkVCIi8+CjxwYXRoIGQ9Ik0xMC41MDQ5IDQuNTA1MTNDMTAuNzc4MiA0LjIzMTc2IDExLjIyMTggNC4yMzE3NiAxMS40OTUxIDQuNTA1MTNDMTEuNzY4NCA0Ljc3ODUgMTEuNzY4NCA1LjIyMjA0IDExLjQ5NTEgNS40OTUzNkw4Ljk5MDIzIDguMDAwMjRMMTEuNDk1MSAxMC41MDUxQzExLjc2ODQgMTAuNzc4NSAxMS43Njg0IDExLjIyMiAxMS40OTUxIDExLjQ5NTRDMTEuMjIxOCAxMS43Njg3IDEwLjc3ODMgMTEuNzY4NiAxMC41MDQ5IDExLjQ5NTRMOCA4Ljk5MDQ4TDUuNDk1MTIgMTEuNDk1NEM1LjIyMTc5IDExLjc2ODcgNC43NzgyNiAxMS43Njg2IDQuNTA0ODggMTEuNDk1NEM0LjIzMTUyIDExLjIyMiA0LjIzMTUyIDEwLjc3ODUgNC41MDQ4OCAxMC41MDUxTDcuMDA5NzcgOC4wMDAyNEw0LjUwNDg4IDUuNDk1MzZDNC4yMzE1MiA1LjIyMTk5IDQuMjMxNTIgNC43Nzg0OSA0LjUwNDg4IDQuNTA1MTNDNC43NzgyNSA0LjIzMTc2IDUuMjIxNzUgNC4yMzE3NiA1LjQ5NTEyIDQuNTA1MTNMOCA3LjAxMDAxTDEwLjUwNDkgNC41MDUxM1oiIGZpbGw9IiMzQzNGNTIiLz4KPC9zdmc+Cg==) no-repeat center center;
}
.search-panel-delete-icon:active {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgcng9IjcuNSIgc3Ryb2tlPSIjRTVFNkVCIi8+CjxwYXRoIGQ9Ik0xMC41MDQ5IDQuNTA1MTNDMTAuNzc4MiA0LjIzMTc2IDExLjIyMTggNC4yMzE3NiAxMS40OTUxIDQuNTA1MTNDMTEuNzY4NCA0Ljc3ODUgMTEuNzY4NCA1LjIyMjA0IDExLjQ5NTEgNS40OTUzNkw4Ljk5MDIzIDguMDAwMjRMMTEuNDk1MSAxMC41MDUxQzExLjc2ODQgMTAuNzc4NSAxMS43Njg0IDExLjIyMiAxMS40OTUxIDExLjQ5NTRDMTEuMjIxOCAxMS43Njg3IDEwLjc3ODMgMTEuNzY4NiAxMC41MDQ5IDExLjQ5NTRMOCA4Ljk5MDQ4TDUuNDk1MTIgMTEuNDk1NEM1LjIyMTc5IDExLjc2ODcgNC43NzgyNiAxMS43Njg2IDQuNTA0ODggMTEuNDk1NEM0LjIzMTUyIDExLjIyMiA0LjIzMTUyIDEwLjc3ODUgNC41MDQ4OCAxMC41MDUxTDcuMDA5NzcgOC4wMDAyNEw0LjUwNDg4IDUuNDk1MzZDNC4yMzE1MiA1LjIyMTk5IDQuMjMxNTIgNC43Nzg0OSA0LjUwNDg4IDQuNTA1MTNDNC43NzgyNSA0LjIzMTc2IDUuMjIxNzUgNC4yMzE3NiA1LjQ5NTEyIDQuNTA1MTNMOCA3LjAxMDAxTDEwLjUwNDkgNC41MDUxM1oiIGZpbGw9IiMxQjFGMzUiLz4KPC9zdmc+Cg==) no-repeat center center;
}
.search-panel-results {
  max-height: 400px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.search-panel-result-item {
  display: flex;
  align-items: center;
  padding: 10px 8px;
  min-height: 32px;
  cursor: pointer;
  border-radius: 8px;
  gap: 4px;
  width: 100%;
  box-sizing: border-box;
}
.search-panel-result-item:hover {
  background: rgba(182, 186, 195, 0.1);
}
.search-panel-result-item .overflow-detector-container {
  width: 85% !important;
  flex: 1 !important;
}
.search-panel-result-item .overflow-detector-container-text {
  margin-left: 8px;
}
.search-panel-result-item .file-icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
.search-panel-result-icon {
  margin-right: 8px;
  color: #3c80ff;
  font-size: 16px;
}
.search-panel-result-name {
  flex: 1;
  font-size: 14px;
  color: #1B1F35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-panel-result-filename {
  flex: 1;
  min-width: 0;
  display: block;
  overflow: hidden;
  line-height: 20px;
}
.search-panel-result-filename > div {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.search-panel-result-filename > div > span {
  display: inline !important;
  max-width: 100% !important;
}
.search-panel-result-filename > div strong {
  display: inline;
  font-weight: 600;
}
.search-panel-result-filename .overflow-detector-container {
  width: 100% !important;
}
.search-panel-result-folder-icon-wrapper {
  width: 16px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-panel-result-folder-icon {
  color: #878999;
  font-size: 16px;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.sort-menu-container {
  background: #FFFFFF;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.sort-menu-container-group-label {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.sort-menu-container-group-item-wrap {
  background: #F5F6F7;
  border-radius: 6px;
  display: flex;
  padding: 2px;
  margin-top: 8px;
}
.sort-menu-container-group-item-label {
  padding: 4px 16px;
  font-weight: 400;
  font-size: 12px;
  color: #3C3F52;
  cursor: pointer;
}
.sort-menu-container-group-item-label:hover {
  background: rgba(182, 186, 195, 0.2);
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.sort-menu-container-group-item-label.active {
  background: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: #3C80FF;
}

.upload-button-upload-text-disabled {
  color: #878999;
  cursor: not-allowed;
}

.homeWebOperator {
  height: 40px !important;
}
.homeWebOperator .upload-button {
  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
}
.homeWebOperator .date-classification {
  height: auto;
  padding: 4px;
}
.homeWebOperator .date-classification .date-classification-item {
  padding: 7px 10px;
  width: auto;
  height: auto;
  font-size: 14px;
}
.homeWebOperator .file-operator-group-button {
  height: auto;
  padding: 11px 16px;
  font-size: 14px;
}
.homeWebOperator .create-button {
  height: 40px !important;
  border-radius: 8px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
}
.homeWebOperator .right-operator {
  gap: 16px !important;
}
.homeWebOperator .right-operator .layout-operate-icon {
  width: 40px !important;
  height: 40px !important;
}
.homeWebOperator .right-operator .layout-operate-icon .icon {
  font-size: 24px !important;
}
.homeWebOperator .right-operator .right-operator-union {
  height: auto !important;
}
.homeWebOperator .right-operator .right-operator-union .icon {
  font-size: 24px;
}
.homeWebOperator .home-operator-button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  flex: 1 1 180px;
  min-width: 180px;
  padding-left: 8px;
}
.homeWebOperator .search-input {
  min-width: unset !important;
  max-width: 560px !important;
  width: 100% !important;
  height: 40px !important;
}
.homeWebOperator .search-input-wrapper {
  position: relative;
  min-width: unset;
  max-width: 560px;
  width: 100% !important;
  text-align: right;
}
.homeWebOperator .home-operator-group {
  gap: 16px;
  padding-right: 0;
}
.home-web-nav {
  margin-top: 24px !important;
  margin-bottom: 16px !important;
}
.home-web-nav .mfy-breadcrumb a {
  font-size: 14px !important;
}
.homePcOperator a {
  font-size: 13px !important;
}
.home-nav {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 12px;
  padding-left: 8px;
}
.home-nav .bread-body {
  display: flex;
  align-items: center;
  color: #9BA0AD;
  height: 22px;
}
.home-nav .bread-body .icon {
  margin-right: 15px;
  cursor: pointer;
}
.home-nav .bread-body .anticon:last-child {
  margin-right: 0;
}
.home-nav .bread-body .anticon:hover {
  background: #fafafa;
}
.home-nav .bread-body .file-title-text {
  font-weight: bold;
  font-size: 13px;
  color: #5e6278;
  margin-top: -2px;
}
.home-nav .bread-body .file-web-text-text {
  margin-top: -2px;
  font-size: 14px;
  color: #1B1F35;
}
.home-operator {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  justify-content: space-between;
  gap: 70px;
  transition: all 0.3s ease;
}
.home-operator.homeOperatorSearchInputFocused .home-operator-group {
  flex: 0 1 764px;
}
.home-operator.homeOperatorSearchInputFocused .home-operator-group .search-input-wrapper {
  width: 100%;
}
.home-operator.homeOperatorSearchInputFocused .home-operator-group .search-input-wrapper .search-input {
  width: 100%;
}
.home-operator.homeOperatorSearchInputFocused .home-operator-group .search-input-wrapper input {
  color: #3C3F52 !important;
}
.home-operator.hasSelected .home-operator-button-group {
  flex: 1 1 337px;
  min-width: 337px;
}
.home-operator .create-button {
  height: 32px;
  border-radius: 8px !important;
}
.home-operator-button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  flex: 1 1 180px;
  min-width: 180px;
  padding-left: 8px;
}
.home-operator-button-group .ant-dropdown-menu {
  padding: 8px;
}
.home-operator-button-group button {
  font-size: 12px !important;
  border-radius: 6px !important;
  padding: 4px 9px !important;
  gap: 10px !important;
}
.home-operator-button-group button:first-child {
  padding: 10px 9px;
}
.home-operator-icon {
  font-size: 16px;
}
.home-operator-icon-upload {
  color: #ffffff;
  font-size: 16px;
}
.home-operator-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 1 464px;
  gap: 12px;
  width: 518px;
  min-width: 464px;
  max-width: 764px;
  justify-content: flex-end;
  padding-right: 8px;
}
.home-operator-group.home-operator-group-fixed {
  min-width: 746px !important;
  max-width: 746px !important;
  width: 746px !important;
}
.home-operator-title {
  font-weight: bold;
  font-size: 18px;
  color: #1B1F35;
  min-width: 54px;
}
.home-operator .right-operator {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.home-operator .right-operator .layout-operate-icon {
  width: 32px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E5E6EB;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.home-operator .right-operator .layout-operate-icon:hover {
  background: rgba(182, 186, 195, 0.1);
}
.home-operator .right-operator .layout-operate-icon:active {
  background: rgba(182, 186, 195, 0.15);
}
.home-operator .right-operator .layout-operate-icon .icon {
  font-size: 16px;
}
.home-operator .right-operator-union {
  height: 32px;
  box-sizing: border-box;
  background: #F5F6F7;
  border-radius: 8px;
  padding: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  cursor: pointer;
}
.home-operator .right-operator-union-icon {
  border-radius: 6px;
  padding: 4px;
}
.home-operator .right-operator-union-icon:hover {
  background: rgba(182, 186, 195, 0.2);
}
.home-operator .right-operator-union-icon:active {
  background: rgba(182, 186, 195, 0.2);
}
.home-operator .right-operator-union-icon.active {
  background: #FFFFFF;
}
.home-operator .right-operator-union-icon .icon {
  font-size: 16px;
}
.home-operator .search-input-wrapper {
  position: relative;
  min-width: 180px;
  max-width: 560px;
  width: 180px;
  text-align: right;
  transition: all 0.3s ease;
}
.home-operator .search-input {
  padding-top: 0;
  padding-bottom: 0;
  min-width: 180px;
  max-width: 560px;
  width: 100%;
  height: 32px;
  transition: width 0.3s ease;
}
.home-operator .search-input.searchInputFocused {
  max-width: 560px;
  transition: all 0.3s ease;
}
.home-operator .search-input .search-input-prefix-icon {
  cursor: pointer;
  font-size: 16px;
}
.home-operator .search-input .search-input-clear-icon {
  cursor: pointer;
  font-size: 16px;
  color: #878999;
}

.custom-dropdown {
  display: inline-block;
}
.custom-dropdown .custom-dropdown-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-dropdown-overlay {
  position: absolute;
  z-index: 10000040;
  padding: 8px;
  width: 160px;
  box-sizing: border-box;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
}
.custom-dropdown-overlay .ant-menu {
  border-right: none !important;
}
.custom-dropdown-overlay .ant-menu .ant-menu-item,
.custom-dropdown-overlay .ant-menu .ant-menu-submenu-title {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px;
  margin: 2px 0;
  width: 100%;
}
.custom-dropdown-overlay .ant-menu .ant-menu-item:hover,
.custom-dropdown-overlay .ant-menu .ant-menu-submenu-title:hover {
  background-color: rgba(182, 186, 195, 0.1) !important;
}
.custom-submenu .ant-menu {
  border-right: none !important;
}
.custom-submenu .ant-menu .ant-menu-item,
.custom-submenu .ant-menu .ant-menu-submenu-title {
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 12px;
  margin: 2px 0;
  width: 100%;
}
.custom-submenu .ant-menu .ant-menu-item:hover,
.custom-submenu .ant-menu .ant-menu-submenu-title:hover {
  background-color: rgba(182, 186, 195, 0.1) !important;
}

.custom-drop-down-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.custom-drop-down-menu .ant-menu-item {
  line-height: 22px;
  height: 22px;
  text-align: center;
}
.custom-drop-down-menu .ant-menu-submenu-title {
  line-height: 22px !important;
  height: 22px !important;
  text-align: center;
  margin: 4px 0 8px 0;
}
.custom-drop-down-menu .ant-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  list-style-type: none;
  background-color: #fff !important;
  background-clip: padding-box !important;
  outline: none;
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
}
.custom-drop-down-menu .ant-menu-item-active {
  background: #F5F5F5;
  color: var(--mfy-color-primary) !important;
}
.custom-drop-down-menu .ant-menu-item-active a {
  color: var(--mfy-color-primary) !important;
}
.custom-drop-down-menu .ant-menu-submenu-active .ant-menu-title-content {
  color: var(--mfy-color-primary) !important;
}
.custom-drop-down-menu-wrap {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5715;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}

.context-menu-wrapper {
  width: 100%;
}
.context-menu-wrapper .custom-dropdown-content {
  width: 100%;
}

.table-file-name {
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  line-height: 20px;
  margin-left: 12px;
  width: auto !important;
  padding-right: 20px;
}
.table-file-name.no-link-style:hover {
  color: #1B1F35;
  cursor: default;
}
.table-file-name:hover {
  color: #3C80FF;
  cursor: pointer;
}
.back-search {
  cursor: pointer;
}
.back-search:hover {
  color: #5E6278;
}

.file-table-list-wrapper .ant-table-selection-column input {
  width: 100% !important;
  height: 100% !important;
  cursor: initial!important;
}
.file-table-list-wrapper .ant-checkbox-wrapper {
  height: 18px !important;
}
.file-table-list-wrapper .table-list-file-name {
  cursor: default;
}
.file-table-list-wrapper .root-jump {
  width: 100%;
}
.file-table-list-wrapper .icon-list-wrap {
  display: none;
  color: #1B1F35;
  font-size: 16px;
}
.file-table-list-wrapper .float-span-operate {
  visibility: hidden;
}
.file-table-list-wrapper .ant-table-cell-row-hover .icon-list-wrap {
  display: flex;
}
.file-table-list-wrapper .ant-table-cell-row-hover .float-span-operate {
  visibility: visible;
}

.tiled-list {
  height: 100%;
  width: 100%;
}
.tiled-list-content {
  will-change: transform;
}
.tiled-list-check-wrapper {
  height: 32px;
  padding-bottom: 3px;
  border-bottom: 1px solid #F5F6F7;
}
.tiled-list-check-all {
  font-weight: 400;
  font-size: 14px !important;
  color: #878999 !important;
  line-height: 32px !important;
  margin-bottom: 11px !important;
  padding-left: 8px !important;
}
.tiled-list-content-scroll {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-color: #EDEEF0 transparent;
}
.tiled-list-file-wrap {
  width: 158px;
  height: 186px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.tiled-list-item {
  border-radius: 8px;
}
.tiled-list-item.drop-over-upward .tiled-list-item-wrap-file {
  background: rgba(99, 125, 255, 0.12);
}
.tiled-list-item.drop-over-downward .tiled-list-item-wrap-file {
  background: rgba(99, 125, 255, 0.12);
}
.tiled-list-item .checkSingle {
  line-height: 1 !important;
  align-items: flex-start;
}
.tiled-list-item .checkSingle .ant-checkbox-inner {
  width: 14px !important;
  height: 14px !important;
}
.tiled-list-item .checkSingle .ant-checkbox-inner:after {
  transform: rotate(45deg) scale(0.7) translate(-80%, -60%);
}
.tiled-list-item.hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.tiled-list-item.hover .tiled-list-item-operate-check {
  opacity: 1;
}
.tiled-list-item.hover .tiled-list-item-operate-label {
  opacity: 1;
}
.tiled-list-item-operate-check {
  position: absolute;
  top: 7px;
  left: 9px;
  bottom: unset;
  z-index: 9999;
  display: block;
  opacity: 0;
  height: 14px;
}
.tiled-list-item-operate-label {
  position: absolute;
  right: 4px;
  top: 4px;
  background: #FFFFFF;
  border-radius: 4px;
  z-index: 9999;
  display: flex;
  opacity: 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  height: 24px;
  width: 24px;
  gap: 8px;
}
.tiled-list-item-operate-label:hover {
  background: rgba(182, 186, 195, 0.2);
}
.tiled-list-item-operate-label.sync {
  width: 46px;
}
.tiled-list-item-operate-label .custom-dropdown-content {
  display: flex;
  justify-content: center;
}
.tiled-list-item-operate-label img {
  width: 14px;
  height: 14px;
}
.tiled-list-item-operate-label a {
  cursor: pointer;
}
.tiled-list-item-operate-directTranscode {
  position: absolute;
  top: 76px;
  left: 25px;
}
.tiled-list-item-wrap {
  position: relative;
}
.tiled-list-item-wrap.selected .tiled-list-item-wrap-file {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.tiled-list-item-wrap.selected .tiled-list-item-operate-check {
  opacity: 1;
}
.tiled-list-item-wrap-file {
  border-radius: 8px;
  padding: 20px;
}
.tiled-list-item-wrap-file-box {
  padding-top: 1px;
}
.tiled-list-item-wrap-file-box--image {
  position: relative;
  width: 100%;
  margin-bottom: 12px;
}
.tiled-list-item-wrap-file-box--image-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.tiled-list-item-wrap-file-box--title {
  font-weight: 400;
  font-size: 13px;
  color: #1B1F35;
  line-height: 18px;
  text-align: center;
  -webkit-line-clamp: 1;
  /* 设置显示的行数 */
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 4px;
}
.tiled-list-item-wrap-file-box--tag {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 6px;
}
.tiled-list-item-wrap-file-box--tag-text {
  padding: 2px 6px;
  border-radius: 4px;
  background: #F4F4F4;
  font-size: 12px;
  color: #BBBDC9;
  line-height: 14px;
}
.tiled-list-item-wrap-file-box--text {
  font-weight: 400;
  font-size: 12px;
  color: #A7A9B8;
  text-align: center;
  line-height: 16px;
  width: 107%;
}
.file-web-wrap .tiled-list-item-wrap-file .tiled-list-item-wrap-file-box--title {
  font-size: 14px;
}
.file-web-wrap .tiled-list-item-wrap-file .tiled-list-item-wrap-file-box--text {
  width: 100% !important;
}

.timeline-item {
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.timeline-item.hover .timeline-item-operator {
  opacity: 1;
}
.timeline-item.hover .timeline-item-operator-wrapper-check {
  opacity: 1;
}
.timeline-item.hover .timeline-item-operator-wrapper-label {
  opacity: 1;
}
.timeline-item-wrapper.selected .timeline-item-operator {
  opacity: 1;
}
.timeline-item-wrapper.selected .timeline-item-operator-wrapper-check {
  opacity: 1;
}
.timeline-item-operator {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px;
  background: transparent;
  opacity: 0;
  transition: all 0.2s ease;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 45%);
  z-index: 9;
}
.timeline-item-operator-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.timeline-item-operator-wrapper-check {
  opacity: 0;
}
.timeline-item-operator-wrapper-label {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.timeline-item-operator-wrapper-label:hover svg {
  background: rgba(182, 186, 195, 0.15);
}

/* 时间线相册样式 */
.timeline-album {
  display: flex;
  background-color: #fff;
  padding-top: 8px;
  overflow: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
/* 无时间线模式 */
.timeline-album:not(:has(.timeline-sidebar)) {
  display: block;
}
.timeline-album:not(:has(.timeline-sidebar)) .timeline-content {
  width: 100%;
}
/* 左侧时间线 */
.timeline-sidebar {
  width: 120px;
  background-color: #f8f9fa;
  border-right: 1px solid #e8e8e8;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.timeline-header {
  padding: 20px 16px;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #e8e8e8;
  background-color: #fff;
}
.timeline-dates {
  flex: 1;
  padding: 16px 0;
  overflow-y: auto;
}
.timeline-date {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  user-select: none;
}
.timeline-date:hover {
  background-color: #f0f0f0;
}
.timeline-date:active {
  background-color: #e0e0e0;
  transform: scale(0.98);
}
.timeline-date.active {
  background-color: #e6f7ff;
  border-left-color: #1890ff;
}
.timeline-date-checkbox {
  margin-right: 8px;
  flex-shrink: 0;
}
.timeline-date-content {
  flex: 1;
}
.timeline-date-month {
  font-size: 12px;
  color: #666;
  margin-bottom: 2px;
}
.timeline-date-day {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 2px;
}
.timeline-date-count {
  font-size: 11px;
  color: #999;
}
/* 右侧内容区域 */
.timeline-content {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 8px;
  /* 优化滚动性能 */
  will-change: scroll-position;
  /* 防止滚动链 */
  overscroll-behavior-y: contain;
}
.timeline-group {
  margin-bottom: 32px;
}
.timeline-group:last-child {
  margin-bottom: 16px;
}
/* 分组标题 */
.timeline-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
  font-weight: bold;
  font-size: 12px;
  color: #1B1F35;
}
.timeline-group-title {
  display: flex;
  align-items: center;
}
.timeline-group-header h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
/* 照片网格 */
.timeline-grid {
  /* Grid 布局在组件中动态设置 */
}
/* 相册项目 */
.timeline-album-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
/* 视频标识 */
.timeline-album-video-badge {
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
  backdrop-filter: blur(4px);
}
/* 选择框 */
.timeline-album-checkbox {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  padding: 2px;
  backdrop-filter: blur(4px);
}
/* 加载状态 */
.timeline-album-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f5f5f5;
  color: #999;
  font-size: 14px;
  border-radius: 8px;
}
/* 响应式设计 */
@media (max-width: 768px) {
  .timeline-sidebar {
    width: 80px;
  }
  .timeline-header {
    padding: 16px 12px;
    font-size: 14px;
  }
  .timeline-date {
    padding: 8px 12px;
  }
  .timeline-date-day {
    font-size: 16px;
  }
  .timeline-content {
    position: relative;
    flex: 1;
    height: 100%;
    padding: 12px;
    overflow-x: hidden ;
  }
  .timeline-group-header h3 {
    font-size: 16px;
  }
  .timeline-album-video-badge {
    font-size: 11px;
    padding: 3px 6px;
  }
  .timeline-album-checkbox {
    transform: scale(0.9);
  }
}
/* 动画效果 */
.timeline-album-item {
  animation: fadeInUp 0.3s ease-out;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 选中状态动画 */
.timeline-album-item.selected {
  animation: selectedPulse 0.3s ease-out;
}
@keyframes selectedPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.02);
  }
  100% {
    transform: scale(1);
  }
}
/* 加载动画 */
.timeline-album-loading div:first-child {
  animation: pulse 1.5s ease-in-out infinite;
}
@keyframes pulse {
  0%,
  100% {
    opacity: 0.6;
  }
  50% {
    opacity: 1;
  }
}
/* 无限滚动加载状态 */
.timeline-load-more {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px 16px;
  margin-top: 16px;
}
.timeline-loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  color: #666;
  font-size: 14px;
}
.timeline-spinner {
  width: 24px;
  height: 24px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #1890ff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.timeline-load-more-hint {
  color: #999;
  font-size: 13px;
  text-align: center;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 加载状态的淡入动画 */
.timeline-load-more {
  animation: fadeIn 0.3s ease-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.time-line {
  width: 100%;
}
.time-line-content {
  will-change: transform;
  padding-left: 8px;
  user-select: none;
}
.time-line-check {
  padding-bottom: 11px;
  border-bottom: 1px solid #F5F5F5;
  font-weight: 400;
  font-size: 14px;
  color: #7E8299;
  padding-left: 8px;
}
.time-line-check .ant-checkbox-wrapper {
  margin-right: 9px;
}
.time-line .group-header {
  font-weight: bold;
  font-size: 12px;
  color: #1B1F35;
  padding: 16px 0;
}
.time-line .group-header .ant-checkbox-wrapper {
  margin-right: 9px;
}
.time-line .group-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.time-line .group-content-loading {
  width: 100%;
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.time-line .group-content .timeline-item {
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.time-line .group-content .timeline-item.hover .timeline-item-operator {
  opacity: 1;
}
.time-line .group-content .timeline-item.hover .timeline-item-operator-wrapper-check {
  opacity: 1;
}
.time-line .group-content .timeline-item.hover .timeline-item-operator-wrapper-label {
  opacity: 1;
}
.time-line .group-content .timeline-item-wrapper.selected .timeline-item-operator {
  opacity: 1;
}
.time-line .group-content .timeline-item-wrapper.selected .timeline-item-operator-wrapper-check {
  opacity: 1;
}
.time-line .group-content .timeline-item-operator {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px;
  background: transparent;
  opacity: 0;
  transition: all 0.2s ease;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 45%);
  z-index: 9;
}
.time-line .group-content .timeline-item-operator-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.time-line .group-content .timeline-item-operator-wrapper-check {
  opacity: 0;
}
.time-line .group-content .timeline-item-operator-wrapper-label {
  width: 24px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.time-line .group-content .timeline-item-operator-wrapper-label:hover svg {
  background: rgba(182, 186, 195, 0.15);
}

.safe-box-guide-page {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.safe-box-guide-page-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.safe-box-guide-page-title {
  font-weight: bold;
  font-size: 20px;
  color: #1B1F35;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}
.safe-box-guide-page-title-icon {
  width: 24px;
  height: 14px;
  position: absolute;
  right: -22px;
  top: -5px;
}
.safe-box-guide-page-bg {
  width: 518px;
  height: 260px;
  margin: 24px 0 16px 0;
}
.safe-box-guide-page-button {
  width: 148px;
  height: 40px !important;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
}

.open-safe-box-modal .ant-modal-content {
  padding: 20px 24px 24px 24px !important;
}
.open-safe-box-modal .ant-modal-content .ant-modal-title {
  line-height: 32px;
}
.open-safe-box-modal .step-one .step-title,
.open-safe-box-modal .step-two .step-title {
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  margin-bottom: 6px;
}
.open-safe-box-modal .step-one .step-desc,
.open-safe-box-modal .step-two .step-desc {
  font-weight: 400;
  font-size: 12px;
  color: #BBBDC9;
  margin-bottom: 24px;
}
.open-safe-box-modal .step-one .step-phone,
.open-safe-box-modal .step-two .step-phone {
  font-weight: bold;
  font-size: 20px;
  color: #1B1F35;
  margin-bottom: 6px;
}
.open-safe-box-modal .phone-input {
  display: flex;
  margin-bottom: 24px;
  flex-direction: column;
}
.open-safe-box-modal .phone-input .ant-btn-link {
  width: 90px;
  padding: 0;
}
.open-safe-box-modal .phone-input .phone-input-wrap {
  border-radius: 6px !important;
  padding: 7px 16px 7px 12px!important;
  height: 36px !important;
}
.open-safe-box-modal .input-error {
  margin-top: 2px;
  font-weight: 400;
  font-size: 12px;
  color: #F64E60;
  line-height: 22px;
}
.open-safe-box-modal .password-inputs {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.open-safe-box-modal .password-inputs-title {
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  margin-bottom: 8px;
}
.open-safe-box-modal .password-inputs .phone-input-wrap {
  border-radius: 6px !important;
  padding: 7px 12px !important;
  height: 36px !important;
}
.open-safe-box-modal .footer-btns {
  display: flex;
  justify-content: flex-end;
}
.open-safe-box-modal .footer-btns .ant-btn {
  min-width: 68px;
}
.open-safe-box-modal .countdown-btn {
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  color: var(--mfy-color-primary);
}
.open-safe-box-modal .countdown-btn:hover {
  color: var(--mfy-color-primary-hover);
}
.open-safe-box-modal .countdown-btn:active {
  color: var(--mfy-color-primary-active);
}
.open-safe-box-modal .countdown-btn.disabled {
  font-weight: 400;
  font-size: 14px;
  cursor: not-allowed;
}
.open-safe-box-modal .countdown-btn.disabled:hover {
  color: var(--mfy-color-primary);
}
.open-safe-box-modal .countdown-btn.disabled:active {
  color: var(--mfy-color-primary);
}

.safe-box-password-guide {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.safe-box-password-guide-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.safe-box-password-guide-bg {
  width: 148px;
  height: 148px;
  margin: 0 0 24px 0;
}
.safe-box-password-guide-description {
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  margin-bottom: 32px;
}
.safe-box-password-guide .input-error {
  margin-top: 2px;
  font-weight: 400;
  font-size: 12px;
  color: #F64E60;
  line-height: 22px;
}
.safe-box-password-guide .password-inputs {
  width: 327px;
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.safe-box-password-guide-input {
  border-radius: 8px !important;
}
.safe-box-password-guide-button {
  width: 130px;
  height: 40px !important;
  margin-bottom: 16px;
  border-radius: 8px !important;
}
.safe-box-password-guide-forget {
  height: 16px !important;
  font-size: 12px;
  color: #5E6278;
  line-height: 16px !important;
}
.safe-box-password-guide-forget.mfy-button.ant-btn-color-default {
  border: none !important;
}
.safe-box-password-guide-forget.mfy-button.ant-btn-color-default:active {
  color: #2961D9 !important;
  border: none !important;
  background-color: transparent !important;
}

#maskAll {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 9999;
  background: rgba(60, 128, 255, 0.03);
  border-radius: 20px;
  border: 2px dashed #3C80FF;
  backdrop-filter: blur(10px);
}
#maskAll .upload_mask_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#maskAll .upload_mask_content-tips {
  display: inline-block;
  background: #FFFFFF;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  border-radius: 100px;
  margin: 280px auto auto auto;
  padding: 16px 24px;
  font-weight: bold;
  font-size: 16px;
  color: #1B1F35;
}

.collection-direct-links-modal .ant-table-cell {
  border: none;
}
.collection-direct-links-modal th.ant-table-cell-scrollbar {
  display: none;
}
.collection-direct-links-modal .ant-table {
  border: 1px solid #F4F4F4;
  border-radius: 6px;
}
.collection-direct-links-modal .ant-table-container {
  border-radius: 6px;
}
.collection-direct-links-modal .ant-table-header {
  border-radius: 6px;
}
.collection-direct-links-modal-content {
  border-radius: 6px;
}
.collection-direct-links-modal .ant-table-body {
  min-height: 378px;
}
.collection-direct-links-modal .ant-modal-body .ant-table-tbody > tr > td {
  border-bottom: none;
}
.collection-direct-links-modal .ant-modal-body .ant-table-row:nth-child(even) td {
  background: #F8F9FC;
}
.collection-direct-links-modal .ant-table-cell.url div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.collection-direct-links-modal .ant-modal-title {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
}
.collection-direct-links-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding-top: 24px;
}
.collection-direct-links-modal-illegal {
  font-weight: 400;
  font-size: 14px;
  color: #9BA0AD;
  line-height: 16px;
  cursor: pointer;
}
.collection-direct-links-modal-illegal:hover {
  text-decoration: underline;
}
.collection-direct-links-modal .ant-btn-background-ghost.ant-btn-primary {
  color: #3C80FF;
  border: 1px solid #3C80FF;
  padding: 4px 8px;
}
.collection-direct-links-modal .ant-table .ant-table-body::-webkit-scrollbar,
.collection-direct-links-modal .ant-table .ant-table-body-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.directLinksUrlLoading-modal .ant-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 200px;
}
.directLinksUrlLoading-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.directLinksUrlLoading-modal .ant-modal-title {
  color: #3A4056;
  font-size: 14px;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.directLinksUrlLoading-modal .ant-modal-content {
  width: 213px;
  position: relative;
  border-radius: 8px;
}
.directLinksUrlLoading-modal-title {
  font-weight: 400;
  font-size: 14px;
  color: #7B808F;
  line-height: 16px;
}
.directLinksUrlLoading-modal-loading {
  width: 32px;
  height: 32px;
  margin: 0 auto 16px auto;
}

.Modals-MoveModal-Old-dropdown {
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07) !important;
}
.Modals-MoveModal-Old-container {
  position: relative;
  left: -24px;
}
.Modals-MoveModal-Old-box {
  margin-left: 16px;
  position: relative;
  width: calc(100% - 16px);
}
.Modals-MoveModal-Old-last-operate-title {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
}
.Modals-MoveModal-Old-last-operate-outline {
  width: 480px;
  position: relative;
  left: -24px;
  margin-left: 16px;
  height: 48px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.Modals-MoveModal-Old-last-operate-container {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.Modals-MoveModal-Old-last-operate-container:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.Modals-MoveModal-Old-last-operate-content {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 14px;
  width: 100%;
}
.Modals-MoveModal-Old-last-operate-content-name {
  color: #1b1f35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.export-directory-tree-modal-container .ant-modal-header {
  margin-bottom: 18px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item {
  height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item .ant-form-item-row {
  height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item .ant-form-item-label > label {
  color: #878999;
  font-family: "Microsoft YaHei UI";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item .ant-form-item-control {
  font-family: "Microsoft YaHei UI";
  height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item .ant-form-item-control .ant-form-item-control-input {
  min-height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .ant-form-item .ant-form-item-control .ant-form-item-control-input .ant-form-item-control-input-content {
  display: flex;
  align-items: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section {
  margin-bottom: 20px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.storage-location-section .ant-input-suffix {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  cursor: pointer;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.storage-location-section .ant-input-suffix:hover {
  background-color: rgba(182, 186, 195, 0.2);
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.storage-location-section .ant-input-suffix span {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDNDMCAxLjM0MzE1IDEuMzQzMTUgMCAzIDBINS41ODU3OUM2LjExNjIyIDAgNi42MjQ5MyAwLjIxMDcxMyA3IDAuNTg1Nzg2TDguNDE0MjEgMkgxMkMxMi41NTIzIDIgMTMgMi40NDc3MiAxMyAzQzEzIDMuNTUyMjggMTIuNTUyMyA0IDEyIDRIOC40MTQyMUM3Ljg4Mzc4IDQgNy4zNzUwNyAzLjc4OTI5IDcgMy40MTQyMUw1LjU4NTc5IDJIM0MyLjQ0NzcyIDIgMiAyLjQ0NzcyIDIgM1YxMkMyIDEyLjU1MjMgMi40NDc3MiAxMyAzIDEzSDExLjQzODRDMTEuODk3MyAxMyAxMi4yOTczIDEyLjY4NzcgMTIuNDA4NiAxMi4yNDI1TDEzLjcxOTIgN0g2Ljc4MDc4TDUuOTcwMTQgMTAuMjQyNUM1LjgzNjE5IDEwLjc3ODMgNS4yOTMyNiAxMS4xMDQxIDQuNzU3NDYgMTAuOTcwMUM0LjIyMTY3IDEwLjgzNjIgMy44OTU5MSAxMC4yOTMzIDQuMDI5ODYgOS43NTc0Nkw0Ljg0MDQ5IDYuNTE0OTNDNS4wNjMwNyA1LjYyNDYgNS44NjMwNCA1IDYuNzgwNzggNUgxMy43MTkyQzE1LjAyMDQgNSAxNS45NzUxIDYuMjIyNzggMTUuNjU5NSA3LjQ4NTA3TDE0LjM0ODkgMTIuNzI3NkMxNC4wMTUgMTQuMDYzMSAxMi44MTUxIDE1IDExLjQzODQgMTVIM0MxLjM0MzE1IDE1IDAgMTMuNjU2OSAwIDEyVjNaIiBmaWxsPSIjNUU2Mjc4Ii8+Cjwvc3ZnPgo=);
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.storage-location-section .ant-input-suffix span:hover {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDNDMCAxLjM0MzE1IDEuMzQzMTUgMCAzIDBINS41ODU3OUM2LjExNjIyIDAgNi42MjQ5MyAwLjIxMDcxMyA3IDAuNTg1Nzg2TDguNDE0MjEgMkgxMkMxMi41NTIzIDIgMTMgMi40NDc3MiAxMyAzQzEzIDMuNTUyMjggMTIuNTUyMyA0IDEyIDRIOC40MTQyMUM3Ljg4Mzc4IDQgNy4zNzUwNyAzLjc4OTI5IDcgMy40MTQyMUw1LjU4NTc5IDJIM0MyLjQ0NzcyIDIgMiAyLjQ0NzcyIDIgM1YxMkMyIDEyLjU1MjMgMi40NDc3MiAxMyAzIDEzSDExLjQzODRDMTEuODk3MyAxMyAxMi4yOTczIDEyLjY4NzcgMTIuNDA4NiAxMi4yNDI1TDEzLjcxOTIgN0g2Ljc4MDc4TDUuOTcwMTQgMTAuMjQyNUM1LjgzNjE5IDEwLjc3ODMgNS4yOTMyNiAxMS4xMDQxIDQuNzU3NDYgMTAuOTcwMUM0LjIyMTY3IDEwLjgzNjIgMy44OTU5MSAxMC4yOTMzIDQuMDI5ODYgOS43NTc0Nkw0Ljg0MDQ5IDYuNTE0OTNDNS4wNjMwNyA1LjYyNDYgNS44NjMwNCA1IDYuNzgwNzggNUgxMy43MTkyQzE1LjAyMDQgNSAxNS45NzUxIDYuMjIyNzggMTUuNjU5NSA3LjQ4NTA3TDE0LjM0ODkgMTIuNzI3NkMxNC4wMTUgMTQuMDYzMSAxMi44MTUxIDE1IDExLjQzODQgMTVIM0MxLjM0MzE1IDE1IDAgMTMuNjU2OSAwIDEyVjNaIiBmaWxsPSIjMUIxRjM1Ii8+Cjwvc3ZnPgo=);
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper {
  height: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row {
  height: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-label {
  height: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-label label {
  height: 32px;
  line-height: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-control {
  height: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-control .ant-input-affix-wrapper {
  padding-left: 12px;
  padding-right: 8px;
  align-items: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-control .ant-input-affix-wrapper .ant-input-suffix {
  margin-left: 0;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-input-section-wrapper .ant-form-item-row .ant-form-item-control .ant-input-affix-wrapper .ant-input-suffix img {
  width: 16px;
  height: 16px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-style-section {
  height: auto;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-style-section .ant-form-item-label {
  width: 100px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section.export-style-section .ant-form-item-row {
  height: auto;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-form-item-label-left {
  width: 88px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .section-title {
  font-size: 14px;
  font-weight: 500;
  color: #333;
  margin-bottom: 12px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-form-item-control {
  flex: 1;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-checkbox-group > label:first-child {
  width: 92px;
  margin-right: 27px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-radio-group > label:first-child {
  width: 92px;
  margin-right: 27px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-radio-group .ant-radio-wrapper {
  font-size: 14px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-checkbox-group {
  column-gap: 1px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .ant-checkbox-group .ant-checkbox-wrapper {
  font-size: 14px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .export-style-section .ant-form-item-control {
  flex: 1;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-section .export-name-input-suffix span {
  color: #878999;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.export-directory-tree-modal-container .export-directory-tree-modal .modal-tip {
  position: absolute;
  bottom: 31px;
  color: #878999;
  font-size: 12px;
  font-weight: 400;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-style-section .ant-form-item-control-input-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .ant-radio-wrapper:last-child .ant-radio-label {
  display: flex;
  align-items: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input {
  display: flex;
  align-items: center;
  width: 120px;
  margin-left: 4px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input .ant-input-number-wrapper > .ant-input-number-group-addon {
  padding: 0 4px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input .ant-input-number-wrapper > .ant-input-number-group-addon span {
  display: flex;
  align-items: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input .ant-input-number-wrapper > .ant-input-number-group-addon img {
  width: 16px;
  height: 16px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input .ant-input-number-wrapper > .ant-input-number .ant-input-number-input-wrap {
  width: 32px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input input {
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.export-directory-tree-modal-container .export-directory-tree-modal .export-level-section .custom-level-input .ant-input {
  font-size: 14px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 8px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option {
  position: relative;
  width: 212px;
  height: 148px;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option:hover {
  border-color: #1890ff;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option.active {
  border-color: #1890ff;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option.active .style-title {
  background-color: #1890ff;
  color: white;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option .style-title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 2px 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background-color: #f5f5f5;
  border-radius: 6px 0;
  background: #f5f6f7;
  color: #3c3f52;
  font-family: "Microsoft YaHei UI";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option .style-preview {
  width: 212px;
  height: 148px;
}
.export-directory-tree-modal-container .export-directory-tree-modal .directory-tree-style .style-option .style-preview img {
  width: 212px;
  height: 148px;
}
.directory-tree-progress-content .ant-progress {
  height: 22px;
}
.directory-tree-progress-content .ant-progress-outer {
  height: 22px;
  vertical-align: bottom;
}
.directory-tree-progress-content .ant-progress-outer .ant-progress-inner {
  height: 4px;
}

.verify-modal .ant-modal-content .ant-modal-footer {
  margin-top: 0 !important;
}
.verify-modal .verify-modal-inner-container {
  height: 191px;
}
.verify-modal button.ant-btn:last-child {
  margin-inline-start: 0 !important;
}

.remove-desc {
  font-size: 14px;
  color: #3C3F52;
}

.custom-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 8px;
}
.custom-modal-title .custom-modal-title-text {
  font-size: 18px;
  font-weight: 700;
  color: #1b1f35;
  flex: 1;
  height: 32px;
  display: flex;
  align-items: center;
}
.custom-modal-title .custom-modal-title-search {
  flex-shrink: 0;
  width: 180px;
  height: 32px;
  padding-right: 48px;
}
.custom-modal-title .custom-modal-title-search .ant-input-affix-wrapper {
  height: 100%;
  border-radius: 100px;
  padding: 0 !important;
  align-items: center;
}
.custom-modal-title .custom-modal-title-search .ant-input-affix-wrapper .ant-input {
  font-size: 14px;
}
.custom-modal-title .custom-modal-title-search .ant-input-affix-wrapper .ant-input-prefix {
  padding-left: 12px;
  font-size: 16px;
}
.custom-modal-title .custom-modal-title-search .ant-input-affix-wrapper .ant-input-prefix .custom-modal-title-search-prefix {
  font-size: 16px;
  display: inline-block;
  padding-top: 3px;
  width: 16px;
  height: 16px;
}
.custom-modal-title .custom-modal-title-search .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 12px;
}

.Modals-MoveModal-modal .ant-modal-header {
  margin-bottom: 16px !important;
}
.Modals-MoveModal-modal .ant-modal-content {
  padding: 20px 16px 24px 16px !important;
  height: 600px;
}
.Modals-MoveModal-modal .ant-modal-footer {
  padding: 0 8px !important;
}
.Modals-MoveModal-modal .mfy-modal .ant-modal-close {
  right: 16px !important;
  color: #1b1f35 !important;
}
.Modals-MoveModal-dropdown {
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07) !important;
}
.Modals-MoveModal-dropdown.breadlist li.ant-dropdown-menu-item:hover {
  background: rgba(182, 186, 195, 0) !important;
}
.Modals-MoveModal-return-button {
  flex: 1;
  overflow: hidden;
  justify-content: flex-start !important;
}
.Modals-MoveModal-return-button .search-modal-title-text {
  gap: 12px;
  display: flex;
  align-items: center;
  overflow: hidden;
  flex: 1;
}
.Modals-MoveModal-return-button .search-modal-title-text > span {
  color: #3c3f52;
  font-weight: 400;
  font-size: 14px;
}
.Modals-MoveModal-return-button .search-modal-title-text > span:first-child {
  cursor: pointer;
}
.Modals-MoveModal-return-button .search-modal-title-text > span:last-child {
  color: #5e6278;
  display: flex;
  overflow: hidden;
  flex: 1;
}
.Modals-MoveModal-return-button .search-modal-title-text > span:last-child > span:first-child {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Modals-MoveModal-return-button .search-modal-title-text > span:last-child > span:last-child {
  min-width: 72px;
}
.Modals-MoveModal-search-scope-container {
  height: 40px;
  margin-bottom: 8px !important;
  margin-top: 8px !important;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 8px;
  background: #f5f6f7;
  border-radius: 8px;
  gap: 2px;
  text-align: center;
  flex: 1;
  overflow: hidden;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper .Modals-MoveModal-search-scope-text {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper .Modals-MoveModal-search-scope-text > span:first-child {
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper .Modals-MoveModal-search-scope-text > span:last-child {
  flex: 0;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper span {
  flex: 1;
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper span.active {
  color: #3c80ff;
  font-weight: 700;
  background: #fff;
  border-radius: 6px;
}
.Modals-MoveModal-search-scope-container .search-scope-wrapper span.active span {
  color: #3c80ff;
  font-weight: 700;
}
.Modals-MoveModal-table-header {
  display: flex;
  align-items: center;
  margin: 0 8px;
  color: #878999;
  margin-top: 8px !important;
}
.Modals-MoveModal-table-header-inner {
  width: 512px;
  background-color: #fafafa;
  height: 44px;
  border-radius: 8px;
  padding-left: 8px;
}
.Modals-MoveModal-table-header div {
  display: flex;
  align-items: center;
}
.Modals-MoveModal-table-header-name {
  width: 252px;
}
.Modals-MoveModal-table-header-name:hover {
  padding: 4px 0;
  background: rgba(182, 186, 195, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.Modals-MoveModal-table-header-update-time {
  width: 161px;
}
.Modals-MoveModal-table-header-update-time:hover {
  padding: 4px 0;
  background: rgba(182, 186, 195, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.Modals-MoveModal-table-header-size {
  width: 83px;
}
.Modals-MoveModal-table-header-size:hover {
  padding: 4px 0;
  background: rgba(182, 186, 195, 0.1);
  border-radius: 4px;
  cursor: pointer;
}
.Modals-MoveModal-file-body-wrapper {
  display: flex;
  align-items: center;
}
.Modals-MoveModal-file-body-wrapper:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
  cursor: pointer;
}
.Modals-MoveModal-file-body-wrapper-name {
  width: 264px;
  overflow: hidden;
}
.Modals-MoveModal-file-body-wrapper-name .move-file-item {
  padding: 8px;
  opacity: 1;
  cursor: pointer;
  box-sizing: content-box !important;
}
.Modals-MoveModal-file-body-wrapper-name .move-folder-item {
  padding-left: 8px;
  margin: 0;
  box-sizing: content-box !important;
}
.Modals-MoveModal-file-body-wrapper-update-time {
  width: 161px;
  color: #bbbdc9;
}
.Modals-MoveModal-file-body-wrapper-size {
  width: 83px;
  color: #bbbdc9;
}
.Modals-MoveModal-container {
  position: relative;
}
.Modals-MoveModal-box {
  position: relative;
}
.Modals-MoveModal-box .create-folder-item input {
  height: 32px;
  line-height: 32px;
}
.Modals-MoveModal-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 8px;
  height: 28px;
}
.Modals-MoveModal-breadcrumb nav .ant-dropdown-menu-item .ant-dropdown-menu-title-content a:hover {
  background: transparent !important;
}
.Modals-MoveModal-breadcrumb .breadcrumb-menu-trigger-path .ant-dropdown-menu-item:hover {
  background: transparent !important;
}
.Modals-MoveModal-breadcrumb .breadcrumb-menu-trigger,
.Modals-MoveModal-breadcrumb .breadcrumb-menu-trigger-path {
  position: relative;
}
.Modals-MoveModal-breadcrumb .breadcrumb-menu-trigger > div,
.Modals-MoveModal-breadcrumb .breadcrumb-menu-trigger-path > div {
  left: 0 !important;
}
.Modals-MoveModal-last-operate-wrapper {
  display: flex;
  align-items: center;
}
.Modals-MoveModal-last-operate-dropdown {
  width: 528px;
  left: 0 !important;
  height: 388px;
  border-radius: 12px;
  gap: 2px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  background-color: #fff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.012);
}
.Modals-MoveModal-last-operate-title-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  padding: 8px;
  height: 398px;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  overflow-y: auto;
  overflow-x: hidden;
}
.Modals-MoveModal-last-operate-title-popup > div {
  width: 100%;
}
.Modals-MoveModal-last-operate-title-popup > div > div {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  height: 32px;
  border-radius: 6px;
  box-sizing: border-box;
  gap: 8px;
}
.Modals-MoveModal-last-operate-title-popup > div > div:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 6px;
  cursor: pointer;
}
.Modals-MoveModal-last-operate-title-popup > div > div .icon-check .icon {
  color: #3c80ff;
  font-size: 16px;
  vertical-align: middle;
}
.Modals-MoveModal-last-operate-title-popup > div > div .content {
  flex: 1;
  padding-right: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Modals-MoveModal-last-operate-title-popup > div > div .content .ant-breadcrumb-separator {
  margin: 0;
}
.Modals-MoveModal-last-operate-title-popup > div > div img {
  height: 16px !important;
  width: 16px !important;
}
.Modals-MoveModal-last-operate-title-popup > div > div span {
  color: #1b1f35;
  font-size: 13px;
  font-weight: 400;
  line-height: 22px;
  margin: 0 !important;
}
.Modals-MoveModal-last-operate-title {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 700;
  margin-left: 8px;
}
.Modals-MoveModal-last-operate-title .title-space {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2px;
  padding: 2px 6px;
  border-radius: 4px;
  background: var(--Brand-05-, #f0f8ff);
  cursor: pointer;
}
.Modals-MoveModal-last-operate-title .title-space .icon {
  color: #3c80ff;
  vertical-align: bottom;
}
.Modals-MoveModal-last-operate-title .title-space span {
  color: #3c80ff;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.Modals-MoveModal-last-operate-outline {
  height: 48px;
}
.Modals-MoveModal-last-operate-container {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 3px 0 3px 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.Modals-MoveModal-last-operate-content {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 12px;
}
.Modals-MoveModal-last-operate-content-name {
  color: #1b1f35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Modals-MoveModal-memory .ant-breadcrumb-link,
.Modals-MoveModal-memory .ant-dropdown-trigger {
  color: #D1D3E0 !important;
}
.Modals-MoveModal-memory li:last-child {
  color: unset!important;
}
.Modals-MoveModal-memory-tip .ant-breadcrumb-link {
  color: #3C3F52 !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: unset !important;
}
.Modals-MoveModal-memory-tip li:last-child {
  color: unset!important;
}

.table-sort-selector {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  border-radius: 1px;
  cursor: pointer;
}
.table-sort-selector span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #D1D3E0;
}
.table-sort-selector span.active {
  border-bottom: 5px solid #1B1F35;
}
.table-sort-selector span:last-child {
  transform: rotate(180deg);
}
.sort-selector-trigger {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  background: #fff;
  font-size: 14px;
  color: #5e6278;
  transition: all 0.2s;
  height: 22px;
  gap: 4px;
}
.sort-selector-trigger.active {
  border-radius: 6px;
  background: rgba(182, 186, 195, 0.1);
}
.move-modal-file-selector-sort-selector-overlay > ul {
  width: 160px;
  height: 294px;
  border-radius: 12px;
  gap: 2px;
  padding: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 50px 0px #000000;
  box-sizing: border-box;
}
.move-modal-file-selector-sort-selector-overlay > ul > li {
  width: 120px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > div {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  height: 16px;
  padding: 0 !important;
  width: 100%;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list {
  display: flex;
  background: #f5f6f7;
  border-radius: 6px;
  height: 28px;
  margin: 0 !important;
  gap: 2px;
  justify-content: center;
  align-items: center;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li {
  width: 57px;
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
  height: 24px;
  padding: 2px !important;
  box-sizing: border-box;
  margin-bottom: 0 !important;
  text-align: center;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li .ant-dropdown-menu-title-content {
  border-radius: 4px;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item {
  margin-bottom: 0 !important;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li .sort-menu-item {
  text-align: center;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li:hover {
  background: rgba(182, 186, 195, 0.2) !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px !important;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item-selected {
  color: #3c80ff;
  background: #ffffff !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.move-modal-file-selector-sort-selector-overlay > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item-selected .active {
  color: #3c80ff;
}
.right-operator .ant-dropdown > ul {
  width: 160px;
  height: 294px;
  border-radius: 12px;
  gap: 2px;
  padding: 8px;
  overflow: hidden;
  box-shadow: 0px 4px 50px 0px #000000;
  box-sizing: border-box;
}
.right-operator .ant-dropdown > ul > li {
  width: 148px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.right-operator .ant-dropdown > ul > li > div {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  height: 16px;
  padding: 0 !important;
  width: 100%;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list {
  display: flex;
  background: #f5f6f7;
  border-radius: 6px;
  height: 28px;
  margin: 0 !important;
  gap: 2px;
  justify-content: center;
  align-items: center;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li {
  width: 57px;
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
  height: 24px;
  box-sizing: border-box;
  margin-bottom: 0 !important;
  text-align: center;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li .ant-dropdown-menu-title-content {
  border-radius: 4px;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item {
  margin-bottom: 0 !important;
  padding: 8px 0 !important;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li .sort-menu-item {
  text-align: center;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li:hover {
  background: rgba(182, 186, 195, 0.2) !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05) !important;
  border-radius: 4px !important;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item-selected {
  color: #3c80ff;
  background: #ffffff !important;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.right-operator .ant-dropdown > ul > li > ul.ant-dropdown-menu-item-group-list li.ant-dropdown-menu-item-selected .active {
  color: #3c80ff;
}

@keyframes loop {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.create-share-modal .ant-input-textarea-show-count::after {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  content: attr(data-count);
  pointer-events: none;
  font-size: 12px;
}
.create-share-modal .ant-modal {
  padding: 0;
}
.create-share-modal .ant-modal-body {
  padding-top: 0;
}
.create-share-modal .ant-modal-header {
  border: none;
}
.create-share-modal .ant-modal-footer {
  padding: 0 24px 24px;
}
.create-share-modal .ant-radio-button-wrapper:not(:first-child)::before {
  content: none;
}
.create-share-modal .ant-radio-button-wrapper {
  padding: 5px 20px;
  border-radius: 6px;
  border: 1px solid #eaeaea;
  margin-right: 12px;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
  height: auto;
}
.create-share-modal .ant-radio-button-wrapper:last-child {
  margin-right: 0;
}
.create-share-modal .ant-radio-button-wrapper:hover {
  background: #f6f8ff !important;
  border: 1px solid #597dfc !important;
  color: #597dfc !important;
}
.create-share-modal .ant-radio-button-wrapper-disabled {
  background: #f4f4f4 !important;
  border: 1px solid #d9d9d9 !important;
  color: #9ba0ad !important;
}
.create-share-modal .ant-radio-button-wrapper-checked {
  background: #f6f8ff !important;
  border: 1px solid #597dfc !important;
  color: #597dfc !important;
}
.create-share-modal .share-agreement {
  color: #597dfc;
  cursor: pointer;
  text-decoration: underline;
}
.create-share-modal .share-form-tip {
  height: 24px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #7b808f;
  line-height: 24px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.share-modal-body {
  display: flex;
  justify-content: space-between;
}
.share-modal-body .share-right .share-code-url {
  position: relative;
  z-index: 2;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 120px;
}
.share-modal-body .share-right .share-code-url .code-url {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  border-radius: 6px;
  border: 1px solid #d8d8d8;
}
.share-modal-body .share-right .share-code-url .code-title {
  margin: 10px 0 14px 0;
  font-size: 14px;
  color: #090c19;
}
.share-modal-body .share-right .share-code-url .code-copy-btn {
  margin: 13px 0;
  width: unset;
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
  background: #597dfc;
  border-radius: 6px;
  color: #fff;
  cursor: pointer;
}
.share-modal-body .share-right .share-code-url .code-tips {
  width: 100%;
  font-size: 12px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: var(--mfy-color-text-dark-solid);
  line-height: 14px;
}
.share-modal-body .share-form-tooltip {
  font-size: var(--mfy-font-size-4);
  color: var(--mfy-tabs-color);
  line-height: 24px;
  max-width: 552px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #f8f9fc;
  border-radius: 8px;
  padding: 6px 12px;
}
.share-modal-body .share-form-tooltip-icon {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}
.share-modal-body .share-form-tooltip-wrap {
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}
.share-modal-body .share-form-tooltip-wrap:hover {
  animation-play-state: paused;
}
.share-modal-body .share-form-tooltip-wrap__content {
  animation: 15s loop linear infinite normal;
  animation-delay: 1s;
  white-space: nowrap;
}
.share-modal-body .share-form-special-line {
  background: #f8f9fc;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 24px;
}
.share-modal-body .share-form-special-line .share-form-line {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 12px;
}
.share-modal-body .share-form-special-line .share-form-line:nth-last-child(1) {
  margin-bottom: 0;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input {
  width: 145px;
  margin-left: 12px;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-single .ant-select-selector .ant-select-selection-item,
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
  line-height: 26px;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-single:not(.ant-select-customize-input) .ant-select-selector::after {
  line-height: 26px;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
  height: 28px;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-selection-item {
  font-size: 12px;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-input-group-addon {
  background: #fff;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-color: #eaeaea;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-input {
  width: 83px;
  margin-left: 0;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding: 4px;
  text-align: center;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-selector {
  width: 61px;
  padding: 0;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select {
  color: #b8bbc4;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-select-focused:not(.ant-select-disabled).ant-select:not(
            .ant-select-customize-input
          ) .ant-select-selector {
  border-color: #597dfc;
}
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-input-group-addon .ant-select-open .ant-select-selector,
.share-modal-body .share-form-special-line .share-form-line .share-limit-input .ant-input-group-addon .ant-select-focused .ant-select-selector {
  color: #597dfc;
}
.share-modal-body .share-form-special-line .share-form-line .ant-input {
  height: 28px;
  font-size: 12px;
  color: var(--mfy-color-text);
  border: 1px solid #eaeaea;
}
.share-modal-body .share-form-special-line .share-form-line .ant-input::placeholder {
  font-size: 12px;
  color: #b8bbc4;
}
.share-modal-body .share-form-special-line .share-form-line .ant-input:focus {
  box-shadow: none;
  border: 1px solid #eaeaea;
}
.share-modal-body .share-form-special-line .share-form-line .share-form-label {
  min-width: 52px;
  font-size: var(--mfy-font-size-4);
  color: var(--mfy-label-color);
  line-height: 28px;
}
.share-modal-body .share-form-special-line .share-form-line .share-form-textarea .ant-input {
  width: 95%;
}
.share-modal-body .share-form-special-line .share-form-line .ant-radio-group {
  margin-left: 24px;
}
.share-modal-body .share-form-special-line .share-form-line .ant-radio-group .ant-radio-wrapper {
  margin-left: 24px;
  margin-right: 0;
}
.share-modal-body .share-form-special-line .share-form-line .ant-radio-group .ant-radio-wrapper:nth-child(1) {
  margin-left: 0;
}
.share-modal-body .share-form-special-line .share-form-line .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
  padding: 0 0 0 4px;
}
.share-modal-body .share-form-special-line .share-form-line .ant-input {
  margin-left: 24px;
  border-radius: 6px;
}
.share-modal-body .share-form-special-line .share-form-line .ant-switch {
  margin-left: 16px;
}
.share-modal-body .share-form-special-line .share-form-line .ant-btn {
  margin-left: 24px;
}
.share-modal-body .share-limit-part {
  margin-top: -12px;
}
.share-modal-body .share-limit-part .share-form-line .share-form-label {
  display: flex;
  align-items: center;
  height: 28px;
}
.share-modal-body .share-limit-part .share-form-line .share-form-label .share-limit-label-small {
  line-height: 12px;
  display: flex;
  align-items: center;
}
.share-modal-body .share-limit-part .ant-switch {
  min-width: 35px;
  width: 35px;
}
.share-modal-body .share-form-line {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 24px;
}
.share-modal-body .share-form-line:nth-last-child(1) {
  margin-bottom: 0;
}
.share-modal-body .share-form-line.bottom-line {
  margin-bottom: 12px;
}
.share-modal-body .share-form-line.bottom-line_24 {
  margin-bottom: 24px;
}
.share-modal-body .share-form-line .share-form-label {
  min-width: 56px;
  font-size: var(--mfy-font-size-6);
  color: var(--mfy-label-color);
  line-height: 24px;
}
.share-modal-body .share-form-line .share-form-label.traffic-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.share-modal-body .share-form-line .share-form-label .share-form-label-button {
  border-radius: 4px;
  width: 52px;
  height: 20px;
  background: #597dfc;
  color: #fff;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  line-height: 20px;
  cursor: pointer;
}
.share-modal-body .share-form-line .share-form-textarea .ant-input {
  width: 95%;
}
.share-modal-body .share-form-line .ant-radio-group {
  margin-left: 24px;
}
.share-modal-body .share-form-line .ant-radio-group .ant-radio-wrapper {
  margin-left: 24px;
  margin-right: 0;
}
.share-modal-body .share-form-line .ant-radio-group .ant-radio-wrapper:nth-child(1) {
  margin-left: 0;
}
.share-modal-body .share-form-line .ant-radio-group .ant-radio-wrapper span.ant-radio + * {
  padding: 0 0 0 4px;
}
.share-modal-body .share-form-line .ant-input {
  margin-left: 24px;
  border-radius: 6px;
}
.share-modal-body .share-form-line .ant-btn {
  margin-left: 24px;
}
.share-modal-body .copy-link-btn {
  height: 32px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
}
.share-modal-illegal__message {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.share-modal-illegal__message--text {
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
}
.share-modal-illegal__message--status {
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
  text-decoration: underline;
  cursor: pointer;
}
.share-modal-illegal__message--status:hover {
  color: #597dfc;
}
.share-modal-illegal__message--operate {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  color: #597dfc;
  line-height: 16px;
  cursor: pointer;
}
.share-modal-illegal__message--icon {
  font-size: 14px;
  color: #597dfc;
}
.share-modal-illegal__message .icon {
  cursor: pointer;
}
.share-modal-illegal-message .frontend-message-custom-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 8px;
}
.switch-box {
  margin-bottom: 12px !important;
  cursor: pointer;
  width: 102px;
}
.switch-box img {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
.buttons-box {
  margin-bottom: 12px !important;
}
.check-box {
  margin-bottom: 24px;
  margin-top: 24px;
}
.reward-box {
  margin-top: 24px;
}
.unitPrice-box {
  margin-top: 12px !important;
}
.Modals-ShareModal {
  font-family: var(--mfy-font-family);
}
.Modals-ShareModal .ant-modal-header {
  background: transparent !important;
}
.Modals-ShareModal .ant-modal-content {
  background: linear-gradient(172deg, #eef9ff 0%, #ffffff 27%);
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
.Modals-ShareModal-modal-footer {
  display: flex;
  justify-content: end;
  align-items: center;
}
.Modals-ShareModal .ant-input {
  font-size: 12px !important;
}
.Modals-ShareModal .ant-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--mfy-placeholder-color) !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px !important;
}
.Modals-ShareModal .ant-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--mfy-placeholder-color) !important;
  font-size: 12px !important;
}
.Modals-ShareModal .ant-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--mfy-placeholder-color) !important;
  font-size: 12px !important;
}
.Modals-ShareModal-container {
  width: 440px;
  position: relative;
  left: -24px;
  overflow-y: auto;
}
.Modals-ShareModal-inner {
  padding: 0px 24px;
}
.Modals-ShareModal-inputTitle {
  font-size: 14px;
  color: #878999;
  line-height: 22px;
  height: 22px;
  margin-bottom: 8px;
}
.Modals-ShareModal-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 24px;
}
.Modals-ShareModal-title-icon {
  margin-left: 6px;
  display: flex;
  align-items: center;
}
.Modals-ShareModal-title-icon img {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.Modals-ShareModal-title-text {
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
}
.Modals-ShareModal-title-tip {
  line-height: 16px;
  margin-left: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.Modals-ShareModal-topic {
  width: 100% !important;
  height: 40px !important;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.07) !important;
  border-radius: 12px 12px 12px 12px !important;
  border: 1px solid #e5e6eb;
}
.Modals-ShareModal-label {
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}
.Modals-ShareModal-traffic-box {
  font-family: var(--mfy-font-family);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  padding: 0 4px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  gap: 2px;
  padding: 0 12px;
}
.Modals-ShareModal-traffic-box .ant-checkbox-label {
  font-size: 12px;
}
.Modals-ShareModal-recharge {
  width: 52px;
  height: 26px;
  background: #fff7e8;
  border-radius: 5px 5px 5px 5px;
  font-weight: 400;
  font-size: 12px;
  color: #ffa800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
}
.Modals-ShareModal-Iconfont {
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #878999;
}
.Modals-ShareModal-pullNewSwitch {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 2px;
  height: 22px;
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  cursor: pointer;
}
.Modals-ShareModal-pullNewSwitch img {
  width: 16px;
  height: 16px;
}
.Modals-ShareModal-pullNewTips {
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.Modals-ShareModal-pullNewUnitPrice {
  height: 40px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
  padding: 9px 5px 9px 12px;
  margin-top: 8px;
}
.Modals-ShareModal-pullNewUnitPrice-label {
  width: fit-content;
  height: 22px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.Modals-ShareModal-pullNewUnitPrice-icon {
  width: 24px;
  height: 24px;
  margin-left: 2px;
  display: flex;
  align-items: center;
}
.Modals-ShareModal-pullNewUnitPrice-input {
  margin-left: auto !important;
  width: 253px !important;
  height: 30px !important;
}
.Modals-ShareModal-pullNewCheckbox {
  margin-top: 16px;
  display: flex;
  align-items: center;
  height: 16px;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.Modals-ShareModal-pullNewCheckbox-checkbox {
  margin-right: 8px !important;
}
.Modals-ShareModal-pullNewCheckbox-link {
  cursor: pointer;
  color: #3c80ff;
  text-decoration: underline;
  margin-left: 2px;
  margin-right: 2px;
}
.Modals-ShareModal-pullNewReward-label {
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  color: #878999;
}
.Modals-ShareModal-pullNewReward-radio {
  margin-top: 8px !important;
}
.Modals-ShareModal-sharePwd {
  background: #f5f6f7;
  border-radius: 8px;
  padding: 5px 5px 5px 12px;
  margin-top: 8px;
}
.Modals-ShareModal-sharePwd-line {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.Modals-ShareModal-sharePwd-line:last-child {
  margin-top: 12px;
}
.Modals-ShareModal-sharePwd-line:first-child {
  margin-top: 0;
}
.Modals-ShareModal-sharePwd-label {
  height: 22px;
  line-height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  display: flex;
  flex-direction: row;
  min-width: 72px;
  align-items: center;
  gap: 6px;
}
.Modals-ShareModal-sharePwd-switch {
  margin-left: 12px !important;
}
.Modals-ShareModal-sharePwd-input {
  height: 30px !important;
}
.Modals-ShareModal-payAmount {
  margin-top: 8px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  padding: 10px 12px 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.Modals-ShareModal-payAmount-line {
  display: flex;
  gap: 12px;
  align-items: baseline;
}
.Modals-ShareModal-payAmount-line-label {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  width: 48px;
}
.Modals-ShareModal-payAmount-line-input {
  flex: 1;
  height: 30px !important;
}
.Modals-ShareModal-payAmount-line-textarea {
  flex: 1;
}
.Modals-ShareModal-payAmount-line-text {
  flex: 1;
  font-size: 12px;
}
.Modals-ShareModal-payAmount-line-button {
  flex: 1;
  display: flex !important;
  align-items: center !important;
  justify-content: start !important;
  padding: 0 !important;
}
.Modals-ShareModal-success-top {
  display: flex;
  justify-content: space-between;
}
.Modals-ShareModal-success-top-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 272px;
}
.Modals-ShareModal-success-top-left-warningText {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 22px;
  height: 40px;
  line-height: 20px;
  margin-top: 4px;
}
.Modals-ShareModal-success-top-left-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  padding-left: 12px;
  height: 48px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
}
.Modals-ShareModal-success-top-left-item-code {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  text-align: center;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Modals-ShareModal-success-top-left-item-btn {
  height: 32px;
  text-align: center;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 12px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border: 1px solid #3c80ff;
}
.Modals-ShareModal-success-top-left-item-btn:hover {
  border: 1px solid #66a1ff;
  color: #66a1ff;
}
.Modals-ShareModal-success-top-left-item-btn:active {
  border: 1px solid #2961d9;
  color: #2961d9;
}
.Modals-ShareModal-success-top-right {
  width: 112px;
  background: #ffffff;
  border-radius: 13px 13px 13px 13px;
  border: 1px solid #e5e6eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 16px;
  padding-bottom: 12px;
  box-sizing: border-box;
}
.Modals-ShareModal-success-top-right-text {
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
  width: 88px;
  text-align: center;
  margin-top: 8px;
  height: 30px;
}
.Modals-ShareModal-success-top-right-btn {
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  line-height: 22px;
  margin-top: 9px;
  height: 22px;
  cursor: pointer;
}
.Modals-ShareModal-success-top-right-btn:hover {
  color: #66a1ff;
}
.Modals-ShareModal-success-top-right-btn:active {
  color: #2961d9;
}
.Modals-ShareModal-success-bottom {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 22px;
  margin-top: 19px;
}

.antdCover .ant-checkbox:hover::after,
.antdCover .ant-checkbox-wrapper:hover .ant-checkbox::after {
  border-radius: 5px !important;
}
.antdCover .ant-checkbox:hover::after {
  border-radius: 5px !important;
}
.antdCover .ant-checkbox-inner {
  border-radius: 5px !important;
}
.antdCover .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3c80ff !important;
  border-color: #3c80ff !important;
}
.antdCover .ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #fff !important;
}
.antdCover .ant-checkbox-inner:hover {
  border-color: #3c80ff !important;
}
.antdCover .ant-tooltip-inner {
  color: #7b808f;
  font-size: 12px;
  line-height: 18px;
  background-color: #fff;
  white-space: normal;
  text-align: justify;
}
.antdCover .ant-tooltip-arrow-content::before {
  background: #fff;
}
.antdCover .ant-tooltip-arrow-content {
  background-color: #fff;
}

.illegal-file-modal .ant-table-body {
  min-height: 378px;
}
.illegal-file-modal .ant-modal-body .ant-table-tbody > tr > td {
  border-bottom: none;
}
.illegal-file-modal .ant-modal-body .ant-table-row:nth-child(even) td {
  background: #F8F9FC;
}
.illegal-file-modal-content {
  border: 1px solid #F4F4F4;
  border-radius: 6px;
}
.illegal-file-modal-content-file__wrap {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.illegal-file-modal-content-file__text {
  margin-left: 8px;
  color: #3A4056;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
}
.illegal-file-modal-content-file__size {
  font-size: 14px;
  color: #9BA0AD;
}
.illegal-file-modal-content-file__status {
  font-size: 14px;
  color: #9BA0AD;
  cursor: pointer;
  text-decoration: underline;
}
.illegal-file-modal-content-file__status:hover {
  color: #597DFC;
}
.illegal-file-modal-content-file__button {
  padding: 4px 8px;
  background: #F6F8FF;
  border-radius: 6px;
  border: 1px solid #325CF0;
  display: inline-flex;
  align-items: center;
  flex-direction: row;
  font-size: 12px;
  color: #325CF0;
  line-height: 14px;
  cursor: pointer;
}
.illegal-file-modal-content-file__disabled {
  font-size: 14px;
  color: #9BA0AD;
  line-height: 16px;
}

.Modals-FileSysModal-FlowLimited-Iconfont {
  width: 16px;
  height: 16px;
  cursor: pointer;
  color: #878999;
}
.Modals-FileSysModal-FlowLimited-flowLimited {
  box-sizing: border-box;
  height: 40px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  padding: 5px;
  padding-left: 12px;
}
.Modals-FileSysModal-FlowLimited-flowLimited-label {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  display: flex;
  align-items: center;
  gap: 6px;
}
.Modals-FileSysModal-FlowLimited-flowLimited-icon {
  margin-left: 2px;
  display: flex;
  align-items: center;
}
.Modals-FileSysModal-FlowLimited-flowLimited-switch {
  margin-left: 24px !important;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input {
  flex: 1;
  margin-left: 12px;
  position: relative;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input:hover::before {
  background: #abacb2;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input::before {
  content: "";
  position: absolute;
  right: 80px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e5e6eb;
  z-index: 1;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input-outlined {
  height: 30px !important;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .mfy-input-rectLine {
  border: none;
  background: transparent;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .mfy-input-rectLine:hover {
  border: none;
  background: unset;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .mfy-input-rectLine:hover .ant-input {
  border-color: #abacb2;
  background: #ffffff;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .mfy-input-rectLine:hover .ant-input-group-addon {
  border-color: #abacb2;
  background: #ffffff;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input {
  background: #ffffff;
  border: 1px solid #e5e6eb;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none !important;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input:focus-within {
  border-color: #3c80ff !important;
  box-shadow: none !important;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input:has(.ant-input:focus-within)::before {
  background: #3c80ff;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input:has(.ant-select-open)::before {
  background: #3c80ff;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input-group-wrapper-outlined .ant-input-group-addon {
  background: #ffffff;
  border: 1px solid #e5e6eb;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input-group-addon {
  position: relative;
  background: #ffffff;
  border-left: none !important;
}
.Modals-FileSysModal-FlowLimited-flowLimited-input .ant-input-group-addon:has(.ant-select-open) {
  border-color: #3c80ff !important;
}

.Modals-FileSysModal-CreateSuccess {
  margin-top: 8px;
}
.Modals-FileSysModal-CreateSuccess .url-host-drop {
  cursor: pointer;
}
.Modals-FileSysModal-CreateSuccess .url-host-drop svg {
  transition: all linear 0.3s;
  font-size: 16px;
  color: #BBBDC9;
  transform: rotateX(0deg);
  position: relative;
  top: 1px;
}
.Modals-FileSysModal-CreateSuccess .url-host-drop.active svg {
  transform: rotateX(180deg);
}
.Modals-FileSysModal-CreateSuccess-content-wrapper {
  display: flex;
  flex-direction: row;
  gap: 16px;
  width: 100%;
}
.Modals-FileSysModal-CreateSuccess-content-block {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.Modals-FileSysModal-CreateSuccess-content-top {
  padding: 24px;
  border-radius: 12px;
  border: 1px solid #E5E6EB;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  box-sizing: border-box;
  height: 296px;
}
.Modals-FileSysModal-CreateSuccess-content-top.qrcode-top {
  padding: 42px 20px 24px 20px;
  width: 186px;
  box-sizing: border-box;
}
.Modals-FileSysModal-CreateSuccess-content-setting-row {
  margin-bottom: 12px;
}
.Modals-FileSysModal-CreateSuccess-content-setting-row .ant-checkbox-inner {
  width: 14px !important;
  height: 14px !important;
  border-radius: 3px !important;
}
.Modals-FileSysModal-CreateSuccess-content-setting-row .ant-checkbox-inner:after {
  transform: rotate(45deg) scale(0.7) translate(-80%, -60%) !important;
}
.Modals-FileSysModal-CreateSuccess-content-text-area {
  font-weight: 400;
  font-size: 13px !important;
  line-height: 22px !important;
  letter-spacing: 0;
  color: #5E6278 !important;
  height: 124px !important;
  min-height: 124px !important;
  pointer-events: auto !important;
  word-break: break-all;
}
.Modals-FileSysModal-CreateSuccess-content-bottom {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.Modals-FileSysModal-CreateSuccess-content-bottom.left {
  justify-content: space-between;
  margin-top: 16px;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button {
  width: 96px !important;
  height: 36px !important;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-download {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #F5F6F7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-download:hover {
  background: #EDEEF0;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-download svg {
  font-size: 16px;
  color: #1B1F35;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-copy {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #F5F6F7;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-copy:hover {
  background: #EDEEF0;
}
.Modals-FileSysModal-CreateSuccess-content-bottom-button-copy svg {
  font-size: 16px;
  color: #1B1F35;
}
.Modals-FileSysModal-CreateSuccess-content {
  width: 504px;
  display: flex;
  flex-direction: column;
}
.Modals-FileSysModal-CreateSuccess-content-title-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.Modals-FileSysModal-CreateSuccess-content-title-row-button {
  padding: 0 !important;
  line-height: 22px !important;
  height: 22px !important;
}
.Modals-FileSysModal-CreateSuccess-content-title-row-text {
  font-weight: var(--mfy-font-width-new-bold);
  color: var(--mfy-color-new-secondary-describe-text);
  line-height: 22px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-only-link {
  transform: translateY(-32px);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-click {
  color: var(--mfy-color-new-secondary-text);
  cursor: pointer;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-click:hover {
  color: var(--mfy-color-new-emphasize-text);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-click:active {
  color: var(--mfy-color-new-emphasize-text);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-label span {
  letter-spacing: 10px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-center {
  flex: 1;
  font-weight: var(--mfy-font-width-new-bold);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-hidden {
  visibility: hidden;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-input {
  height: 32px !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-input .ant-input {
  font-size: 14px !important;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-input .ant-input::placeholder {
  font-size: 14px!important;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-input .icon {
  font-size: 16px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  gap: 6px;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button {
  height: 32px;
  width: 52px;
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E6EB;
  white-space: nowrap;
  box-sizing: border-box;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button:hover {
  background: rgba(182, 186, 195, 0.1);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button:active {
  background: rgba(182, 186, 195, 0.15);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button-primary {
  color: #FFFFFF;
  background: var(--mfy-color-primary);
  border: unset;
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button-primary:hover {
  background: var(--mfy-color-primary-hover);
}
.Modals-FileSysModal-CreateSuccess-content-text-row-edit-buttons-button-primary:active {
  background: var(--mfy-color-primary-active);
}
.Modals-FileSysModal-CreateSuccess-content-icon {
  font-size: 16px;
  color: var(--mfy-color-new-secondary-text);
  cursor: pointer;
}
.Modals-FileSysModal-CreateSuccess-content-text {
  color: var(--mfy-color-new-main-text);
}
.Modals-FileSysModal-CreateSuccess-content-text-bold {
  font-weight: var(--mfy-font-width-new-bold);
}
.Modals-FileSysModal-CreateSuccess-QRCode {
  width: 120px;
  height: 120px;
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #e5e6eb;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.Modals-FileSysModal-CreateSuccess-title {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  margin-top: 18px;
  color: #878999;
  letter-spacing: 0;
  margin-bottom: 26px;
}
.Modals-FileSysModal-CreateSuccess-label {
  font-weight: bold;
  font-size: 14px;
  color: #bbbdc9;
}
.Modals-FileSysModal-CreateSuccess-btn {
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #3c80ff;
  padding: 6px 12px;
  height: 32px;
  cursor: pointer;
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  box-sizing: border-box;
}
.Modals-FileSysModal-CreateSuccess-btn:hover {
  background: #f0f8ff;
  border: 1px solid #66a1ff;
  color: #66a1ff;
}
.Modals-FileSysModal-CreateSuccess-btn:active {
  background: #f0f8ff;
  border: 1px solid #2961d9;
  color: #2961d9;
}
.Modals-FileSysModal-CreateSuccess-warning {
  margin-top: 16px;
  height: 20px;
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
  line-height: 20px;
  text-align: center;
  font-style: normal;
  text-transform: none;
}

.violation-detail-modal {
  font-size: 14px;
  font-weight: 400;
  height: 100%;
}
.violation-detail-modal > div {
  height: 100%;
}
.violation-detail-modal > div > .ant-modal-content {
  height: 100%;
}
.violation-detail-modal .ant-modal-body {
  padding: 16px;
  height: calc(100% - 52px);
  display: flex;
  flex-direction: column;
}
.violation-detail-modal .ant-modal-body .violation-detail-modal-footer button {
  height: 36px;
  border-radius: 6px !important;
}
.violation-detail-modal .ant-modal-body .violation-detail-modal-footer .ant-pagination-item {
  border-radius: 6px !important;
}
.violation-detail-modal .ant-modal-body .violation-detail-modal-footer .ant-pagination-item:hover {
  background: rgba(182, 186, 195, 0.1) !important;
}
.violation-detail-modal .ant-modal-body .violation-detail-modal-footer .ant-pagination-item:active {
  background: rgba(182, 186, 195, 0.15) !important;
}
.violation-detail-modal .ant-modal-body .violation-detail-modal-footer .ant-pagination-disabled .icon {
  color: #D1D3E0 !important;
}
.violation-detail-modal-modal-height {
  height: 660px;
}
.violation-detail-modal-content {
  flex: 1;
  padding-bottom: 24px;
}
.violation-detail-modal-content .ant-table .table-header-wrapper {
  display: block;
  width: 100%;
}
.violation-detail-modal-content .ant-table .ant-table-thead::after {
  content: '';
  display: block;
  width: 100%;
  height: 8px;
}
.violation-detail-modal-content .ant-table .ant-table-thead tr {
  border-radius: 8px !important;
}
.violation-detail-modal-content .ant-table .ant-table-thead tr th {
  height: 48px !important;
  color: #878999;
  font-weight: 400;
  background: #fafafa;
  padding: 10px 20px !important;
  box-sizing: border-box;
}
.violation-detail-modal-content .ant-table .ant-table-tbody tr {
  height: 56px;
}
.violation-detail-modal-content .ant-table .ant-table-tbody tr td {
  padding: 10px 20px !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-btn {
  display: flex;
  height: 32px;
  width: 80px;
  padding: 8px 8px 8px 12px;
  margin-left: 0;
  border-radius: 6px !important;
  margin-inline-start: 0 !important;
  gap: 2px !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-btn:active {
  border-color: #2961d9 !important;
  color: #2961d9 !important;
  background: #fff !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-btn:active .icon {
  color: #2961D9 !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-btn:hover .icon {
  color: #66A1FF !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-btn .icon {
  gap: 2px !important;
  color: #3C80FF !important;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-status {
  display: flex;
  box-sizing: border-box;
  height: 32px;
  padding: 5px 12px;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: #fff6f7;
  color: #f64e60;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  width: 80px;
}
.violation-detail-modal-content .ant-table .ant-table-tbody .appeal-status.inProgress {
  background: #FFF7E8;
  color: #E69800;
  width: 66px;
}
.violation-detail-modal-content .ant-table .ant-table-tbody > tr:hover > td {
  background-color: rgba(182, 186, 195, 0.1);
}
.violation-detail-modal-filename {
  color: #3c3f52;
}
.violation-detail-modal-time {
  color: #bbbdc9;
}
.violation-detail-modal-detail {
  color: #bbbdc9;
}

@keyframes l1 {
  to {
    transform: rotate(1turn);
  }
}
.OfflineDown-AnalysisTask {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.OfflineDown-AnalysisTask .ant-btn {
  width: 68px;
  height: 32px !important;
}
.OfflineDown-AnalysisTask-modal .ant-modal-content {
  height: 340px;
}
.OfflineDown-AnalysisTask-loading {
  animation: l1 1s infinite;
  width: 72px;
  height: 72px;
  margin-top: 25px;
  margin-bottom: 20px;
}
.OfflineDown-AnalysisTask-error {
  width: 96px;
  height: 96px;
  margin-bottom: 8px;
  position: relative;
  left: 5px;
}
.OfflineDown-AnalysisTask-two {
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
  height: 18px;
  line-height: 18px;
}
.OfflineDown-AnalysisTask-three {
  margin-top: 8px;
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 12px;
  text-align: center;
  height: 16px;
  line-height: 16px;
}

.offline-modal .ant-modal-title {
  color: #7B808F;
}
.offline-modal .ant-modal-body {
  padding: 18px 24px !important;
}

.OfflineDown-CreateOffline-tips {
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
  line-height: 22px;
  font-family: var(--mfy-font-family);
  margin-top: 10px;
}

.offline-member .ant-modal-content {
  height: 439px;
  box-shadow: unset !important;
  border-radius: unset !important;
  background: transparent url("https://statics.123pan.com//static-by-custom/pc/image/offline_download_bg.png") no-repeat !important;
  background-size: 100% 100% !important;
}
.offline-member .ant-modal-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #FFFFFF;
  color: #fff;
  top: 457px;
  right: 50%;
  margin-right: -15px;
}
.offline-member .ant-modal-close:hover {
  color: #fff;
  background-color: transparent!important;
}
.offline-member .ant-modal-header {
  display: none!important;
}
.offline-member .ant-modal {
  top: -45px !important;
}
.offline-member .close-icon {
  color: #fff;
}
.offline-member .offline-member-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 140px;
}
.offline-member .offline-member-body .title {
  font-size: 18px;
  font-weight: bold;
  color: #597DFC;
}
.offline-member .offline-member-body .content {
  width: 222px;
  height: 48px;
  margin-top: 8px;
  font-size: 14px;
  color: #3A4056;
  text-align: center;
}
.offline-member .offline-member-body .footer-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 148px;
  height: 50px;
  margin-top: 130px;
  background: linear-gradient(158deg, #597DFC 52%, #8AF8FF 100%);
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.05);
  border-radius: 100px 100px 100px 100px;
  font-size: 14px;
  color: #fff;
}

.breadcrumb-nav {
  flex: 1;
  display: flex;
  align-items: center;
}
.breadcrumb-nav .icon {
  margin-right: 14px;
  color: #C5C8D2;
  cursor: pointer;
}
.breadcrumb-nav .refresh-icon {
  color: #090C19;
}
.breadcrumb-nav .nav-all-file {
  display: block;
  width: 116px;
  background: #e4e4e4;
  margin-right: 10px ;
  padding: 4px;
  font-size: 12px;
}
.breadcrumb-nav .nav-all-file .anticon {
  font-size: 10px;
  margin-right: 2px;
}
.breadcrumb-nav .file-nav-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  padding: 0 4px;
  border-radius: 6px;
}
.breadcrumb-nav .file-nav-list .file-nav-icon {
  color: #9BA0AD;
}
.breadcrumb-nav .file-nav-list .file-nav-icon .anticon {
  margin-right: 8px;
}
.breadcrumb-nav .file-nav-list .file-nav-icon .nav-icon {
  font-size: 12px;
  margin-right: 8px;
}
.breadcrumb-nav .file-nav-list .nav-title {
  color: #3A4056;
  margin-right: 8px;
  font-size: 14px;
  cursor: pointer;
}
.breadcrumb-nav .file-nav-list .ant-breadcrumb-link {
  display: inline-block;
  cursor: pointer;
}
.breadcrumb-nav .file-nav-list .ant-breadcrumb-link img {
  width: 20px;
  height: 20px;
  margin-top: -5px;
  margin-right: 8px;
}
.breadcrumb-nav .file-nav-list-hover:hover {
  background: #F8F8F8;
}
.breadcrumb-nav .ant-breadcrumb-link a {
  color: #3A4056 !important;
}
.breadcrumb-nav .file-nav-name {
  display: flex;
}
.breadcrumb-nav .file-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 30px;
  height: 20px;
}
.breadcrumb-nav .file-icon .icon {
  margin-left: -6px;
}
.breadcrumb-nav .file-icon-border {
  margin-right: 15px;
  width: 1px;
  height: 16px;
  background: #EDEFF3;
}
.home-file-menu {
  display: inline-block;
}
.home-file-menu a {
  color: rgba(0, 0, 0, 0.45) !important;
}
.home-file-menu img {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-top: -3px;
}

.OfflineDown-SaveBtFile-modal-header {
  color: #1b1f35;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}
.OfflineDown-SaveBtFile-modal-header-beta {
  font-size: 13px;
  color: #bbbdc9;
}
.OfflineDown-SaveBtFile-modal-notHttp-header {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
}
.OfflineDown-SaveBtFile-modal-notHttp-header-img {
  width: 32px;
  height: 32px;
}
.OfflineDown-SaveBtFile-modal-notHttp-header-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.OfflineDown-SaveBtFile-modal-notHttp-header-info-name {
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 360px;
}
.OfflineDown-SaveBtFile-modal-notHttp-header-info-bottom {
  display: flex;
  align-items: center;
  gap: 11px;
}
.OfflineDown-SaveBtFile-modal-notHttp-header-info-bottom-text {
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
}
.OfflineDown-SaveBtFile-modal-notHttp-body {
  margin-top: 16px;
  height: 332px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #e5e6eb;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-checkbox-inner,
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-checkbox {
  width: 14px !important;
  height: 14px !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-checkbox .ant-checkbox-inner:after {
  width: 5px;
  height: 8px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-checkbox-indeterminate .ant-checkbox-inner:after {
  width: 6px;
  height: 6px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-tbody .ant-table-cell {
  background: transparent !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #bbbdc9 !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-tbody .ant-table-cell:nth-child(1) {
  padding-left: 17px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-tbody .ant-table-cell:nth-child(2) {
  padding-left: 17px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-thead .ant-table-cell:nth-child(1) {
  padding-left: 17px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-thead .ant-table-cell:nth-child(2) {
  padding-left: 17px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-thead .ant-table-cell {
  background: #fafafa !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #878999 !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body .ant-table-thead .ant-table-cell-scrollbar {
  box-shadow: unset !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-header {
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #878999 !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-header .ant-checkbox-label {
  font-weight: 400 !important;
  font-size: 12px !important;
  color: #878999 !important;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-table-cancelSelect {
  margin-left: 12px;
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  cursor: pointer;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-table-name {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-table-name-img {
  width: 24px;
  height: 24px;
}
.OfflineDown-SaveBtFile-modal-notHttp-body-table-name-text {
  font-weight: 400;
  font-size: 12px;
  color: #1b1f35;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.OfflineDown-SaveBtFile-modal-isHttp {
  height: 332px;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
  border: 1px solid #e5e6eb;
  padding: 19px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
}
.OfflineDown-SaveBtFile-modal-isHttp-item {
  height: 37px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.OfflineDown-SaveBtFile-modal-isHttp-item-png {
  width: 32px;
  height: 32px;
}
.OfflineDown-SaveBtFile-modal-isHttp-item-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.OfflineDown-SaveBtFile-modal-isHttp-item-info-name {
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
}
.OfflineDown-SaveBtFile-modal-isHttp-item-info-size {
  font-weight: 400;
  font-size: 12px;
  color: #bbbdc9;
}
.OfflineDown-SaveBtFile-modal-total {
  margin-top: 10px;
}
.OfflineDown-SaveBtFile-modal-total-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 22px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 22px;
}
.OfflineDown-SaveBtFile-modal-total-info span {
  flex: 1;
}
.OfflineDown-SaveBtFile-modal-total-save {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
  margin-top: 10px;
  gap: 4px;
}
.OfflineDown-SaveBtFile-modal-total-save-label {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 22px;
}
.OfflineDown-SaveBtFile-modal-total-save-input {
  height: 30px;
  background: #f5f6f7;
  border-radius: 6px 6px 6px 6px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
}
.OfflineDown-SaveBtFile-modal-total-save-input-text {
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.video-look {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}
.video-look .ant-image-preview-wrap {
  overflow: hidden;
}
.video-look .video-wrap {
  position: absolute;
  width: 1211px;
  height: 779px;
  top: 50%;
  left: 50%;
  margin-top: -389px;
  margin-left: -605px;
  background-color: #000000;
}
.video-look .video-wrap-fullScreen {
  position: absolute;
  background-color: #000000;
  width: 100%;
  height: 100%;
  top: 0;
}
.video-look .video-header-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  height: 88px;
  top: -88px;
  background: linear-gradient(180deg, rgba(2, 2, 2, 0.8) 0%, rgba(2, 2, 2, 0) 100%);
  transition: all 0.6s ease;
}
.video-look .video-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 10px;
  z-index: 7;
  color: #fff;
  width: 100%;
  height: 40px;
  padding: 0 24px;
  transition: top 0.1s ease;
  box-sizing: border-box;
}
.video-look .video-header .video-title {
  width: 681px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
  font-size: 14px;
  color: #fff !important;
}
.video-look .video-header .video-icon-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  margin-left: 16px;
  cursor: pointer;
  box-sizing: content-box;
  -webkit-app-region: no-drag;
}
.video-look .video-header .video-icon-box .icon {
  font-size: 20px;
  cursor: pointer;
}
.video-look .video-header .video-icon-box:hover .icon {
  color: #597dfc !important;
}
.video-look .video-header .video-vip-btn {
  position: relative;
  padding: 0 8px;
  margin-right: 2px;
  height: 24px;
  line-height: 24px;
  background: #597DFC;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-app-region: no-drag;
}
.video-look .video-header .video-vip-btn::after {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: inherit;
}
.video-look .video-header .video-close {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 50px;
  cursor: pointer;
  z-index: 3;
  -webkit-app-region: drag;
}
.video-look .video-header .video-close .icon {
  font-size: 24px;
  color: #fff !important;
}
.video-look .video-header .icon {
  color: #fff;
}
@media screen and (max-width: 1536px) {
  .video-look .video-wrap {
    position: absolute;
    width: 1000px;
    height: 644px;
    top: 50%;
    left: 50%;
    margin-top: -332px;
    margin-left: -500px;
    background-color: #000000;
  }
  .video-look .video-header {
    top: 0;
  }
}
.video-look .video-page {
  width: 100%;
  height: 100%;
}
.video-look .video-page-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.video-look .video-page-loading .anticon {
  color: #fff;
  font-size: 51px;
}
.video-look .video-box {
  width: 100%;
  height: 100%;
}
.video-look #videoPlay {
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 0px 0px;
}
.video-look .dplayer-video-wrap {
  background: #000000 !important;
}
.video-look .quickKey-modal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3005;
}
.video-look .quickKey-body {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 650px;
  height: 100%;
  margin-left: -325px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.video-look .quickKey-body .quickKey-title {
  font-size: 20px;
  color: #FFFFFF;
}
.video-look .quickKey-body .quickKey-list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 43px 0 75px 0;
  justify-content: center;
}
.video-look .quickKey-body .quickKey-list .quickKey-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 215px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 32px;
  padding-left: 35px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item .item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  width: 26px;
  height: 26px;
  margin-left: 8px;
  background: rgba(255, 255, 255, 0.24);
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #B8BBC4;
}
.video-look .quickKey-body .quickKey-list .quickKey-item .item-icon .icon-name {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  min-width: 22px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item .item-icon .icon {
  color: #fff;
  font-size: 22px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item .item-name {
  margin-left: 14px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(10) .item-icon {
  width: 72px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(10),
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(11) {
  padding-left: 30px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(1),
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(4),
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(7) {
  padding-left: 45px;
}
.video-look .quickKey-body .quickKey-list .quickKey-item:nth-child(12) {
  padding-left: 1px;
}
.video-look .quickKey-body .quickKey-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-look .quickKey-body .quickKey-btn .ant-btn {
  width: 150px;
  height: 40px;
  background: #597DFC;
  border-radius: 100px 100px 100px 100px;
  font-size: 14px;
  color: #fff;
  border: unset;
  cursor: pointer;
}
.video-look .quickKey-body .quickKey-btn .ant-btn-variant-outlined:not(:disabled):not(.ant-btn-disabled):hover {
  color: #fff;
  background: #597DFC;
}
.video-look-hide .video-header-box {
  top: -88px;
}
.video-look-hide .drawer-body {
  right: -510px !important;
}
.video-look-Show .video-header-box {
  top: 0px;
}
.video-look-Show .drawer-body {
  right: -386px !important;
}
.video-tooltip {
  padding-top: 5px!important;
}
.video-tooltip .ant-tooltip-inner {
  min-width: unset!important;
  min-height: unset!important;
  padding: 0 5px!important;
  background: #7B808F !important;
  border-radius: 6px 6px 6px 6px!important;
  color: #fff !important;
  border: 1px solid #B8BBC4 !important;
}
.video-tooltip .ant-tooltip-arrow-content {
  display: none;
  --antd-arrow-background-color: #7B808F!important;
}
.video-tooltip .ant-tooltip-arrow-content::before {
  top: -11px !important;
  left: -11px !important;
  width: 19px!important;
  height: 19px!important;
}

.video-box {
  position: relative;
}
.video-box .video-top-message .frontend-message-notice-content {
  background: var(--Mask-01-, rgba(0, 0, 0, 0.5));
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07) !important;
  color: #fff;
  border: none !important;
  margin-top: 100px;
}
.video-box .video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.video-box .video-mask .video-mask-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.video-box .video-mask .video-mask-body {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-box .video-mask .video-mask-body .video-loading-img {
  width: 240px;
  height: 132px;
}
.video-box .video-mask .video-mask-body .video-loading-text {
  width: 432px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  margin-top: 25px;
  line-height: 24px;
}
.video-box .video-mask .video-mask-body .anticon-spin {
  color: #fff;
  font-size: 51px;
}
.video-box #videoPlay {
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 0px 0px;
}
.video-box #videoPlay .dplayer-controller-mask {
  height: 160px;
  background: linear-gradient(180deg, rgba(2, 2, 2, 0) 0%, #020202 100%);
}
.video-box .drawer-bg {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3003;
}
.video-box .drawer-body {
  position: absolute;
  right: -510px;
  top: 0;
  width: 384px;
  background: #1E1F20;
  z-index: 3004;
  transition: right 0.6s ease;
  height: 100%;
}
.video-box .drawer-body .drawer-btn-icon {
  position: absolute;
  top: 50%;
  left: -90px;
  width: 50px;
  height: 101px;
  margin-top: -50px;
  z-index: 2;
  background: rgba(49, 49, 49, 0.5);
  border-radius: 6px 6px 6px 6px;
}
.video-box .drawer-body .drawer-btn-icon .icon {
  font-size: 24px;
}
.video-box .drawer-body .drawer-btn-icon .btn-icon {
  color: #fff;
}
.video-box .drawer-body .drawer-btn-icon .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.video-box .drawer-body .drawer-btn-icon .btn-rotation {
  position: relative;
}
.video-box .drawer-body .drawer-btn-icon .btn-rotation::after {
  position: absolute;
  content: '';
  top: 0;
  left: 5px;
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
}
.video-box .drawer-body .btn-rotation:hover .icon {
  color: #597dfc;
}
.video-box .drawer-body .btn-camera:hover .icon {
  color: #597dfc;
}
.video-box .drawer-body .drawer-icon {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: -24px;
  width: 24px;
  height: 80px;
  background: rgba(49, 49, 49, 0.5);
  border-radius: 6px 0px 0px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-box .drawer-body .drawer-icon .icon {
  font-size: 24px;
  color: #fff;
}
.video-box .drawer-body .drawer-icon:hover .icon {
  color: #597dfc;
}
.video-box .drawer-body .video-next {
  display: none;
}
.video-box .drawer-body .video-previous {
  display: block;
}
.video-box .drawer-body .video-body {
  padding: 32px 0 36px 0;
  height: 100%;
  box-sizing: border-box;
}
.video-box .drawer-body .video-body .video-title {
  padding: 0 24px;
  margin-bottom: 4px;
  color: #FFFFFF;
}
.video-box .drawer-body .video-body .video-list {
  display: flex;
  flex-direction: column;
}
.video-box .drawer-body .video-body .video-list .video-box-item {
  display: flex;
  align-items: center;
  height: 94px;
  padding: 0 24px;
}
.video-box .drawer-body .video-body .video-list .video-box-item:hover {
  background: rgba(255, 255, 255, 0.06);
}
.video-box .drawer-body .video-body .video-list .video-box-item-select {
  background: rgba(255, 255, 255, 0.06);
}
.video-box .drawer-body .video-body .video-list .video-item {
  display: flex;
  align-items: center;
  height: 72px;
  cursor: pointer;
}
.video-box .drawer-body .video-body .video-list .video-item img {
  width: 120px;
  height: 72px;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 72px;
  margin-left: 16px;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-name {
  width: 203px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  overflow: hidden;
  word-break: break-all !important;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-name-select {
  color: #597DFC;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-progress {
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-present {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-weight: 300;
  color: #597DFC;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-present .icon {
  width: 1em !important;
  height: 1em !important;
  margin-right: 6px;
}
.video-box .drawer-body .video-body .video-list .video-item .video-info .video-present img {
  width: 12px;
  height: 12px;
  margin-right: 12px;
}
.video-box .drawer-body .video-body .video-list .video-item:hover .video-name {
  color: #597DFC;
}
.video-box .rc-virtual-list-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.42) !important;
}
.video-box .rc-virtual-list-scrollbar {
  width: 6px !important;
}

.subtitle-display {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  background: rgba(0, 0, 0, 0.32);
  padding: 10px 24px;
  font-size: 24px;
  width: max-content;
  max-width: 90%;
  text-align: center;
  word-wrap: break-word;
}
.subtitle-display-size-small .subtitle-display {
  font-size: 24px;
}
.subtitle-display-size-medium .subtitle-display {
  font-size: 32px;
}
.subtitle-display-size-large .subtitle-display {
  font-size: 40px;
}

.select-sub-file-modal-breadcrumb.ant-breadcrumb {
  margin-bottom: 24px;
}
.select-sub-file-modal-breadcrumb .ant-dropdown-trigger .anticon.anticon-down {
  display: none;
}
.select-sub-file-modal-breadcrumb .ant-breadcrumb-link > img {
  width: 20px;
  margin-top: -8px;
  margin-right: 5px;
}
.select-sub-file-modal-list {
  width: 100%;
  height: 404px;
  overflow-y: auto;
  padding-bottom: 10px;
  box-sizing: border-box;
}
.select-sub-file-modal-list .select-sub-file-modal-list-empty > div {
  text-align: center;
  font-size: 14px;
  color: #7B808F;
}
.select-sub-file-modal-list .select-sub-file-modal-list-empty > img {
  display: block;
  margin: 0 auto;
  margin-top: 133px;
  margin-bottom: 20px;
  width: 85px;
  height: 84px;
}
.select-sub-file-modal-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  margin-bottom: 4px;
  padding-left: 10px;
}
.select-sub-file-modal-list-item .select-sub-file-modal-list-item-checkbox {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}
.select-sub-file-modal-list-item:hover {
  border-radius: 10px;
  background: #f7f6f6;
  cursor: pointer;
}
.select-sub-file-modal-list-item.choose {
  border-radius: 10px;
  background: #F0F9FF;
}
.select-sub-file-modal-list-item-filename {
  display: inline-block;
  margin-left: 14px;
  color: #25262B;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 900px) {
  .select-sub-file-modal-list-item-filename {
    max-width: 380px;
  }
}
@media screen and (max-width: 900px) {
  .select-sub-file-modal-list-item-filename {
    width: 78%;
  }
}

.SubtitleList-Mask {
  width: 240px;
  height: 345px;
  position: absolute;
  z-index: 4000;
  bottom: 100%;
  margin-left: -106px;
  padding-bottom: 37px;
}
.SubtitleList-Mask.hidden {
  display: none;
}
.SubtitleList-Root {
  background: rgba(30, 31, 32, 0.96);
  color: #fff;
  padding: 16px;
  padding-top: 11px;
  height: 100%;
  border-radius: 6px 6px 6px 6px;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.SubtitleList-Root .icon {
  color: #B8BBC4;
}
.SubtitleList-Root .subtitle-time-adjust button:hover .icon {
  color: #597DFC;
}
.SubtitleList-Root::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.SubtitleList-Root::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #909090;
}
.SubtitleList-Root .subtitle-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 156px;
}
.SubtitleList-Root ul {
  padding-left: 0;
  margin-bottom: 0;
}
.SubtitleList-Root > ul > li {
  width: 208px;
  height: 28px;
  padding: 4px 8px;
  list-style: none;
  cursor: pointer;
  border-radius: 6px 6px 6px 6px;
  align-items: center;
  margin-bottom: 5px;
  color: #F8F9FC;
  display: flex;
  justify-content: space-between;
}
.SubtitleList-Root > ul > li .left {
  display: flex;
  align-items: center;
  gap: 3px;
}
.SubtitleList-Root > ul > li .left .ant-tooltip {
  right: 100% !important;
}
.SubtitleList-Root > ul > li .right .icon {
  display: none;
}
.SubtitleList-Root > ul > li:hover {
  background: rgba(255, 255, 255, 0.12);
}
.SubtitleList-Root > ul > li[data-active=true] {
  color: #597DFC;
  background: rgba(255, 255, 255, 0.12);
}
.SubtitleList-Root > ul > li[data-active=true] .icon {
  display: initial;
  color: #597DFC;
}
.SubtitleList-Button {
  height: 18px;
  padding: 0 4px;
  font-size: 14px;
  color: white;
  line-height: 17px;
}
.subtitle-settings-title {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subtitle-settings-title .btn-reset {
  cursor: pointer;
  font-size: 12px;
}
.subtitle-settings-title .btn-reset:hover {
  color: #597DFC;
}
.subtitle-settings,
.subtitle-time-adjust {
  margin-bottom: 8px;
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.subtitle-settings button:hover,
.subtitle-time-adjust button:hover {
  color: #597DFC;
}
.subtitle-settings button,
.subtitle-time-adjust button {
  border: none;
  cursor: pointer;
  background: #444;
  color: white;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subtitle-time-adjust .subtitle-time-offset {
  width: 144px;
  height: 28px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #DCDFE7;
  margin: 0;
}
.subtitle-settings button {
  width: 64px;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 6px 6px 6px 6px;
  font-size: 14px;
  color: #DCDFE7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.subtitle-settings button.active {
  background: #597DFC;
}
.subtitle-settings button.active:hover {
  color: #DCDFE7;
}
.subtitle-time-adjust span {
  margin: 0 10px;
  font-size: 14px;
  color: #ddd;
}

.subtitle-toast {
  display: inline-block;
  padding: 10px 12px;
  background: rgba(2, 2, 2, 0.5);
  border-radius: 6px 6px 6px 6px;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
  position: fixed;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
}

.btn-subtitle-track {
  position: relative;
  display: inline-block;
  height: 100%;
  z-index: 2;
  color: #fff;
}
.btn-subtitle-track:hover .SubtitleList-Button {
  color: #597DFC;
}
.btn-subtitle-track .SubtitleList-Button {
  background-color: transparent;
}
.btn-subtitle-track svg.icon {
  width: 1em;
  height: 1em;
  margin-right: 0;
}

.screenshot-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 3007;
}
.screenshot-modal .screenshot-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 3000;
}
.screenshot-modal .screenshot-preview {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 524px;
  margin-top: -212px;
  margin-left: -280px;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 6px 6px 6px 6px;
  z-index: 3002;
}
.screenshot-modal .screenshot-preview .screenshot-close {
  position: absolute;
  top: -14px;
  right: -14px;
  width: 28px;
  height: 28px;
  line-height: 33px;
  text-align: center;
  border-radius: 100%;
  background: #7B808F;
  cursor: pointer;
}
.screenshot-modal .screenshot-preview .screenshot-close .icon {
  font-size: 22px;
  color: #fff;
}
.screenshot-modal .screenshot-preview .screenshot-body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 12px 0 12px;
  border: 1px solid rgba(123, 128, 143, 0.5);
  border-radius: 6px;
}
.screenshot-modal .screenshot-preview .screenshot-body .img-url {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  min-height: 240px;
  max-height: 320px;
  background: rgba(0, 0, 0, 0.75);
}
.screenshot-modal .screenshot-preview .screenshot-body .img-url img {
  width: 100%;
  height: auto;
  max-height: 322px;
}
.screenshot-modal .screenshot-preview .screenshot-body .preview-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 500px;
  height: 40px;
  margin: 11px 0;
  padding: 8px 12px;
  background: #FFFFFF;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #000000;
}
.screenshot-modal .screenshot-preview .screenshot-body .preview-bottom .path-tips {
  width: 310px;
}
.screenshot-modal .screenshot-preview .screenshot-body .preview-bottom .path {
  width: 260px;
  height: 24px;
  line-height: 24px;
  padding: 0 12px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #EDEFF3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.screenshot-modal .screenshot-preview .screenshot-body .preview-bottom .preview-btn {
  width: 68px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #3A4056;
  cursor: pointer;
}
.screenshot-modal .screenshot-preview .screenshot-body .preview-bottom .preview-btn:hover {
  border-color: #597dfc;
  color: #597dfc;
}

.video-new-user-tips {
  position: absolute;
  left: 24px;
  bottom: 80px;
  width: 258px;
  height: 44px;
  padding: 0 16px;
  background: rgba(58, 64, 86, 0.66);
  border-radius: 6px 6px 6px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3003;
}
.video-new-user-tips .tip-text {
  font-size: 14px;
  color: #FFFFFF;
}
.video-new-user-tips .open-vip {
  position: relative;
}
.video-new-user-tips .open-vip .vip-btn {
  width: 104px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #597DFC;
  border-radius: 3px 3px 3px 3px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.video-new-user-tips .open-vip .btn-tips {
  position: absolute;
  top: -11px;
  right: -5px;
  width: 72px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  background: #FED8DD;
  border-radius: 3px 3px 3px 3px;
  color: #F74D5E;
  font-size: 12px;
}

.video-stuck-tips {
  position: absolute;
  left: 24px;
  bottom: 80px;
  width: 334px;
  padding: 6px 9px 6px 13px;
  background: #131628;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3003;
  border-radius: 33px;
}
.video-stuck-tips .tip-content {
  flex: 1;
  margin-right: 8px;
}
.video-stuck-tips .tip-content .tip-text {
  color: #FFFFFF;
  font-size: 12px;
  line-height: 17px;
}
.video-stuck-tips .action-btn {
  padding: 4px 8px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 100px;
  background: var(--mfy-color-primary);
}
.video-stuck-tips .action-btn:hover {
  background: var(--mfy-color-primary-hover);
}
.video-stuck-tips .action-btn:active {
  background-color: var(--mfy-color-primary-active);
}

.view-details .view-details-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.view-details .view-details-body .file-img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  opacity: 1;
  margin-top: 12px;
}
.view-details .view-details-body .file-name {
  width: 100%;
  margin: 8px 0 24px 0;
  font-weight: bold;
  font-size: 14px;
  color: #1B1F35;
  line-height: 22px;
  text-align: center;
}
.view-details .view-details-body .file-info {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #E5E6EB;
}
.view-details .view-details-body .file-info .inner-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
}
.view-details .view-details-body .file-info .info-item {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 20px;
}

.download-routes-modal .download-info .file-info {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 20px;
  line-height: 22px;
  padding: 4px 12px;
  gap: 20px;
  border-radius: 6px;
  border: 1px solid #E5E6EB;
}
.download-routes-modal .download-info .download-tip {
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  line-height: 22px;
}
.download-routes-modal .download-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 16px;
  margin: 20px 0;
}
.download-routes-modal .download-buttons .download-route-btn {
  background-color: #FAFAFA;
  border: 1px solid var(--mfy-color-new-disable-text);
  border-radius: 8px;
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  padding: 10px 18px;
  text-align: center;
  cursor: pointer;
}
.download-routes-modal .download-buttons .download-route-btn:hover {
  border-radius: 8px;
  border: 1px solid var(--mfy-color-new-secondary-describe-text);
  background: #F5F6F7;
}
.download-routes-modal .download-buttons .download-route-btn:active {
  border-radius: 8px;
  border: 1px solid var(--mfy-color-new-describe-text);
  background: #EDEEF0;
}
.download-routes-modal .download-fail {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--mfy-color-new-describe-text);
  gap: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.download-routes-modal .download-fail .appeal-link {
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.download-routes-modal .download-fail .appeal-link:hover {
  color: var(--mfy-color-primary-hover);
}
.download-routes-modal .download-fail .appeal-link:active {
  color: var(--mfy-color-primary-active);
}

@keyframes translateX {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(186px);
  }
  100% {
    transform: translateX(0);
  }
}
.decompression-open-loading-modal-modal .ant-modal {
  top: 348px;
}
.decompression-open-loading-modal-modal .ant-modal-title {
  color: #3A4056;
  font-size: 14px;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.decompression-open-loading-modal-modal .ant-modal-content {
  position: relative;
  border-radius: 8px;
}
.decompression-open-loading-modal-modal__wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.decompression-open-loading-modal-modal__image {
  width: 100px;
  height: 100px;
  margin-bottom: 6px;
}
.decompression-open-loading-modal-modal__tips {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 25px;
}
.decompression-open-loading-modal-modal__tips--icon {
  margin-right: 8px;
}
.decompression-open-loading-modal-modal__tips--text {
  font-size: 14px;
  color: var(--mfy-color-text);
  line-height: 16px;
}
.decompression-open-loading-modal-modal__indicator {
  height: 5px;
  overflow: hidden;
  background-color: #E8E8E8;
  border-radius: 6px;
  width: 100%;
}
.decompression-open-loading-modal-modal__loading--line {
  height: 5px;
  background: linear-gradient(108deg, #597DFC 48%, rgba(138, 248, 255, 0.8) 100%);
  border-radius: 6px;
  width: 170px;
  animation: translateX ease-in infinite 1s;
}

.decompression-password-modal .ant-modal {
  top: 350px;
}
.decompression-password-modal input {
  border: none;
  box-shadow: none;
}
.decompression-password-modal input::placeholder {
  color: #B8BBC4;
}
.decompression-password-modal-input {
  height: 32px;
  background-color: #F0F3FA !important;
  border-radius: 6px;
}
.decompression-password-modal-close {
  width: 24px;
  height: 24px;
}
.decompression-password-modal-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}
.decompression-password-modal-footer__cancel {
  margin-right: 16px;
}
.decompression-password-modal-footer__confirm.ant-btn-primary[disabled] {
  background: #597DFC !important;
  color: #FFFFFF !important;
  opacity: 0.5;
}

.decompression-modal-modal .ant-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.decompression-modal-modal .ant-modal-title {
  color: #3A4056;
  font-size: 14px;
  width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.decompression-modal-modal .ant-modal-content {
  width: 510px;
  position: relative !important;
  border-radius: 8px;
}
.decompression-modal-modal-close {
  width: 24px;
  height: 24px;
}
.decompression-modal-modal-save {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  gap: 4px;
}
.decompression-modal-modal-save-label {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 22px;
}
.decompression-modal-modal-save-input {
  height: 30px;
  background: #f5f6f7;
  border-radius: 6px 6px 6px 6px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  cursor: pointer;
  overflow: hidden;
}
.decompression-modal-modal-save-input-text {
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.decompression-modal-breadcrumb {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.decompression-modal-breadcrumb .ant-breadcrumb li:last-child .decompression-modal-breadcrumb__item {
  color: #3A4056 !important;
  cursor: default !important;
}
.decompression-modal-breadcrumb__last {
  font-size: 14px;
  color: #9BA0AD;
  cursor: pointer;
  padding-right: 8px;
  position: relative;
  margin-right: 12px;
}
.decompression-modal-breadcrumb__last:after {
  content: '';
  width: 2px;
  height: 18px;
  background: #9BA0AD;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
}
.decompression-modal-breadcrumb__last:hover {
  color: #597DFC;
}
.decompression-modal-breadcrumb__item {
  font-size: 14px;
  color: #9BA0AD;
  cursor: pointer;
}
.decompression-modal-breadcrumb__item:hover {
  color: #597DFC;
}
.decompression-modal-breadcrumb__dropdown {
  z-index: 99999;
}
.decompression-modal-breadcrumb__dropdown .ant-dropdown-menu-title-content {
  text-align: left;
}
.decompression-modal-breadcrumb__dropdown--icon {
  font-size: 20px;
}
.decompression-modal-breadcrumb__dropdown--icon svg {
  color: #9BA0AD;
}
.decompression-modal-breadcrumb__dropdown--icon:hover {
  background-color: rgba(244, 246, 252, 0.9);
}
.decompression-modal-breadcrumb__dropdown--icon:hover svg {
  color: #597DFC;
}
.decompression-modal-file__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.decompression-modal-file__text {
  width: 100%;
}
.decompression-modal-content {
  height: 339px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row-selected > td {
  background: rgba(182, 186, 195, 0.1) !important;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row-selected {
  border-radius: 8px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row:hover {
  border-radius: 8px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row:hover td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row:hover td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row:hover > td {
  background: rgba(182, 186, 195, 0.1) !important;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row:hover > td .decompression-modal-row__decompress {
  display: block;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row-selected td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.decompression-modal-content .ant-table-tbody > tr.ant-table-row-selected td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.decompression-modal-content .ant-table-tbody .ant-table-cell {
  padding-top: 10px!important;
  padding-bottom: 10px !important;
  border: none !important;
}
.decompression-modal-content table tr td.ant-table-selection-column {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.decompression-modal-content .ant-table-thead > tr > th {
  border: none !important;
}
.decompression-modal-content .ant-table-measure-row > tr td {
  padding: 0 !important;
}
.decompression-modal-content__empty--img {
  display: block;
  margin: 100px auto 20px auto;
  width: 85px;
  height: 84px;
}
.decompression-modal-content__empty--text {
  color: #7B808F;
  font-size: 14px;
  text-align: center;
}
.decompression-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 24px;
}
.decompression-modal-footer .ant-btn-primary[disabled] {
  background: #597DFC !important;
  color: #FFFFFF !important;
  opacity: 0.5;
}
.decompression-modal-row__decompress {
  width: 52px;
  height: 22px;
  border-radius: 6px;
  border: 1px solid #597DFC;
  color: #597DFC;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  display: none;
  cursor: pointer;
}
.decompression-modal-row__decompress.disabled {
  border: 1px solid #9BA0AD;
  color: #9BA0AD;
  cursor: not-allowed;
}
.decompression-modal-cancel__modal .ant-modal {
  top: 350px !important;
}
.decompression-modal-cancel__modal .ant-modal-content {
  width: 342px !important;
  border-radius: 8px;
}
.decompression-modal-cancel__content {
  color: #3A4056;
  font-size: 14px;
}
.decompression-modal-cancel__footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-top: 24px;
}
.decompression-modal-decompression__loading {
  background: #FEF5E1;
  border-radius: 4px;
  border: 1px solid rgba(251, 190, 68, 0.24);
  height: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  position: absolute;
  top: 67px;
  left: 68px;
  z-index: 9999;
}
.decompression-modal-decompression__loading--icon {
  margin-right: 9px;
  font-size: 18px;
}
.decompression-modal-decompression__loading--text {
  font-size: 14px;
  color: #3A4056;
  line-height: 22px;
  margin-right: 5px;
}
.decompression-modal-decompression__finish {
  min-height: 40px;
  background: #E1F7EC;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid rgba(82, 196, 26, 0.24);
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 16px;
  position: absolute;
  top: 67px;
  left: 74px;
  z-index: 9999;
}
.decompression-modal-decompression__finish--icon {
  margin-right: 9px;
  font-size: 18px;
}
.decompression-modal-decompression__finish--text {
  max-width: 292px;
  font-size: 14px;
  color: #3A4056;
  line-height: 22px;
  margin-right: 23px;
}

.half-screen-modal-wrapper {
  z-index: 10000199 !important;
}
.half-screen-modal-wrapper .mfy-modal .ant-modal-content {
  border-radius: 0 !important;
}
.half-screen-modal {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.half-screen-modal .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F6F6F6;
  margin: 0 24px;
}
.half-screen-modal .header-container .tabs-header {
  display: flex;
  gap: 2px;
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 0 4px;
}
.half-screen-modal .header-container .tabs-header .tab-item {
  position: relative;
  padding: 5px 20px;
  margin: 4px 0;
  cursor: pointer;
  color: var(--mfy-color-new-main-text);
  border-radius: 100px;
  line-height: 22px;
}
.half-screen-modal .header-container .tabs-header .tab-item.active {
  color: var(--mfy-color-primary);
  font-weight: var(--mfy-font-width-new-bold);
  background: #F0F8FF;
}
.half-screen-modal .header-container .tabs-header .tab-item:hover {
  background: rgba(182, 186, 195, 0.1);
}
.half-screen-modal .header-container .tabs-header .tab-item:active {
  background: rgba(182, 186, 195, 0.15);
}
.half-screen-modal .header-container .tabs-header .tab-item .tab-badge {
  position: absolute;
  top: 0;
  right: -10px;
  padding: 0 6px;
  height: 16px;
  line-height: 16px;
  border-radius: 8px;
  background: var(--mfy-color-danger);
  color: #fff;
  font-size: 12px;
  transform: scale(0.8);
}
.half-screen-modal .header-container .icon-group {
  display: flex;
  gap: 4px;
  background-color: #FFFFFF;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  padding: 4px;
  width: fit-content;
}
.half-screen-modal .header-container .icon-group .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  cursor: pointer;
  width: 39px;
  height: 32px;
}
.half-screen-modal .header-container .icon-group .icon-wrapper:hover {
  background: rgba(182, 186, 195, 0.1);
}
.half-screen-modal .header-container .icon-group .icon-wrapper:active {
  background: rgba(182, 186, 195, 0.15);
}
.half-screen-modal .header-container .icon-group .icon-wrapper span {
  display: flex;
}
.half-screen-modal .header-container .icon-group .icon {
  font-size: 16px;
  color: inherit;
}
.half-screen-modal .tabs-content {
  flex: 1;
  overflow: hidden;
  padding: 20px 0 12px 0;
}
.half-screen-modal .tabs-content .message-list-container {
  height: 100%;
}
.half-screen-modal .tabs-content .message-list-container .message-fix-list {
  position: relative;
  overflow: auto;
  will-change: transform;
  direction: ltr;
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 10px;
  background: #F6F6F6;
  margin: 0 24px;
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions .actions-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions .actions-left .cancel-select-btn {
  color: var(--mfy-color-primary);
  font-size: 14px;
  cursor: pointer;
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions .actions-left .cancel-select-btn:hover {
  color: var(--mfy-color-primary-hover);
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions .actions-left .cancel-select-btn:active {
  color: var(--mfy-color-primary-active);
}
.half-screen-modal .tabs-content .message-list-container .message-list-actions .actions-left .select-text {
  font-size: 14px;
  line-height: 1;
  color: var(--mfy-color-new-describe-text);
}
.half-screen-modal .tabs-content .message-item {
  padding: 6px 0;
  border-radius: 4px;
  box-sizing: border-box;
  background: #F6F6F6;
  cursor: pointer;
}
.half-screen-modal .tabs-content .message-item .message-container {
  padding: 16px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 9px 0 24px;
}
.half-screen-modal .tabs-content .message-item .message-container:before {
  content: '';
  position: absolute;
  left: -2px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #ff4d4f;
  visibility: hidden;
}
.half-screen-modal .tabs-content .message-item .message-container.unread:before {
  visibility: visible;
}
.half-screen-modal .tabs-content .message-item .message-container .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.half-screen-modal .tabs-content .message-item .message-container .message-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.half-screen-modal .tabs-content .message-item .message-container .message-header-left .anticon,
.half-screen-modal .tabs-content .message-item .message-container .message-header-left .anticonfont {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.half-screen-modal .tabs-content .message-item .message-container .message-header .message-title {
  font-weight: var(--mfy-font-width-new-bold);
  color: var(--mfy-color-new-emphasize-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  font-family: "Microsoft YaHei", serif;
}
.half-screen-modal .tabs-content .message-item .message-container .message-header .message-time {
  font-size: 12px;
  color: var(--mfy-color-new-secondary-describe-text);
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: 8px;
}
.half-screen-modal .tabs-content .message-item .message-container .message-content {
  color: var(--mfy-color-new-secondary-text);
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 12px;
  text-align: justify;
  font-family: "Microsoft YaHei", serif;
  word-break: break-all;
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button {
  padding: 0;
  height: 14px;
  line-height: 1;
  font-size: 14px;
  cursor: pointer;
  color: var(--mfy-color-primary);
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button.read {
  color: var(--mfy-color-new-secondary-describe-text);
  cursor: default;
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button.read:hover {
  color: var(--mfy-color-new-secondary-describe-text);
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button.read:active {
  color: var(--mfy-color-new-secondary-describe-text);
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button:hover {
  color: var(--mfy-color-primary-hover);
}
.half-screen-modal .tabs-content .message-item .message-container .message-actions .message-action-button:active {
  color: var(--mfy-color-primary-active);
}
.half-screen-modal .tabs-content .loading-more {
  text-align: center;
  padding: 12px 0;
}
.half-screen-modal .message-detail-wrapper {
  padding: 0 24px;
  border-radius: 16px;
  background-color: #F6F6F6;
}
.half-screen-modal .message-detail-wrapper .message-detail-header {
  padding: 0 0 12px 0;
}
.half-screen-modal .message-detail-wrapper .message-detail-header .back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  height: auto;
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  background: rgba(182, 186, 195, 0.2);
  border-radius: 100px 100px 100px 100px;
  padding: 4px 14px 4px 8px;
  width: fit-content;
}
.half-screen-modal .message-detail-wrapper .message-detail-header .back-button:hover {
  background: rgba(182, 186, 195, 0.3);
}
.half-screen-modal .message-detail-wrapper .message-detail-header .back-button:hover {
  background: #E3E4E5;
}
.half-screen-modal .message-detail-wrapper .message-detail-header .back-button .icon {
  color: inherit;
}
.half-screen-modal .message-detail-wrapper .message-detail-content {
  max-height: calc(100vh - 224px);
  overflow-y: auto;
  padding: 20px 24px 24px 24px;
  background-color: #FFFFFF;
  border-radius: 16px;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-title {
  font-size: 16px;
  font-weight: var(--mfy-font-width-new-bold);
  color: var(--mfy-color-new-emphasize-text);
  margin-right: 24px;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-time {
  font-size: 12px;
  color: var(--mfy-color-new-secondary-describe-text);
  white-space: nowrap;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body {
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  word-break: break-all;
  text-align: justify;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body img {
  max-width: 500px;
  height: auto;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body p:first-child {
  margin-top: 0;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body p:last-child {
  margin-bottom: 0;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body a {
  display: inline;
}
.half-screen-modal .message-detail-wrapper .message-detail-content .detail-body a > span {
  color: var(--mfy-color-new-main-text);
  cursor: default;
}
.half-screen-modal .message-detail-wrapper .message-detail-content::-webkit-scrollbar {
  display: none;
}
.half-screen-modal .modal-message {
  text-align: center;
  font-size: 14px;
}
.right-slide-enter {
  transform: translateX(100%);
  opacity: 0;
}
.right-slide-enter-active {
  transform: translateX(0);
  opacity: 1;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.right-slide-leave {
  transform: translateX(0);
  opacity: 1;
}
.right-slide-leave-active {
  transform: translateX(100%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.Notice-wrapper-Tootip {
  z-index: 99999999 !important;
}

.VipBanner {
  width: 100%;
  height: 56px;
  cursor: pointer;
  position: relative;
  min-width: 1200px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.VipBanner .close {
  position: absolute;
  top: 8px;
  right: 23px;
  transition: 0.5s;
}
.VipBanner .close:hover {
  transform: rotate(180deg);
  transition: 0.5s;
}

.activity-box {
  position: fixed;
  right: 0px;
  bottom: 8px;
  width: 267px;
  min-height: 144px;
  padding: 15px 16px;
  border-radius: 6px 6px 6px 6px;
  z-index: 999;
}
.activity-box img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.activity-box .activity_img {
  width: 100%;
  cursor: pointer;
}
.activity-box .notice-footer {
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 16px;
}
.activity-box .notice-footer .close_activity {
  width: 22px;
}

.transmit-animation {
  width: 24px;
  height: 24px;
}
.speed-container {
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.speed-container .cloud .icon {
  transform: translateY(1px);
}
.speed-container .icon {
  color: #F9A400;
  font-size: 16px !important;
}
.speed-container .speed-value {
  color: var(--Text-03-, #5E6278);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Modals-OpenPCModal .ant-modal-content {
  padding: 0 !important;
  padding-top: 0 !important;
}

.confirm-delete-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 0;
}
.confirm-delete-modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 9px;
}
.confirm-delete-modal-title {
  color: var(--Text-01-, #1B1F35);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  /* 144.444% */
}
.confirm-delete-modal-checkbox-text {
  line-height: 22px;
}
.confirm-delete-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.confirm-delete-modal-qian-kun .ant-modal-close-x {
  transform: translate(-11px, -10px);
}

.transfer-list-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  min-height: 200px;
}
.transfer-list-no-data-img {
  width: 120px;
  height: 120px;
  margin-bottom: 16px;
  opacity: 0.8;
}
.transfer-list-no-data-text {
  font-size: 14px;
  color: #999;
  text-align: center;
}

.virtual-table {
  margin-top: 0;
}
.virtual-table-wrapper {
  position: relative;
}
.virtual-table-bottom-tip {
  text-align: center;
  padding: 12px 0 3px 0;
  color: var(--mfy-color-text-disabled);
  font-size: 12px;
  background: #fff;
}
.virtual-grid {
  /* 方案1: 完全隐藏滚动条 */
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  /* 针对 Webkit 浏览器 (Chrome, Safari等) */
  /* 方案2: 自定义滚动条样式 */
}
.virtual-grid ::-webkit-scrollbar {
  display: none;
}
.virtual-grid ::-webkit-scrollbar {
  width: 0px;
  /* 滚动条宽度 */
  background: transparent;
  /* 滚动条背景 */
}

.transfer-list-popover .ant-popover-content {
  padding: 0;
  right: 12px;
}
.transfer-list-popover .ant-popover-inner {
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.transfer-list-popover .ant-popover-inner-content {
  padding: 0;
}
.transfer-list-popover .transfer-list {
  height: 476px;
  background: #fff;
}
.transfer-list-popover-content {
  width: 686px;
  height: 476px;
  overflow: hidden;
}
.transfer-list {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  overflow: hidden;
}
.transfer-list-qian-kun {
  transform: translateY(-9px);
}
.transfer-list .icon {
  font-size: 16px !important;
}
.transfer-list-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
.transfer-list-sidebar-title {
  font-size: 18px;
  font-weight: bold;
  color: var(--mfy-color-text-click);
}
.transfer-list-close-icon {
  cursor: pointer;
  color: var(--mfy-color-text-click);
  font-size: 16px;
  transition: color 0.2s;
  padding: 4px 8px;
  border-radius: 4px;
}
.transfer-list-close-icon:hover {
  background-color: rgba(182, 186, 195, 0.2);
}
.transfer-list-close-icon:active {
  background-color: rgba(182, 186, 195, 0.3);
}
.transfer-list-banner {
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(255, 238, 221, 0.28) 0%, rgba(255, 238, 221, 0.56) 100%);
  padding: 10px 20px;
  margin-top: 16px;
}
.transfer-list-banner-text {
  color: #A66A2E;
  font-size: 13px;
  flex: 1;
}
.transfer-list-banner-button {
  border-radius: 100px;
  background: #FFF;
  color: #A66A2E;
  padding: 4px 9px;
  font-size: 12px;
  cursor: pointer;
  border: none;
}
.transfer-list-banner-button:hover {
  opacity: 0.9;
}
.transfer-list-banner-close {
  color: #A66A2E;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  width: 0;
  overflow: hidden;
}
.transfer-list-banner-close .icon {
  color: inherit;
}
.transfer-list-banner:hover .transfer-list-banner-close {
  opacity: 1;
  visibility: visible;
  width: auto;
  margin-left: 16px;
}
.transfer-list-content-wrapper {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.transfer-list-sidebar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 120px;
  padding-right: 20px;
  border-right: 1px solid var(--mfy-color-fill-hover);
}
.transfer-list-sidebar-item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  cursor: pointer;
  color: var(--mfy-color-text-hover);
  font-size: 14px;
  border-radius: var(--mfy-border-radius-6);
}
.transfer-list-sidebar-item:hover {
  background: var(--mfy-color-state--white-hover);
  color: var(--mfy-color-text-click);
  font-weight: 700;
}
.transfer-list-sidebar-item.active {
  background: var(--mfy-color-state--white-hover);
  color: var(--mfy-color-text-click);
  font-weight: 700;
}
.transfer-list-sidebar-item-icon {
  color: inherit;
  margin-right: 4px;
  font-size: 16px;
}
.transfer-list-sidebar-item-text {
  flex: 1;
  white-space: nowrap;
}
.transfer-list-sidebar-item-count {
  display: flex;
  align-items: center;
  border-radius: 6px;
  background: var(--mfy-color-state--white-click);
  padding: 0 4px;
  font-size: 12px;
  height: 20px;
  font-weight: var(--mfy-font-weight-400);
  color: var(--mfy-color-tag-default);
}
.transfer-list-sidebar-item.active .transfer-list-sidebar-item-count {
  background: var(--mfy-color-dominant-default);
  color: #FFF;
}
.transfer-list-main {
  margin-left: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.transfer-list-main-qian-kun {
  margin-right: 8px;
}
.transfer-list-header {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 100px;
  border: 1px solid #F3F4F8;
  background: #FFF;
  padding: 8px 16px 8px 8px;
  align-self: stretch;
  position: relative;
  margin-right: 8px;
}
.transfer-list-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  bottom: 0;
  border-radius: 100px;
  border: 1px solid #F3F4F8;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.05);
  z-index: -1;
}
.transfer-list-header-actions {
  display: flex;
  gap: 8px;
}
.transfer-list-header-actions-button {
  display: flex;
  align-items: center;
  padding: 5px 8px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 14px;
  color: var(--mfy-color-text-click);
  border-radius: 100px;
}
.transfer-list-header-actions-button:hover {
  background: var(--mfy-color-state--white-hover);
}
.transfer-list-header-actions-button:active {
  background: var(--mfy-color-state--white-click);
}
.transfer-list-header-actions-button.disabled {
  cursor: not-allowed;
  color: var(--mfy-color-text-disabled);
  pointer-events: none;
}
.transfer-list-header-actions-button.disabled .icon {
  color: var(--mfy-color-text-disabled);
}
.transfer-list-header-actions-button-icon {
  margin-right: 4px;
}
.transfer-list-header-speed {
  display: flex;
  align-items: center;
  color: #F9A400;
  font-size: 14px;
}
.transfer-list-header-speed .icon {
  color: #F9A400;
}
.transfer-list-header-speed-icon {
  margin-right: 4px;
}
.transfer-list-header-speed.fast-speed {
  color: #52C41A;
}
.transfer-list-header-speed.slow-speed {
  color: #FF4D4F;
}
.transfer-list-filter {
  margin: 0 8px 10px 8px;
  padding: 12px 0;
  border-bottom: 1px solid var(--mfy-color-fill-hover);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.transfer-list-filter-selection {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 22px;
}
.transfer-list-filter-selection-count {
  color: var(--mfy-color-tag-default);
}
.transfer-list-filter-selection-invert {
  color: var(--mfy-color-dominant-default);
  cursor: pointer;
  text-decoration: none;
}
.transfer-list-filter-checkboxes {
  display: flex;
  gap: 16px;
}
.transfer-list-filter-checkboxes-qian-kun .ant-checkbox {
  transform: translateY(-2px);
}
.transfer-list-content {
  flex: 1;
  overflow: hidden;
}
.transfer-list-item {
  display: flex;
  align-items: center;
  padding: 4px 8px 5px 8px;
  margin-bottom: 8px;
  border-radius: 8px;
}
.transfer-list-item:hover {
  background-color: var(--mfy-color-state--white-hover);
}
.transfer-list-item:active {
  background-color: var(--mfy-color-state--white-click);
}
.transfer-list-item-icon {
  width: 20px;
  height: 20px;
  margin: 0 12px;
}
.transfer-list-item-file-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin: 0 12px;
}
.transfer-list-item-file-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.transfer-list-item-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.transfer-list-item-info-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.transfer-list-item-info-name {
  font-size: 14px;
  color: var(--mfy-color-text-click);
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 244px;
  line-height: 22px;
}
.transfer-list-item-info-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  font-weight: var(--mfy-font-weight-400);
  line-height: 20px;
  font-size: var(--mfy-font-size-new-12);
}
.transfer-list-item-info-size {
  color: var(--mfy-color-text-disabled);
}
.transfer-list-item-info-speed {
  color: #F9A400;
}
.transfer-list-item-info-speed .icon {
  font-size: 16px;
  color: inherit;
}
.transfer-list-item-info-remainingTime {
  color: var(--mfy-color-text-hover);
}
.transfer-list-item-info-remainingTime.error {
  color: var(--mfy-color-error-default);
}
.transfer-list-item-info-remainingTime.success {
  color: var(--mfy-color-success-default);
}
.transfer-list-item-info-actions {
  display: flex;
  gap: 16px;
  opacity: 0;
  align-items: center;
  margin-top: 4px;
}
.transfer-list-item-info-actions-button {
  padding: 4px;
  border: none;
  background: none;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.transfer-list-item-info-actions-button .icon {
  color: var(--mfy-color-new-describe-text);
}
.transfer-list-item-info-actions-button:hover {
  background-color: rgba(182, 186, 195, 0.2);
}
.transfer-list-item-info-actions-button:hover .icon {
  color: var(--mfy-color-new-main-text);
}
.transfer-list-item-info-actions-button:active {
  background-color: rgba(182, 186, 195, 0.3);
}
.transfer-list-item-info-actions-button:active .icon {
  color: var(--mfy-color-new-emphasize-text);
}
.transfer-list-item-progress {
  width: 100%;
}
.transfer-list-item-progress-bar {
  height: 3px;
  background: var(--mfy-color-scroll-bar);
  border-radius: 2px;
  overflow: hidden;
}
.transfer-list-item-progress-bar-fill {
  height: 100%;
  background: var(--mfy-color-dominant-default);
}
.transfer-list-item-progress-bar-fill.paused {
  background: var(--mfy-color-new-secondary-describe-text);
}
.transfer-list-item:hover .transfer-list-item-info-actions {
  opacity: 1;
}

.frontend-layout-header {
  position: relative;
  display: flex;
  width: 100%;
  height: 80px;
  padding: 22px 24px;
  align-items: center;
  color: #ffffff;
  font-size: 14px;
  justify-content: space-between;
  background: #fff;
}
.frontend-layout-header .frontend-layout-header-left {
  display: flex;
  align-items: center;
  gap: 24px;
}
.frontend-layout-header .frontend-layout-header-logo {
  width: 90px;
  height: 32px;
}
.frontend-layout-header .frontend-layout-header-left-cdn {
  display: flex;
  align-items: center;
  background: linear-gradient(90deg, #FFEAD4 0%, #FFF0E0 100%);
  border-radius: 100px 100px 100px 100px;
  padding: 2px 8px 2px 12px;
  height: 36px;
  gap: 6px;
  white-space: nowrap;
  margin-right: 60px;
  color: #A66A2E;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.frontend-layout-header .frontend-layout-header-left-cdn .frontend-layout-header-left-cdn-text {
  cursor: pointer;
}
.frontend-layout-header .frontend-layout-header-left-cdn .frontend-layout-header-left-cdn-button {
  cursor: pointer;
}
.frontend-layout-header .frontend-layout-header-left-cdn .frontend-layout-header-left-cdn-button .frontend-layout-header-left-cdn-icon {
  color: #A66A2E;
  font-size: 16px;
  transform: translateY(2px);
}
.frontend-layout-header .frontend-layout-header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-group {
  display: flex;
  gap: 12px;
  margin-right: 12px;
  margin-left: 16px;
  position: relative;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-group svg {
  cursor: pointer;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-group::before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: #EDEFF3;
  position: absolute;
  left: -14px;
  top: 10px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-group::after {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: #EDEFF3;
  position: absolute;
  right: -14px;
  top: 10px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-group .icon {
  font-size: 24px;
}
.frontend-layout-header .frontend-layout-header-right #header_group .ant-popover {
  z-index: 200 !important;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-avatar-wrapper {
  position: relative;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-vip-icon-wrapper {
  position: absolute;
  bottom: 3px;
  right: -2px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-vip-icon-wrapper.permanent-vip {
  right: -9px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-vip-icon-wrapper .frontend-layout-header-right-vip-icon {
  height: 16px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-invite-new {
  display: flex;
  align-items: center;
  height: 36px;
  background: #F0F8FF;
  border-radius: 36px;
  border: 1px solid var(--mfy-color-primary-disabled);
  color: var(--mfy-color-primary);
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  text-align: center;
  padding: 7px 20px;
  white-space: nowrap;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-invite-new:hover {
  border: 1px solid var(--mfy-color-primary-hover);
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-invite-new:active {
  border: 1px solid var(--mfy-color-primary);
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-user-center {
  width: 190px;
  height: 36px;
  border-radius: var(--mfy-radius-s);
  cursor: pointer;
  margin-bottom: 12px;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-user-center img {
  width: 100%;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 20px;
  height: 36px;
  background: linear-gradient(270deg, #FFE5CA 0%, #FFEBD8 100%);
  border-radius: 35px 35px 35px 35px;
  border: 1px solid #F8D6B4;
  color: #8C5A29;
  cursor: pointer;
  white-space: nowrap;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center.image {
  padding: 0;
  background: transparent;
  border: none;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center.image:hover {
  border: none;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center.image:active {
  border: none;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center:hover {
  border: 1px solid #C08E5B;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-user-center:active {
  border: 1px solid #7E4C1A;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-tooltip-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 4px 8px;
  border-radius: 100px;
  border: 1px solid #E4E4E4;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.05);
  color: var(--Text-02-, #3C3F52);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-tooltip-wrapper:active {
  background: rgba(182, 186, 195, 0.15);
}
.frontend-layout-header .frontend-layout-header-right .frontend-layout-header-right-button-tooltip-wrapper:hover {
  background: rgba(182, 186, 195, 0.1);
}
.frontend-layout-header-right-user-nickname {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  position: relative;
}
.frontend-layout-header-right-user-nickname::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -7px;
  width: 100%;
  height: 1px;
  background-color: #F5F6F7;
}
.frontend-layout-header-dropdown-menu .dropdown-menu-first-item {
  cursor: default;
  pointer-events: none;
}
.frontend-layout-header-dropdown-menu .dropdown-menu-first-item:hover {
  background: transparent !important;
}
.transfer-list-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: transparent;
}
.frontend-web-layout-header {
  background: none;
}

.side-menu-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 29px;
  background: #fff;
}
.side-menu-container .ant-menu {
  background: none;
}
.side-menu-container .side-menu {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-right: none !important;
}
.side-menu-container .side-menu .ant-menu-item {
  width: 80px;
}
.side-menu-container .side-menu.bottom-menu {
  margin-top: auto;
}
.side-menu-container .side-menu.bottom-menu .ant-menu-item {
  width: 80px;
}
.side-menu-container .side-menu.bottom-menu .ant-menu-item:first-child {
  transform: translateY(0px);
}
.side-menu-container .side-menu .ant-menu-inline {
  border-inline-end: 0 solid rgba(5, 5, 5, 0.06) !important;
}
.side-menu-container .side-menu .ant-menu-title-content {
  margin: 0 !important;
}
.side-menu-container .side-menu .ant-menu-item {
  height: auto !important;
  line-height: normal !important;
  padding: 0 0 !important;
  margin: 0 !important;
  min-height: 80px !important;
}
.side-menu-container .side-menu .ant-menu-item:first-child {
  transform: translateY(-4px);
}
.side-menu-container .side-menu .ant-menu-item:hover {
  background-color: transparent !important;
}
.side-menu-container .side-menu .ant-menu-item:hover .menu-icon-wrapper {
  background: rgba(171, 189, 197, 0.25) !important;
}
.side-menu-container .side-menu .ant-menu-item:hover .menu-icon-wrapper .menu-icon {
  color: var(--mfy-color-new-main-text) !important;
}
.side-menu-container .side-menu .ant-menu-item.ant-menu-item-selected {
  background-color: transparent !important;
}
.side-menu-container .side-menu .ant-menu-item.ant-menu-item-selected .menu-text {
  color: var(--mfy-color-primary) !important;
  font-weight: bold;
}
.side-menu-container .side-menu .ant-menu-item.ant-menu-item-selected .menu-icon-wrapper {
  background: var(--mfy-color-primary) !important;
}
.side-menu-container .side-menu .ant-menu-item.ant-menu-item-selected .menu-icon-wrapper .menu-icon {
  color: #fff !important;
}
.side-menu-container .side-menu .menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.side-menu-container .side-menu .menu-icon-wrapper {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(171, 189, 197, 0.15);
  border-radius: 50%;
  margin-bottom: 6px;
  margin-top: 20px;
}
.side-menu-container .side-menu .menu-icon-wrapper .menu-icon {
  color: var(--mfy-color-new-main-text);
  font-size: 24px;
}
.side-menu-container .side-menu .menu-text {
  font-size: 11px;
  white-space: pre-line;
  text-align: center;
}
.side-web-menu-container {
  background: none;
  background-image: linear-gradient(116deg, #FAFCFC 4.27%, #F7F9FA 20.86%, #F8FBFD 78.34%);
}
.side-web-menu-container .side-menu {
  align-items: center;
}
.side-web-menu-container .side-menu .menu-text {
  font-size: 12px;
}
.side-web-menu-container .side-menu .menu-icon-wrapper {
  margin-top: 20px;
  width: 46px;
  height: 46px;
}
.side-web-menu-container .side-menu .menu-icon-wrapper .menu-icon {
  font-size: 24px;
}

.layout-side {
  background-color: transparent;
}

.notice-box {
  position: fixed;
  right: 30px;
  bottom: 87px;
  width: 267px;
  min-height: 144px;
  padding: 15px 16px;
  background: linear-gradient(180deg, #E9EEFF 0%, #FFFFFF 100%);
  box-shadow: 0px 16px 20px -4px rgba(16, 24, 40, 0.08), 0px 4px 4px -4px rgba(16, 24, 40, 0.02);
  border-radius: 6px 6px 6px 6px;
  z-index: 999;
}
.notice-box .notice-header {
  display: flex;
  align-items: center;
}
.notice-box .notice-header .notice-title {
  width: 50px;
  height: 36px;
  line-height: 28px;
  font-size: 15px;
  font-weight: 800;
  color: #3A4056;
  text-align: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAkCAYAAADLsGk3AAAAAXNSR0IArs4c6QAAAWJJREFUWEftmLFKBDEQhr8fLHwMCzsRfQhbH8BOQQvBRrCwU9/hRMGFO0trLS0ULCwV7LzCwtLCUvAgMssteuEU99gjyZJ0gcxkvvkzSRjhDefcArADrABzwIy/JtB8ALwAN0BH0uPPOFRNnHOzwAmwHijQutv2gG1JH2ZYggwhLocq1HUYcv01sGowFUg3ISX8xPUkbcg5twQ8hExrA3svGsgZsNmAs5AuTg3kGZgPGUUDe/cN5DOiK3ZSpoGBuEmtY7LLIDGpUT6I+WhFJklWJDJBco3EJkhWJCsyrQy05fptzaex/Ma34fdbtAVkuQ0ghaSt1EG+20EJ18hogy4hkKplaiocS3oaaZnWAHkHroA7wPqufUlv03rg6vr9T41Y07gALiRZVqIcf4HcA/uSbqOM3AtqHIgdoT3gPGYF/OT6IHb+1yS9pqDCb8XeAXZTUmEcyKGko9RU8EEOUocwoC9Dc7kW/FaNJwAAAABJRU5ErkJggg==) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.notice-box .notice-header .notice-icon {
  position: absolute;
  top: -47px;
  right: 8px;
  width: 145px;
  height: 120px;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/notice-bg.png") !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}
.notice-box .notice-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.notice-box .notice-description .notice-text {
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.notice-box .notice-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.notice-box .notice-footer .ant-btn {
  padding: 0 15px!important;
  height: 28px;
  border-radius: 6px 6px 6px 6px;
}
.notice-box .notice-footer .ant-btn-primary {
  margin-left: 12px;
  background: #597DFC;
}

.with-side-menu-layout {
  height: 100%;
  display: flex;
  flex-direction: row !important;
  background: transparent !important;
}
.with-side-menu-layout .with-side-menu-layout-sider {
  max-width: 168px;
  height: calc(100% - 12px);
  background: linear-gradient(180deg, #F7F8FA 0%, rgba(217, 225, 239, 0.3) 100%);
  width: 168px;
  min-width: 168px;
  border-radius: 16px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px;
  border-radius: 16px;
  background: url(..//img/second-side-bg.9a3fb23a.png) no-repeat center center;
  background-size: cover;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 88px;
  min-height: 0;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item {
  cursor: pointer;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.divider {
  border-top: 1px solid #EDEEF0;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item:hover {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 12px;
  color: #1B1F35;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item:hover .sider-menu-item-label {
  font-weight: bold;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.active {
  background: #ffffff;
  border-radius: 12px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.active .sider-menu-item-label {
  color: #1B1F35;
  font-weight: bold;
  line-height: 22px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  height: 44px;
  min-height: 44px;
  flex-shrink: 0;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-label {
  font-size: 13px;
  color: var(--mfy-color-text);
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-left svg {
  font-size: 16px;
  color: inherit;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-right svg {
  color: #D1D3E0;
  font-size: 16px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer {
  box-shadow: 0 4px 19px 0 rgba(159, 170, 189, 0.07);
  border-radius: 8px;
  background: white;
  padding: 6px 10px;
  height: 61px;
  width: 144px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-title {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-emphasize-text);
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-progress {
  z-index: -1;
  transform: translateY(-13px);
  margin: 6px 0;
  height: 2px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-progress .ant-progress {
  height: 2px;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-progress .ant-progress .ant-progress-bg {
  height: 2px !important;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-progress .ant-progress-inner {
  height: 2px;
  padding: 0 !important;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-content-wrapper-left {
  font-size: var(--mfy-font-size-new-11);
  color: var(--mfy-color-new-describe-text);
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-content-wrapper-right {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-primary);
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-content-wrapper-right:active {
  color: #2961D9;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer-content-wrapper-right:hover {
  color: #66A1FF;
}
.with-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-child--item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px 0 44px;
  height: 44px;
  min-height: 44px;
  flex-shrink: 0;
}
.with-side-menu-layout .with-side-menu-layout-main {
  height: 100%;
  padding: 8px 16px 36px 16px !important;
  background: white;
  position: relative;
}
.with-side-menu-layout .with-side-menu-layout-main .ant-layout-content {
  padding: 24px;
  flex: 1;
  min-width: 0;
  border-radius: 16px 16px 0 0;
  height: 100%;
  margin-right: 12px;
}
.with-side-menu-layout .ant-layout-content {
  min-width: 0;
}
.with-side-menu-layout .with-side-menu-layout-transparent-main {
  background: transparent;
  padding: 0 !important;
}
.with-web-side-menu-layout {
  gap: 12px;
  background: linear-gradient(116deg, #FAFCFC 4.27%, #F7F9FA 20.86%, #F8FBFD 78.34%) !important;
}
.with-web-side-menu-layout .with-side-menu-layout-main {
  padding: 24px 16px 36px 16px !important;
  margin-right: 12px;
}
.with-web-side-menu-layout .with-side-menu-layout-transparent-main {
  padding: 0 !important;
}
.with-web-side-menu-layout .ant-layout-content {
  border-radius: 16px 16px 0 0;
}
.with-web-side-menu-layout .with-side-menu-layout-sider {
  max-width: 242px;
  min-width: 242px;
}
.with-web-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu {
  padding: 16px;
}
.with-web-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-left {
  gap: 12px;
}
.with-web-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-label {
  font-size: 14px;
}
.with-web-side-menu-layout .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-footer {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2;
  box-shadow: 0 4px 19px 0 rgba(159, 170, 189, 0.07);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  background: white;
  padding: 12px 12px 0 12px;
  height: 72px;
  width: auto;
}

.layout-dom .new-menu-item {
  position: relative;
}
.layout-dom .new-menu-item-image {
  width: 44px;
  height: 22px;
  position: absolute;
  right: 13px;
}
.layout-dom .ant-layout-sider-children {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.layout-dom .ant-layout-sider-children img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.layout-dom .ant-menu-sub .ant-menu-title-content {
  margin-left: 6px !important;
}
.layout-dom .ant-menu-submenu-selected .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.85);
}
.layout-dom .ant-menu-sub .ant-menu-title-content {
  margin-left: 6px !important;
}
.layout-dom .ant-menu-item-selected svg {
  color: #597DFC;
}
.layout-dom .ant-menu-item:hover svg {
  color: #597DFC;
}
.layout-dom .ant-menu-submenu-title:hover {
  color: #597DFC !important;
}
.layout-dom .ant-menu-submenu-title:hover svg {
  color: #597DFC;
}
.layout-dom .ant-menu-submenu-title:hover .ant-menu-submenu-arrow {
  color: #597DFC !important;
}
.layout-dom .ant-menu-submenu-arrow::after {
  top: 2px;
}
.layout-dom .ant-menu-submenu-arrow::before {
  top: 2px;
}
.layout-dom .ant-menu-submenu-selected .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.85);
}
.layout-dom .ant-menu-submenu-expand-icon,
.layout-dom .ant-menu-submenu-arrow {
  right: 36px !important;
}
.layout-dom .mfy-main-layout {
  height: 100vh;
  /* 对于不支持CSS变量的浏览器 */
  height: calc(var(--1dvh, 1vh) * 100);
  /* 这是polyfill */
  height: 100dvh;
  /* 这是为未来支持svh， dvh和lvh视口单位的浏览器准备的 */
  display: flex;
  flex-direction: column;
  background-image: linear-gradient(116deg, #FAFCFC 4.27%, #F7F9FA 20.86%, #F8FBFD 78.34%);
}
.layout-dom .mfy-main-layout__head {
  min-height: 44px;
  max-height: 134px;
}
.layout-dom .mfy-main-layout__head img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.layout-dom .mfy-main-layout .site-layout {
  flex: 1;
  background: #fff;
}
.layout-dom .space-number {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout-dom .space-number .space {
  font-size: 12px;
  color: #7B808F;
}
.layout-dom .space-number .space-icon {
  font-size: 12px;
  color: #597DFC;
  cursor: pointer;
}
.layout-dom .ant-table {
  background: inherit;
}
.layout-dom .ant-tabs-nav {
  margin: 0 !important;
  height: 40px;
}
.layout-dom .ant-tabs-nav .ant-tabs-nav-list {
  justify-content: space-around;
  padding: 0 30px;
}
.layout-dom .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab {
  width: 30%;
}
.layout-dom .ant-tabs-nav .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.layout-dom .layout-user-box {
  width: 243px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.layout-dom .layout-user-box .user-box {
  display: flex;
  align-items: center;
  width: 189px;
}
.layout-dom .layout-user-box .user-box .user-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: -4px;
}
.layout-dom .layout-user-box .user-box .user-box-right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 150px;
}
.layout-dom .layout-user-box .user-box .user-name {
  display: flex;
  align-items: center;
  margin-left: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #090D19;
  max-width: 75%;
}
.layout-dom .layout-user-box .user-box .name {
  width: calc(100% - 23px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.layout-dom .layout-user-box .user-box .vip-icon {
  width: 18px;
  height: 16px;
  margin-left: 5px;
}
.layout-dom .baidu-banner-container {
  height: 90px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.layout-dom .baidu-banner-container .banner_left {
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/banner_left.png") center no-repeat;
  flex: 1;
  background-size: cover;
  height: 90px;
  cursor: pointer;
}
.layout-dom .baidu-banner-container .banner_right {
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/banner_right.png") center no-repeat;
  flex: 1;
  background-size: cover;
  height: 90px;
  cursor: pointer;
}
.layout-dom .baidu-banner-container .banner_all_wrap {
  position: relative;
}
.layout-dom .baidu-banner-container .banner_all_wrap .sharheader_center {
  height: 90px;
}
.layout-dom .baidu-banner-container .banner_all_wrap .banner_guide {
  position: absolute;
  right: -102px;
  top: 0;
  display: flex;
  flex-direction: row;
}
.layout-dom .baidu-banner-container .banner_all_wrap .banner_guide-img {
  width: 102px;
  height: 27px;
  cursor: pointer;
}
.layout-dom .baidu-banner-container .banner_all_wrap .banner_guide-close {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  right: -20px;
}
.layout-dom .ant-menu-sub.ant-menu-inline {
  background-color: #f0f2f5;
}
.layout-dom .upload-tips {
  text-decoration: underline;
  color: #3C80FF;
  margin-left: 5px;
  cursor: pointer;
}
.layout-web-dom .mfy-main-layout .site-layout {
  background: none;
}
.layout-web-dom .mfy-main-layout .site-layout .site-layout-background {
  background: none;
}
.layout-pc-dom .site-layout .site-layout-background .with-side-menu-layout-main .homeClass .mfy-breadcrumb a {
  font-size: 13px !important;
}

.revision-footer {
  background: #FFFFFF;
  padding: 20px 0;
  text-align: center;
  min-width: 1200px;
}
.revision-footer-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  justify-content: center;
  margin-bottom: 10px;
}
.revision-footer-line-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.revision-footer-line-item svg {
  fill: #B8BBC4;
  font-size: 24px;
}
.revision-footer-line-item-cp {
  margin-left: 2px;
  color: #B8BBC4;
  font-size: 14px;
}
.revision-footer-line-gap__divider {
  width: 1px;
  height: 12px;
  background: #B8BBC4;
}
.revision-footer-con {
  font-size: 14px;
  font-weight: 400;
  color: #B8BBC4;
  line-height: 16px;
}
.revision-footer-con.bottom {
  padding-top: 10px;
}
.revision-footer-m8 {
  margin: 8px;
}
.revision-footer-cp {
  cursor: pointer;
}

.content-footer {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.content-footer-jump {
  padding-top: 24px;
  height: 121px;
  position: relative;
  display: flex;
  align-items: center;
}
.content-footer-jump-address {
  font-size: 14px;
  font-weight: 400;
  color: #989898;
  line-height: 36px;
  text-align: center;
  margin: 0 auto;
}
.content-footer-footgong {
  display: none;
  position: absolute;
  right: -58px;
  top: -36px;
}
.content-footer-footgong_wechat_code {
  width: 126px;
  height: 130px;
  box-shadow: 0 0 8px 0 rgba(62, 65, 75, 0.06);
}
.content-footer-foot {
  position: absolute;
  right: 60px;
  top: 32px;
  cursor: pointer;
}
.content-footer-foot-service {
  display: none;
  position: absolute;
  left: -336px;
  top: -79px;
}
.content-footer-foot_wechat_code {
  width: 112px;
  height: 77px;
  background-size: 100% 100%;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/pic_wechart@2x.png");
  right: 0;
}
.content-footer-foot_service_code {
  width: 165px;
  height: 46px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUoAAABcCAMAAAA/DwwFAAAAAXNSR0IArs4c6QAAALRQTFRFAAAA////////////////////////////////////////////lJSUmJiYm5ubnp6en5+foaGhpaWlp6enqKioq6urrKysrq6ur6+vsbGxsrKytra2uLi4vLy8vr6+v7+/wsLCw8PDxMTExcXFycnJysrKy8vLzMzM0NDQ0dHR0tLS19fX2NjY2dnZ3d3d39/f5OTk5eXl5ubm6+vr7Ozs8vLy9PT0+Pj4+fn5/f39/v7+////6wRvgQAAAAx0Uk5TABAgb3B/gJ+gv9/v0wqCkgAACxpJREFUeNrtnW1jmzgSgN1c2l6akbbjkqtaqqzZKC6pelQp0Spl/v//ug8SIAi2iRPoXuz50BKH2JrH8yINI1gsvLx6ffaO9pSqquhQ5fzs9GQRy8nZ/hSrqqLDRUlE9DaC+a/zfUnWMKuKDtk0T2uSr/fEWFURx/roMOV1sMknuPaAHCbL08VisTg5f06Qh8ry/GSxWLzdkyQNuPcBszxbLE724LjVKA81Ab1anD7duanH8TBRvlmcPR5kjO5XVVW/fv2qfh28k58tzukozyLvFkcGzyX/CJR//31ESeRu/7ter9fffrojyif99e1n1sjn77OhlMnwF2eyx32hhTQbTUQTEZnczoPydsk6svw+E8oc1LjXtexLB42BVef0LJxkiBQYIpJwNwvKK8YYYxeX6/V6/dcnxhhjf7pJUepaAJvDzgmCdwcgoS9m2/kCEThy0ESOCyLiySwO/idj7P26GYr9vmSMXbgpUcKAdD28Z5YSvBWKcJoKKMtgfh9B+IOs1gJyMqDDqRr0HCivGGNfOuDurxhjnydFmZiefAAiUkOI5TaUpn82hk8oQQeULikIcY60850x9rX/4nroxedEKfqvCCCiwlsWhzgo6u0ou9brmRmtFUitQN62kUFPjdIuGbt6+PKaMXY3KUqjI7ltGPnA9zDVPwply0/oxvvN1CjXjC2HwuKnvVx8LEqlu4lEko6QfMABlIiIiLz5fxtKZ60CYzXcWCJ6ZKTcG+WSscGZzy1jzE2GkogkNHGy8PGwx6N3diKEEIKDEEIIgVtREtEKKMTKuVDeMrYc/s0nxr5Ni7INMj2UPLG1uJ0OLjvZi3uU1gq0tpgV5dVgpCQi+sbYl9+EMvJ8sRPlYAaPUg0icuCIYmqUnxj7sSEfbbTX50KJjXRRliBUkBEoU92RwtuhgpXWWlsiIcQHQCHk1CgvGPs5/Jt7xti0KPsTnmYp1PojpDtR5htWnnbwDSdEuWRs0zp/cpSbf9MMqTHXTQtHDcXgeyBGq9H5ULqvny++RGn87nL5+cr+PpRtAm+DqADv8Rj+FwGlGi5TmM5qdDaUoSz0NV7+MLa0k6PESLJBd7RNwecDp0EHF7Dh20BhjJFAmRACIRFCpNOjfB8qa9+adONZzhkro7xjEW2LMswaXZ1/+ij5YGK+Bo2SiBSQrDP4I1L43iibImVccfMym4NHKGXkjU1SaeqRPZQbsg4mVKOc1cEbcfX06HeivIY09nXTLI0GUUoYTJql/c0o7cwobSsNymvACE4CLjg6UhelZ2tBbM5dQgicE+WXbSj/My3KB0XJmKTRWqf1y63TCyAqEpEA2NhYB1ByRORzolxvQ3k5LUrVSmAWpRwNACDCElw106NcEjlEFAUROdy8hJnfwe+3ofw5JUoTq6dvQ8puvdsas/Miod18hrFEZL3RWm1nQBkn7D7Kx1czDvs6+P3FJpRLe0T5SJafupOhOhFd7EHy0Lsz7sNy5ypeN75f7/Veh97osmaMXa2bkvmP9bcfds+3OnSU90vG/ri6s/br5eXl9ycN4uDbr+7eR1Oir0eUT2m/stH68fMR5dOaAr9/uVi+j2ttR5RPkfu/Li8v13REeWygPqI8ojyiPKL8B6OsjiifDWV1RPlsKFuYLxNld5+nFQ9r8ipcGCmkpZt+ASNPzXOgtG2PZjncd+vr5xvq3K50M2kx3irzh5c3bH2ZVIFxiL1R9HfClPUGBNf0ARS7Ucbva9ohZG3bleSOHl46dLYsdCYRup2oE2ox3irx4QVjWXcuKTDtBapMBAFeH638oEL7om2uEqoRVqkAy+hP6p7H9kKjAUnRhazEd0d74YnMzUxabEEZ1LO+oUtB0mmiJ4q6nBQYopJ7ZQSInniD8TYlsGk+saNQUsF56bTWWq9A6tDz6HsFFFgiWoGJxiJFKqX8CKiLyLdn0GIzylo9vXEnTHtF03c6lIXzgyAislGM2TCIMkZZwxxIO2Xd1hM5eIzSoe5fXa2N61o3p0+uxW6UNhhEovvfJyJRmVsiKyFNkYP3FAHUbYHaNIi2XScyy6EMXrqOh6sOSj8ghGCt/g/8p7sUpKPZtNiJso4xZf90DZoIeYl1VFLa+ShD5BLA2jEKEtngIOpeMqp2oCQiFzl46T9dKiXAUjeGEhHRDU8sEdmkbzBTaJEP9XdsQXkTmh9ElCYRiTQoEjJPe29nk3rDoORNU20UsBVRKlOoN2hucXBjjDGOhhwcAAAsGWNMDll7XoHAM5kK5LxnL9NqMQ6l5cHQo/0wGYgUAV033viPQ+Cow1mynVYIKSUPg8iFaOJQfFe8HsrASzzYF6qhsDYL+ThmTAViIqREwJ4JTqzFKJQO6w+JBrHimCbxthZb5FkweZ7bBKQlI6JZ2QPXGDNF11qnYEmrjnTTTg9lmIpD6sjFjbpTazEKZdtSGw3CEbmwia1UkCQcAHwHXvnREpECLiB2sWgQdQS6HhMr1WAHZAel7serm+DcOVzTXFqMQXkNoEIK5DyakFEGlkj7gI1ppuM1mssTAEiL4UH4YXA5HiW27m3jtGOklDIEtVpjI0AE/KvGXifXYgTKDABUd2Imo8mpTmSu/cyvHrUz1wKAq1ICgFBFGQYhtdYJkgUlBPm96yPmlQFlPY1Ja5Qeq+5vHHNaAF9prTIpkANwO5MWu1FKSDQossYYY5AbY0KvnUUkp+UdUdh+cA2GiLREAMDMeL0k1krGuU+Bi9xylFWKrr930o4AjFbZzQ47IbM894Bn0GIEysS1m1OjKGMTSBMAXno/snTjB51CknWqNLbIs9y7hrX2A5IF5SAjEkiPcXCsNx/bfqx0kLT6OF2Y0tqmyVyBmkeL3WtwF+/zjQZhALio61Ma8jJ0LjvqtzbXkxQwbe6TULbt46McHFW9dSlGeefX47obsG7J9+s75cit3DxabEQZ3+RvcBBURF+a4wlHS2WTLNuJSwKN5921g3Ac0yYz70Rp9YCDG7IpcEFEH7BdOfmPNx5lHrf4T63FqCLb8CDq0ip5h0DbLiPibSDN8QoompFpaL/OXShvMSWsa12+TGYzSDgAiIJIgyTHm1s3OT/rkWCJcuDFXFo8DaXTkis/IYaUyLX7EQYGIZJ4EGXbcr8zVnJeEmJYwyVgiUgAcJGnYOuaQwFZE/2iO7iU2Mwsp9ZiVBXdgHJ+dwxis/W/zCUCcFGSlQCrFVy3m1jjHTVpGEQYYRiE4XzVeN+WhaM3lfJBBi+0DccuLFZWntkND0uTkHZsw3JqLbZaZdWi1A8qfRIAM+OoFADCkEMQvCm/DgRsDZqsLVGQhSwDXpICr2W13Sp9mcejdMbEwUmBtRiMzSVwTVQA10RkTFHXy210k4wptRiN0nRvZ6abEim5RBhfJYWmfDIUsHOwpAFAkYUVF977ZM+9h1D6go9HaaNbKnmUqnFb6zfaWD/RbM+z+Rxa7HDwWkOrRl11a68NFtFKvzkuiZzWhsjp0rZL4J0ow9sUoegWr+uMctSWfyJHM1oX/Rg2rRYjUU5+EXwEyv/3loI5WPYe4fFyUU4Os/8RL7fRZWKYL/V234t3G9yvmpTjCyR5vuEW850b8W9/zsF+8uJI0tnizZZwVm19xsHj8b3oe/mfLl5tQEn0CDRHlEQni20PkahoM1Dahoyqg3sgz9sRjy5qsTUTwvBT/U8XLW3j/WIfCHd+slgs9nhMzEBZrqqaAl04HLBierkSHvT25hnnOlt+esnypn5k3unxSTFP8+7T6JGY/z7yeMKMsvd80dOzo2nuIe/O3rwKCP8HWVX6num46h8AAAAASUVORK5CYII=);
  background-size: 100% 100%;
  border-radius: 6px;
  position: absolute;
  right: 32px;
  top: 12px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.06);
}
.content-footer-foot_service_code__text {
  font-size: 12px;
  line-height: 14px;
  color: #989898;
}
.content-footer .content-footer-foot:hover + .content-footer-footgong {
  display: block !important;
}
.content-footer-cp {
  cursor: pointer;
}
.content-footer-m3 {
  margin: 3px;
}
.content-footer .hide-service {
  display: none;
}
@media screen and (max-width: 1600px) {
  .content-footer-footgong {
    right: -58px !important;
  }
  .content-footer-foot {
    right: 60px !important;
  }
}

.message-detail {
  background: #F8F9FC;
}
.message-detail a {
  color: #597dfc !important;
}
.message-detail .top-nav {
  top: 0;
  z-index: 99;
  position: sticky;
  background: #FFFFFF;
}
.message-detail-content--banner {
  background: url(..//img/notice_image.5bad5421.png) no-repeat center;
  background-size: cover;
  height: 320px;
  width: 100%;
  position: relative;
  min-width: 1200px;
  padding-top: 286px;
  margin-bottom: 60px;
}
.message-detail-content--breadcrumb {
  margin: 0 auto;
  height: 70px;
  width: 1200px;
  padding: 10px 24px;
  border-radius: 16px;
  border: 1px solid var(--ffffff, #FFF);
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 4px 16.9px 0 rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(20px);
  justify-content: flex-start;
  align-items: center;
  display: flex;
  flex-direction: row;
}
.message-detail-content--breadcrumb__wrap {
  height: 18px;
}
.message-detail-content--breadcrumb__wrap li:last-child .message-detail-content--breadcrumb__item {
  color: var(---1, #3A4056);
  cursor: unset;
}
.message-detail-content--breadcrumb__item {
  font-size: 14px;
  color: var(---3, #9BA0AD);
  cursor: pointer;
}
.message-detail-content--breadcrumb__item:hover {
  color: #3A4056;
}
.message-detail-article {
  width: 1200px;
  padding: 24px 48px;
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  margin: 0 auto;
  transition: all ease-in 50ms;
}
.message-detail-article:hover {
  transform: translateY(-6px);
  box-shadow: 0 4px 24px 0 rgba(184, 189, 209, 0.25);
}
.message-detail-article:hover .message-detail-article-content {
  color: var(---1, #3A4056);
}
.message-detail-article:hover .message-detail-article-tag {
  color: var(---1, #3A4056);
}
.message-detail-article-title {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.message-detail-article-title__text {
  color: var(---1, #3A4056);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 200%;
  /* 32px */
}
.message-detail-article-title__time {
  position: absolute;
  right: 0;
}
.message-detail-article-content {
  color: var(---2, #7B808F);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /* 28px */
  min-height: 200px;
}
.message-detail-article-tag {
  text-align: right;
  color: var(---2, #7B808F);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.TransBox {
  padding: 20px 0;
  position: relative;
}
.TransBox-header {
  height: 32px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TransBox-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TransBox-left-title {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 18px;
  color: var(--mfy-color-new-emphasize-text);
}
.TransBox-left-subTitle {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  margin-left: 12px;
}
.TransBox-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TransBox-right-func-min {
  margin-right: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TransBox-right-func-min:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-func-min:active {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-func-min .icon {
  width: 16px;
  height: 16px;
  color: #1b1f35;
}
.TransBox-right-func-max {
  margin-right: 12px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TransBox-right-func-max:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-func-max:active {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-func-max .icon {
  width: 16px;
  height: 16px;
  color: #1b1f35;
}
.TransBox-right-close {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TransBox-right-close:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-close:active {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.TransBox-right-close .icon {
  width: 16px;
  height: 16px;
  color: #1b1f35;
}

.upload-modal {
  width: 400px;
  position: fixed;
  right: 60px;
  bottom: 24px;
  background: var(--mfy-color-new-white-text);
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px 20px 20px 20px;
  z-index: 99;
}
.upload-modal-body {
  overflow-y: auto;
}

.synchronous-space-header {
  height: 100%;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: linear-gradient(302deg, #69E0FA -12.9%, #597DFC 53.81%);
}
.synchronous-space-header-logo {
  width: 142px;
  height: 26px;
  margin-right: 68px;
}
.synchronous-space-header-spacing__text {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
}
.synchronous-space-header-spacing__text:first-child {
  margin-right: 8px;
}

.synchronous-space-side-nav {
  padding: 24px 16px;
  height: 100%;
}
.synchronous-space-side-nav-menu-item {
  padding: 9px 24px;
  margin-bottom: 8px;
  cursor: pointer;
  position: relative;
}
.synchronous-space-side-nav-menu-item a {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-decoration: none;
}
.synchronous-space-side-nav-menu-item a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.synchronous-space-side-nav-menu-item:hover {
  background: #FFFFFF;
  border-radius: 8px;
}
.synchronous-space-side-nav-menu-item.active {
  background: #FFFFFF;
  border-radius: 8px;
}
.synchronous-space-side-nav-menu-item.active .synchronous-space-side-nav-menu-item__name {
  color: #597DFC;
}
.synchronous-space-side-nav-menu-item__icon {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.synchronous-space-side-nav-menu-item__name {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 22px;
}

.synchronous-space-layout {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.synchronous-space-layout-header {
  width: 100%;
  height: 56px;
}
.synchronous-space-layout-content {
  height: calc(100% - 56px);
  display: flex;
  flex-direction: row;
}
.synchronous-space-layout-side {
  width: 208px;
  height: 100%;
  min-width: 208px;
  background: #F8F9FC;
}
.synchronous-space-layout-inner-content {
  height: 100%;
  width: calc(100vw - 208px);
  position: relative;
  pointer-events: auto;
}
.synchronous-space-layout-inner-content #maskAll {
  width: calc(100% - 4px);
  height: calc(100% - 4px);
}

.tool-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 24px;
}
.tool-header .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tool-header .title-wrapper .icon-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tool-header .title-wrapper .icon-title-row .icon-wrapper {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.tool-header .title-wrapper .icon-title-row .icon-wrapper img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.tool-header .title-wrapper .icon-title-row .icon-title {
  font-size: var(--mfy-font-size-new-18);
  font-weight: var(--mfy-font-width-new-bold);
  color: var(--mfy-color-new-emphasize-text);
  line-height: 22px;
}
.tool-header .title-wrapper .title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px;
}
.tool-header .title-wrapper .title-row h5 {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
}

.tool-sidebar {
  flex-shrink: 0;
  margin-right: 24px;
}
.tool-sidebar .back-icon-wrapper {
  width: 32px;
  height: 32px;
  background: #F5F6F7;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-top: 4px;
}
.tool-sidebar .back-icon-wrapper:hover {
  background: #EDEEF0;
}
.tool-sidebar .back-icon-wrapper:active {
  background: #E3E4E5;
}
.tool-sidebar .back-icon {
  font-size: 16px;
  color: var(--mfy-color-new-main-text);
}

.tool-content-with-pagination-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.tool-content-with-pagination-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}
.tool-content-with-pagination-tips-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  line-height: 22px;
  padding: 24px 0 16px 0;
}

.tool-help-modal .ant-modal-content {
  padding-right: 0!important;
}
.tool-help-modal .ant-modal-body {
  height: 544px;
  overflow-y: auto;
}
.tool-help-modal .tool-help-tabs {
  display: flex;
  margin-bottom: 24px;
  border-bottom: none;
  background: #F7F8FA;
  border-radius: 8px;
  padding: 4px;
  width: 584px;
  position: sticky;
  top: 0;
  z-index: 2;
}
.tool-help-modal .tool-help-tabs .tab-item {
  flex: 1;
  padding: 8px 16px;
  cursor: pointer;
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  border-radius: 6px;
  transition: all 0.3s;
  text-align: center;
}
.tool-help-modal .tool-help-tabs .tab-item.active {
  color: #3C80FF;
  font-weight: var(--mfy-font-width-new-bold);
  background: #FFFFFF;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.05);
}
.tool-help-modal .tool-help-tabs .tab-item:hover:not(.active) {
  color: #1D2129;
}
.tool-help-modal .tool-help-content {
  padding: 0 16px 0 0;
}

.section-title {
  font-weight: bold;
  font-size: 14px;
  color: #BBBDC9;
  margin-bottom: 4px;
  line-height: 22px;
}
.section-title a {
  font-weight: normal;
  color: #3C80FF;
}
.section-content {
  margin-bottom: 20px;
  text-align: justify;
}
.faq-answer {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  margin-bottom: 16px;
}
.faq-answer:last-child {
  margin-bottom: 0;
}
.faq-answer ul {
  margin: 8px 0;
  padding-left: 20px;
}
.faq-answer ul li {
  margin-bottom: 8px;
  line-height: 1.5;
}
.faq-answer ul li:last-child {
  margin-bottom: 0;
}

.third-party-mount-info-section {
  background: #ffffff;
  margin-top: 24px;
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
}
@media (width < 1520px) {
  .third-party-mount-info-section {
    flex-direction: column;
  }
}
.third-party-mount-info-section-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
}
.third-party-mount-module-info {
  flex: 1;
  margin-bottom: 0;
  background: #FAFAFA;
  padding: 24px 24px 16px 24px;
  border-radius: 12px;
  height: 146px;
}
.third-party-mount-module-info-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 16px;
}
.third-party-mount-module-info .auth-note {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  font-style: normal;
}
.third-party-mount-module-info .warning-tag {
  color: #faad14;
  background-color: #fff;
  border: 1px solid #fff;
  width: fit-content;
  margin-top: 8px;
  padding: 4px 8px 4px 8px;
  font-size: var(--mfy-font-size-new-12);
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.third-party-mount-module-info .warning-tag .warning-icon {
  color: #faad14;
  margin-right: 4px;
  font-size: var(--mfy-font-size-new-16);
  display: flex;
  align-items: center;
}
@media (min-width: 1601px) {
  .third-party-mount-module-info .warning-tag {
    white-space: nowrap;
  }
}
.third-party-mount-server-info {
  flex: 1;
  background: #FAFAFA;
  padding: 24px 24px 24px 24px;
  border-radius: 12px;
  height: 146px;
  box-sizing: border-box;
}
.third-party-mount-server-info-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 16px;
}
.third-party-mount-server-info .server-details > div {
  margin-bottom: 6px;
  display: flex;
  height: 18px;
  line-height: 18px;
}
.third-party-mount-server-info .server-details > div:last-child {
  margin-bottom: 0;
}
.third-party-mount-server-info .server-details > div span:first-child {
  color: var(--mfy-color-new-describe-text);
  width: 85px;
  flex-shrink: 0;
}
.third-party-mount-server-info .server-details > div span:last-child {
  color: var(--mfy-color-new-main-text);
}
.third-party-mount-auth-list {
  display: flex;
  flex: 1;
  flex-direction: column;
}
.third-party-mount-auth-list-table-title {
  margin-left: 24px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  position: relative;
  height: 40px;
  line-height: 40px;
}
.third-party-mount-auth-list-table-title::after {
  content: '';
  position: absolute;
  left: -24px;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #F5F6F7;
}
.third-party-mount-auth-list-table .ant-table-thead > tr > th {
  height: 56px !important;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text) !important;
}
.third-party-mount-auth-list-table .ant-table-tbody > tr > td:nth-child(1) {
  color: var(--mfy-color-new-emphasize-text);
}
.third-party-mount-auth-list-table .ant-table-tbody > tr > td:nth-child(2),
.third-party-mount-auth-list-table .ant-table-tbody > tr > td:nth-child(3),
.third-party-mount-auth-list-table .ant-table-tbody > tr > td:nth-child(4) {
  color: var(--mfy-color-new-main-text);
}
.third-party-mount-auth-list-table .ant-table-tbody > tr > td:nth-child(5) {
  color: var(--mfy-color-new-secondary-describe-text);
}
.third-party-mount-auth-list-table .ant-table-cell {
  padding-left: 24px !important;
  padding-top: 9.5px !important;
  padding-bottom: 9.5px !important;
}
.third-party-mount-auth-list-table-disable .ant-table-tbody > tr > td:nth-child(1),
.third-party-mount-auth-list-table-disable .ant-table-tbody > tr > td:nth-child(2),
.third-party-mount-auth-list-table-disable .ant-table-tbody > tr > td:nth-child(3),
.third-party-mount-auth-list-table-disable .ant-table-tbody > tr > td:nth-child(4),
.third-party-mount-auth-list-table-disable .ant-table-tbody > tr > td:nth-child(5) {
  color: var(--mfy-color-new-disable-text);
}
.third-party-mount-auth-list .ant-table-wrapper {
  margin-top: 16px;
}
.third-party-mount-auth-list .ant-table-wrapper .auth-dir-wrapper {
  display: flex;
  gap: 10px;
}
.third-party-mount-auth-list .ant-table-wrapper .auth-dir-wrapper .auth-dir-text {
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
}
.third-party-mount-auth-list .ant-table-wrapper .auth-dir-wrapper .auth-dir-text-expire {
  color: var(--mfy-color-new-disable-text);
}
.third-party-mount-auth-list .ant-table-wrapper .auth-dir-wrapper .auth-dir-icon {
  color: var(--mfy-color-danger);
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper {
  display: flex;
  gap: 8px;
  flex-direction: row;
  align-items: center;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-text {
  cursor: pointer;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-text:hover {
  color: var(--mfy-color-primary);
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-text-hide {
  color: inherit;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-text-expire {
  color: inherit;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-text-expire:hover {
  color: inherit;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-icon {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
  cursor: pointer;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-icon-wrapper {
  padding: 4px;
  border-radius: 4px;
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-icon-wrapper:hover {
  background: rgba(182, 186, 195, 0.2);
}
.third-party-mount-auth-list .ant-table-wrapper .app-pwd-wrapper-icon-disable {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-disable-text);
  cursor: pointer;
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button {
  width: fit-content;
  padding: 7.5px 0;
  text-align: left;
  color: var(--mfy-color-primary);
  cursor: pointer;
  white-space: nowrap;
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button:hover {
  color: var(--mfy-color-primary-hover);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button:active {
  color: var(--mfy-color-primary-hover);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-disable {
  color: var(--mfy-color-primary-disabled);
  cursor: not-allowed;
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-disable:hover {
  color: var(--mfy-color-primary-disabled);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-disable:active {
  color: var(--mfy-color-primary-disabled);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-danger {
  color: var(--mfy-color-danger);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-danger:hover {
  color: var(--mfy-color-danger-hover);
}
.third-party-mount-auth-list .ant-table-wrapper .operation-buttons-wrapper .operation-button-danger:active {
  color: var(--mfy-color-danger-active);
}
.third-party-mount-auth-list-empty-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}

.third-party-mount-container {
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.third-party-mount-container .tool-common-layout-pc .tabs-actions .tabs-WebButton {
  height: 32px !important;
}
.third-party-mount-container .tool-header-right-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 11px 7px 11px 16px;
  background: linear-gradient(90deg, rgba(255, 234, 212, 0.5) 0%, rgba(255, 240, 224, 0.5) 100%);
  border-radius: 8px;
  height: 38px;
  font-size: 12px;
  color: #A66A2E;
  font-weight: 400;
}
.third-party-mount-container .tool-header-right-content .tool-header-right-content-item-btn {
  padding: 4px 8px;
  border-radius: 6px;
  border: 1px solid #A66A2E;
  background: #FFF;
  cursor: pointer;
}
.third-party-mount-container .tabs-header {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.third-party-mount-container .tabs-header .custom-tabs {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid var(--mfy-split-line-color);
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav {
  display: flex;
  align-items: center;
  transform: translateX(-24px);
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item {
  padding: 12px 24px;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  cursor: pointer;
  position: relative;
  transition: color 0.3s;
  white-space: nowrap;
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item.active {
  color: var(--mfy-color-primary);
  font-weight: var(--mfy-font-width-new-bold);
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item.active:hover {
  color: var(--mfy-color-primary);
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item.active::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 56px;
  height: 2px;
  background: var(--mfy-color-primary);
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item:hover {
  color: #5E6278;
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-nav .tab-item:active {
  color: #3C3F52;
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-actions {
  display: flex;
  gap: 12px;
  margin-left: 32px;
  padding-bottom: 8px;
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-action {
  position: relative;
}
.third-party-mount-container .tabs-header .custom-tabs .tabs-action-badge {
  position: absolute;
  width: 30px;
  height: 16px;
  top: 0;
  right: 0;
  transform: translateY(-8px);
}
.third-party-mount-container .tabs-header .tabs-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cloud-apps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(218px, 1fr));
  gap: 16px;
  padding: 0 0 16px 0;
}
.cloud-app-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 24px;
  background: #FAFAFA;
  border-radius: 16px;
  width: 100%;
  height: 80px;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
.cloud-app-item:hover {
  background: #F2F3F5;
}
.cloud-app-item:hover .cloud-app-action {
  display: block;
}
.cloud-app-item .cloud-app-icon {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.cloud-app-item .cloud-app-icon.blue {
  background: #4080FF;
}
.cloud-app-item .cloud-app-icon.red {
  background: #F53F3F;
}
.cloud-app-item .cloud-app-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.cloud-app-item .cloud-app-name {
  font-size: 14px;
  color: #1b1f35;
  line-height: 22px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cloud-app-item .cloud-app-action {
  display: none;
  line-height: 20px;
}
.add-app-modal .add-app-step .warning-tips .warning-tips-content {
  margin-bottom: 24px;
}
.add-app-modal .add-app-step .warning-tips .warning-tips-content p {
  padding: 0;
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  margin: 0 0 24px;
}
.add-app-modal .add-app-step .warning-tips .warning-tips-content p:last-child {
  margin-bottom: 0;
}
.add-app-modal .add-app-step .step-header {
  display: flex;
  flex-direction: column;
  padding: 0 0 12px 0;
}
.add-app-modal .add-app-step .step-header .step-number {
  display: flex;
  align-items: baseline;
  margin-bottom: 16px;
  font-family: PingFangSC-Regular;
}
.add-app-modal .add-app-step .step-header .step-number .current {
  font-size: 24px;
  color: #1B1F35;
  line-height: 32px;
}
.add-app-modal .add-app-step .step-header .step-number .total {
  font-size: 14px;
  color: #BBBDC9;
  line-height: 22px;
  margin-left: 2px;
}
.add-app-modal .add-app-step .step-header .step-title {
  font-size: 12px;
  color: #878999;
  font-weight: 400;
}
.add-app-modal .add-app-step .step-two-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-left {
  color: var(--mfy-color-new-describe-text);
  font-size: 14px;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-right-dir {
  display: flex;
  height: 36px;
  padding: 7px 8px 7px 12px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  line-height: 22px;
  border-radius: 6px;
  background: #F5F6F7;
  box-sizing: border-box;
  cursor: pointer;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-right-dir-text {
  flex: 1;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-right-dir .icon {
  color: var(--mfy-color-new-describe-text);
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-permission-tab-wrapper {
  flex: 1 0 0;
  height: 40px;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-permission-tab {
  height: unset;
  width: unset;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-permission-tab .mfy-tabs-item {
  height: unset;
  width: 50%;
  padding: 5.5px 16px;
}
.add-app-modal .add-app-step .step-two-content-wrapper .step-two-content-line-permission-tab .mfy-tabs-item.active {
  color: var(--mfy-color-new-main-text);
}
.add-app-modal .add-app-step .step-three-content-wrapper {
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: #FAFAFA;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line {
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-left {
  width: 84px;
  color: var(--mfy-color-new-describe-text);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-right-link {
  color: var(--mfy-color-primary);
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  word-break: break-all;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-right-defalut {
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  line-height: 22px;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-right-defalut-wrapper {
  display: flex;
  align-items: center;
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-right-defalut .icon {
  color: var(--mfy-color-new-describe-text);
}
.add-app-modal .add-app-step .step-three-content-wrapper .step-three-content-line-tip {
  color: var(--mfy-color-new-secondary-describe-text);
  font-size: 12px;
  line-height: 20px;
}
.revoke-modal .revoke-confirm-content {
  padding: 8px 0;
  text-align: left;
}
.revoke-modal .revoke-confirm-content p {
  margin: 0;
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  line-height: 1.8;
}
.cloud-auth-modal .add-app-step .warning-tips .tips-content {
  margin-bottom: 24px;
}
.cloud-auth-modal .add-app-step .warning-tips .tips-content p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  line-height: 1.8;
  margin-bottom: 6px;
}
.cloud-auth-modal .add-app-step .warning-tips .tips-content p:first-child {
  font-weight: 500;
}
.cloud-auth-modal .add-app-step .warning-tips .tips-content p:not(:first-child) {
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.cloud-auth-modal .add-app-step .warning-tips .tips-content p:last-child {
  margin-bottom: 0;
}
.edit-webdav-modal-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-webdav-modal-content-line {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.edit-webdav-modal-content-line-left {
  width: 70px;
  color: var(--mfy-color-new-describe-text);
  font-size: 14px;
  line-height: 22px;
  white-space: nowrap;
}
.edit-webdav-modal-content-line-right {
  flex: 1;
}
.edit-webdav-modal-content-line-right-link {
  color: var(--mfy-color-primary);
  line-height: 22px;
  cursor: pointer;
}
.edit-webdav-modal-content-line-right-defalut {
  color: var(--mfy-color-new-main-text);
  line-height: 22px;
}
.edit-webdav-modal-content-line-right-dir {
  display: flex;
  height: 36px;
  padding: 7px 8px 7px 12px;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  line-height: 22px;
  border-radius: 6px;
  background: #F5F6F7;
  box-sizing: border-box;
  cursor: pointer;
}
.edit-webdav-modal-content-line-right-dir-text {
  flex: 1;
}
.edit-webdav-modal-content-line-right-dir .icon {
  color: var(--mfy-color-new-describe-text);
}
.edit-webdav-modal-content-line-right-tab {
  height: unset;
  width: unset;
}
.edit-webdav-modal-content-line-right-tab .mfy-tabs-item {
  height: unset;
  width: 50%;
  padding: 5.5px 16px;
}
.edit-webdav-modal-content-line-right-tab .mfy-tabs-item.active {
  color: var(--mfy-color-new-main-text);
}
.edit-webdav-modal-content-line-right-tab-wrapper {
  flex: 1 0 0;
  height: 40px;
}
.edit-webdav-modal-content-line-tip {
  color: var(--mfy-color-new-secondary-describe-text);
  font-size: 12px;
  line-height: 20px;
}
.third-party-mount-wen-container .tool-common-layout {
  padding-right: 56px;
}
.third-party-mount-wen-container .ant-table-wrapper {
  margin-top: 0;
}
.third-party-mount-wen-container .tab-item {
  font-size: var(--mfy-font-size-new-16) !important;
}
.third-party-mount-wen-container .third-party-mount-module-info-title {
  font-size: var(--mfy-font-size-new-16) !important;
}
.third-party-mount-wen-container .third-party-mount-server-info-title {
  font-size: var(--mfy-font-size-new-16) !important;
}
.third-party-mount-wen-container .third-party-mount-auth-list-table-title {
  font-size: var(--mfy-font-size-new-16) !important;
}
.third-party-mount-wen-container .tabs-actions {
  padding-bottom: 0 !important;
}
.third-party-mount-wen-container .tabs-actions .tabs-WebButton {
  height: 40px !important;
}

.tool-common-layout {
  display: flex;
  flex: 1;
}
.tool-common-layout.tool-common-layout-pc {
  padding: 24px;
  background: #fff;
}
.tool-common-layout-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.tool-common-layout-content.tool-common-layout-content-pc {
  padding: 24px;
  background: #fff;
  margin-bottom: 70px;
}
.tool-common-info-section {
  background: var(--mfy-color-white);
  margin-bottom: 16px;
  display: flex;
  gap: 16px;
}
.tool-common-info-section-module {
  flex: 1;
  margin-bottom: 0;
  background: #FAFAFA;
  padding: 24px;
  border-radius: 12px;
}
.tool-common-info-section-module-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
}
.tool-common-info-section-module-text {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-text);
  text-align: justify;
}

.new-page-header {
  position: sticky;
  top: 0;
  z-index: 99;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
}
.new-page-header .page-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1200px;
  height: 80px;
  margin: 0 auto;
}
.new-page-header .page-header-content .header-left {
  display: flex;
  align-items: center;
}
.new-page-header .page-header-content .header-left .page-icon {
  width: 102px;
  height: 36px;
  cursor: pointer;
}
.new-page-header .page-header-content .header-left .page-title {
  display: flex;
  align-items: center;
  margin-left: 20px;
}
.new-page-header .page-header-content .header-left .page-title .page-title-border {
  width: 2px;
  height: 20px;
  margin-right: 20px;
}
.new-page-header .page-header-content .header-left .page-title .page-title-text {
  font-weight: 400;
  font-size: 20px;
  color: #3A4056;
}
.new-page-header .page-header-content .header-children-demo {
  flex: 1;
}
.new-page-header .page-header-content .header-right .header-user-login {
  height: 32px;
  line-height: 32px;
  background: #597DFC;
  border-radius: 6px 6px 6px 6px;
  padding: 0 16px;
  margin-left: 20px;
  font-size: 14px;
  color: #FFFFFF;
  cursor: pointer;
}
.new-page-header .page-header-content .header-right .header-user-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 20px;
  height: 28px;
  cursor: pointer;
}
.new-page-header .page-header-content .header-right .header-user-info .user-name {
  width: 66px;
  font-size: 14px;
  color: #344056;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.new-page-header .page-header-content .header-right .header-user-info .com-drop-down-arrow {
  width: 16px;
  height: 16px;
}

.after-sale-application .ant-form-item-label > label {
  color: #7b808f;
}
.after-sale-application.phone {
  padding-bottom: 48px;
}
.after-sale-application.phone .ant-form-item-control-input {
  min-height: 0 !important;
}
.after-sale-application.phone .ant-form-item-label > label {
  color: #7b808f;
  height: 14px;
}
.after-sale-application.phone.statistic {
  padding-bottom: 0;
}
.after-sale-application-line__sale {
  width: 100%;
  height: 44px;
  font-size: 14px;
  color: #ffffff;
}
.after-sale-application-title {
  margin-bottom: 24px;
}
.after-sale-application-title.phone-title {
  border-radius: 8px;
  padding: 12px 8px 12px 8px;
  background: #f4f6fb;
}
.after-sale-application-title.phone-title .after-sale-application-title__text {
  font-size: 12px;
  color: #7b808f;
  line-height: 20px;
}
.after-sale-application-title.web-title {
  height: 32px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #5e6278;
  line-height: 14px;
  margin-top: 16px;
}
.after-sale-application-title__text {
  color: #7b808f;
  font-size: 13px;
  line-height: 24px;
}
.after-sale-application-rule.phone-rule .after-sale-application-rule__text {
  font-size: 12px;
  color: #7b808f;
  line-height: 24px;
}
.after-sale-application-rule__title {
  color: #3a4056;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 8px;
}
.after-sale-application-rule__text {
  color: #7b808f;
  font-size: 13px;
  line-height: 24px;
}
.after-sale-application-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}
.after-sale-application-line.phone-line {
  position: fixed;
  bottom: 0;
  height: 60px;
  display: flex;
  align-items: center;
  box-shadow: 0px -4px 10px 0px #f4f6ff;
  justify-content: center;
  flex-direction: row;
  left: 0;
  width: 100%;
  background: #ffffff;
  margin-top: 12px;
}
.after-sale-application-line.phone-line .phone-line__customer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
}
.after-sale-application-line.phone-line .phone-line__customer--icon {
  color: #7b808f;
  font-size: 28px;
}
.after-sale-application-line.phone-line .phone-line__customer--text {
  color: #7b808f;
  font-size: 10px;
  margin-top: 3px;
}
.after-sale-application-line.phone-line .phone-line__download {
  height: 44px;
  font-size: 14px;
  color: #3a4056;
  width: 134px;
  margin-right: 12px !important;
}
.after-sale-application-line.phone-line .phone-button {
  margin: 12px 20px !important;
}
.after-sale-application-line.statistic {
  position: static;
}
.after-sale-application-form-input {
  border-radius: 6px;
  color: #3a4056;
  font-size: 14px;
}
.after-sale-application-form-input .ant-input-suffix .ant-btn {
  padding-right: 1px !important;
}
.after-sale-application .ant-form-item:nth-last-child(1) {
  margin-bottom: 0;
}
.after-sale-application .ant-input {
  border-radius: 6px !important;
}
.after-sale-application .ant-modal-title {
  font-size: 14px !important;
}
.after-sale-application-web .ant-form-item-label {
  display: flex;
  align-items: center;
}
.after-sale-application-web .ant-form-item-label label {
  color: #878999 !important;
}
.after-sale-application-web .web-button {
  width: 100% !important;
}
.after-sale-application-web .web-rule__title {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 14px;
  color: #878999;
  margin-bottom: 12px;
  line-height: 18px;
}
.after-sale-application-web .web-rule__text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 16px;
}
.after-sale-application-form-appealReason {
  margin-bottom: 48px !important;
}
.after-sale-application-mobile-container {
  padding: 12px 20px 12px 20px;
}

.top-nav {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #FFFFFF;
}
.top-nav .top-nav-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.top-nav .top-nav-line-left {
  display: flex;
  align-items: center;
}
.top-nav .user-name {
  color: #3A4056;
  font-size: 14px;
  font-weight: 400;
}
.top-nav .has-login {
  width: 1200px;
  margin: 0 auto !important;
  height: 65px !important;
}

.backup-action-button {
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  display: flex;
  border-radius: 6px;
  padding: 4px;
  cursor: pointer;
}
.backup-action-button .icon {
  font-size: 16px;
  color: var(--mfy-color-new-secondary-text);
}
.backup-action-button:hover {
  background: var(--mfy-iconfont-color-hover);
}
.backup-action-button:active {
  background: var(--mfy-iconfont-color-active);
}

.button-customize-task {
  border-radius: 12px;
  background: var(--mfy-color-primary);
  box-shadow: 0 8px 15px 0 rgba(60, 128, 255, 0.15);
  display: flex;
  flex-direction: row;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  color: #FFFFFF;
  min-height: 52px;
}
.button-customize-task-right {
  display: flex;
  flex-direction: column;
}
.button-customize-task-right-top-text {
  font-size: 12px;
  line-height: 18px;
}
.button-customize-task-right-bottom-text {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
  line-height: 18px;
}
.button-customize-task img {
  width: 20px;
  height: 20px;
}
.button-customize-task:hover {
  cursor: pointer;
  opacity: 0.9;
}
.button-customize-task:active {
  opacity: 0.8;
}

.start-backup {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 12px;
  border: 1px solid #E5E6EB;
  background: white;
  box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.04);
  gap: 12px;
  position: relative;
  min-height: 52px;
}
.start-backup:hover {
  background: var(--mfy-iconfont-color-hover);
}
.start-backup-right {
  display: flex;
  flex-direction: column;
}
.start-backup-open {
  border-radius: 12px;
  border: 1px solid #E5E6EB;
  background: white;
  cursor: not-allowed;
  box-shadow: unset;
}
.start-backup-open > :not(.start-backup-status) {
  opacity: 0.4;
}
.start-backup-open:hover {
  background: white;
}
.start-backup-text {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 12px;
  line-height: 18px;
}
.start-backup-size {
  color: var(--mfy-color-new-describe-text);
  font-size: 10px;
  line-height: 18px;
}
.start-backup-size.hidden {
  visibility: hidden;
}
.start-backup-status {
  position: absolute;
  right: 0;
  top: -8px;
  padding: 0 5px;
  border-radius: 20px 20px 0 20px;
  background: #0DBE30;
  color: white;
  font-size: 10px;
  line-height: 18px;
}

.backup-status-container {
  min-height: 22px;
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.backup-status-container .backup-status-tag {
  margin: 0;
  line-height: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  padding: 0 8px;
  font-size: 12px;
}
.backup-status-container .backup-status-tag .backup-status-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.backup-status-container .backup-status-hover-content {
  opacity: 0;
  display: none;
  color: var(--mfy-color-new-main-text);
  font-size: 13px;
  line-height: 22px;
  height: 22px;
  align-items: center;
}
.backup-status-container .backup-status-hover-content-button {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
}
.backup-status-container .backup-status-hover-content-icon-wrapper {
  cursor: pointer;
  padding: 4px;
}
.backup-status-container .backup-status-hover-content-icon-wrapper .icon {
  font-size: 16px;
}
.backup-status-container .backup-status-hover-content-text {
  cursor: pointer;
}
.backup-status-container.has-hover-content:hover .backup-status-tag {
  opacity: 0;
  display: none;
}
.backup-status-container.has-hover-content:hover .backup-status-hover-content {
  opacity: 1;
  display: flex;
}
.backup-status-container:not(.has-hover-content):hover .backup-status-tag {
  opacity: 1;
  display: inline-flex;
}
.backup-status-container:not(.has-hover-content):hover .backup-status-hover-content {
  opacity: 0;
  display: none;
}

.backup-dir-file-list-container .ant-table-thead > tr > th {
  border-bottom: 1px solid #EDEEF0 !important;
  font-size: 13px !important;
}
.backup-dir-file-list-container .ant-table-tbody > tr > td {
  padding: 8px 8px !important;
}
.backup-dir-file-list-container .ant-table-column-sorters {
  justify-content: flex-start !important;
}
.backup-dir-file-list-container .ant-table-column-sorters .ant-table-column-title {
  flex: unset !important;
}
.backup-dir-file-list-container .file-name-cell {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 13px;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  width: 100%;
}
.backup-dir-file-list-container .file-name-cell .file-icon-container {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.backup-dir-file-list-container .file-name-cell .file-icon-container .status-icon {
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 12px;
  height: 12px;
}
.backup-dir-file-list-container .file-name-cell .file-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.backup-dir-file-list-container .backup-time-cell {
  color: var(--mfy-placeholder-color);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
}
.backup-dir-file-list-container .actions-cell {
  display: flex;
}

.backup-file-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 16px 0;
}
.backup-file-header .breadcrumb-section {
  display: flex;
  align-items: center;
  gap: 16px;
}
.backup-file-header .breadcrumb-section .back-button {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 100px;
  background: #F5F6F7;
}
.backup-file-header .breadcrumb-section .back-button:hover {
  background: var(--mfy-iconfont-color-hover);
}
.backup-file-header .breadcrumb-section .back-button:active {
  background: var(--mfy-iconfont-color-active);
}
.backup-file-header .breadcrumb-section .breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.backup-file-header .breadcrumb-section .breadcrumb .breadcrumb-item {
  color: var(--mfy-color-new-describe-text);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.backup-file-header .breadcrumb-section .breadcrumb .breadcrumb-item:last-child {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
}
.backup-file-header .breadcrumb-section .breadcrumb .breadcrumb-separator {
  font-size: 13px;
  margin-left: 4px;
  color: var(--mfy-color-new-disable-text);
}
.backup-file-header .status-tags {
  display: flex;
  border-radius: 100px;
  background: var(--mfy-split-line-color);
}
.backup-file-header .status-tags .status-tag {
  border-radius: 100px;
  background-color: #f5f5f5;
  cursor: pointer;
  padding: 2px 10px;
  color: var(--mfy-color-new-main-text);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
  margin: 2px 0;
}
.backup-file-header .status-tags .status-tag.active {
  margin: 2px;
  font-weight: 700;
  border-radius: 100px;
  background: white;
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.08);
}

.backup-file-action-button {
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  display: flex;
  border-radius: 6px;
  padding: 4px;
  cursor: pointer;
}
.backup-file-action-button .icon {
  font-size: 13px;
  color: var(--mfy-color-new-secondary-text);
}
.backup-file-action-button:hover {
  background: var(--mfy-iconfont-color-hover);
}
.backup-file-action-button:active {
  background: var(--mfy-iconfont-color-active);
}

.backup-file-list-container .ant-table-thead > tr > th {
  border-bottom: 1px solid #EDEEF0 !important;
  font-size: 13px !important;
}
.backup-file-list-container .ant-table-tbody > tr > td {
  padding: 8px 8px !important;
}
.backup-file-list-container .file-name-cell {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 13px;
  line-height: 22px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  width: 100%;
}
.backup-file-list-container .file-name-cell .file-icon-container {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.backup-file-list-container .file-name-cell .file-icon-container .status-icon {
  position: absolute;
  bottom: 6px;
  right: 0;
  width: 12px;
  height: 12px;
}
.backup-file-list-container .file-name-cell .file-name-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
}
.backup-file-list-container .backup-time-cell {
  color: var(--mfy-placeholder-color);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
}
.backup-file-list-container .actions-cell {
  display: flex;
}
.backup-file-list-container .bytes-total-cell {
  color: var(--mfy-placeholder-color);
  font-size: 13px;
  line-height: 22px;
  /* 169.231% */
}
.backup-file-list-container .empty-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 110px);
}

.backup-introduce-container {
  padding: 60px 20px;
  text-align: center;
}
.backup-introduce-container .main-title {
  color: var(--mfy-color-new-emphasize-text);
  text-align: center;
  font-size: var(--mfy-font-size-new-20);
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 40px;
}

.auto-shutdown-control {
  display: flex;
  align-items: center;
  gap: 4px;
}
.auto-shutdown-control .control-text {
  font-size: 12px;
  color: #666;
}
.auto-shutdown-control .help-icon {
  color: #999;
  cursor: pointer;
}
.auto-shutdown-control .help-icon:hover {
  color: #3C3F52;
}
.auto-shutdown-tooltip .ant-tooltip-content .ant-tooltip-inner {
  transform: translateX(-8px) !important;
}

.vip-status-container {
  margin-bottom: 17px;
  border-radius: 8px;
}
.vip-status-container .vip-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.vip-status-container .vip-title .title-text {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-18);
  font-weight: 700;
  line-height: 26px;
}
.vip-status-container .vip-notice {
  border-radius: 4px;
  padding: 4px 10px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}
.vip-status-container .vip-notice .vip-notice-img {
  height: 16px;
}
.vip-status-container .vip-notice .vip-notice-text {
  font-size: var(--mfy-font-size-new-12);
  line-height: 20px;
}
.vip-status-container .vip-notice .vip-notice-button {
  margin-left: 4px;
  padding: 4.5px 6.5px;
  border-radius: 6px;
  cursor: pointer;
  user-select: none;
  background: var(--mfy-color-primary);
  color: white;
  font-size: 11px;
  font-style: normal;
}
.vip-status-container .vip-notice .vip-notice-button:hover {
  opacity: 0.8;
}
.vip-status-container .vip-notice .vip-notice-button:active {
  opacity: 0.6;
}
.vip-status-container .vip-notice.non-vip {
  background: #F5F6F7;
  height: 28px;
  padding: 2px 2px 2px 10px;
}
.vip-status-container .vip-notice.non-vip .vip-notice-text {
  color: var(--mfy-color-new-main-text);
}
.vip-status-container .vip-notice.non-vip .vip-notice-img {
  height: 26px;
}
.vip-status-container .vip-notice.vip {
  background: linear-gradient(90deg, #F2F9FF 0%, #EFF4FF 100%);
}
.vip-status-container .vip-notice.vip .vip-notice-text {
  color: var(--mfy-color-primary);
}
.vip-status-container .vip-notice.svip {
  background: linear-gradient(90deg, #FFF5DD 0%, #FFF4D8 100%);
}
.vip-status-container .vip-notice.svip .vip-notice-text {
  color: #603C07;
}
.vip-status-container .vip-notice.permanent-vip {
  background: linear-gradient(90deg, #F6EFFF 0%, #F4F0FF 100%);
}
.vip-status-container .vip-notice.permanent-vip .vip-notice-text {
  color: #7D48FF;
}
.vip-status-container .backup-info {
  margin-top: 17px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.vip-status-container .backup-usage {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  color: var(--mfy-color-new-describe-text);
  font-size: 13px;
  line-height: 22px;
}
.vip-status-container .backup-usage-info {
  position: relative;
}
.vip-status-container .backup-usage-refresh {
  border-radius: 6px;
  padding: 4px;
  cursor: pointer;
}
.vip-status-container .backup-usage-refresh:hover {
  background: var(--mfy-iconfont-color-hover);
}
.vip-status-container .backup-usage-refresh:active {
  background: var(--mfy-iconfont-color-active);
}
.vip-status-container .backup-usage .icon {
  color: inherit;
  font-size: 16px;
}
.vip-status-container .backup-usage .svip-upgrade-badge {
  position: absolute;
  top: -24px;
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 8px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 10;
  border-radius: 8px 8px 0 8px;
  background: #FEE6E8;
  color: #F64E60;
  font-size: 10.5px;
}
.vip-status-container .backup-path {
  color: var(--mfy-color-new-describe-text);
  font-size: 13px;
  line-height: 22px;
}
.vip-status-container .backup-path .backup-path-highlight {
  color: black;
  text-decoration: underline;
  cursor: pointer;
}
.vip-status-container .backup-path::before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #E3E4E5;
  margin-left: 16px;
  margin-right: 16px;
  vertical-align: -3px;
}

.backup-loading-modal .ant-modal-header {
  display: none;
}
.backup-loading-modal .ant-modal-close {
  display: none;
}
.backup-loading-modal .ant-modal-content {
  border-radius: 16px!important;
}
.backup-loading-modal .backup-loading-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
}
.backup-loading-modal .backup-loading-body > img {
  width: 24px;
  height: 24px;
  padding: 6px;
  animation: mount-drive-spin 1s linear infinite;
  margin-bottom: 9px;
}
.backup-loading-modal .backup-loading-body > span {
  font-size: 14px;
  color: #5E6278;
  font-weight: 400;
}
@keyframes mount-drive-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.automatic-backup-vip-modal .ant-modal-close {
  top: 16px !important;
  right: 16px !important;
}
.automatic-backup-vip-modal .ant-modal-content {
  background: linear-gradient(143deg, #FFF5DE 0.74%, #FFF 50.78%);
}
.automatic-backup-vip-modal .ant-modal-content .ant-modal-header {
  margin-bottom: 0;
}
.automatic-backup-vip-modal .vip-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.automatic-backup-vip-modal .modal-title {
  margin-top: 20px;
  color: var(--mfy-color-new-emphasize-text);
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 39px;
}
.automatic-backup-vip-modal .modal-img {
  margin-left: 17px;
}
.automatic-backup-vip-modal .subtitle {
  margin-top: 14px;
  color: var(--mfy-color-new-secondary-text);
  font-size: var(--mfy-font-size-new-14);
  line-height: 22px;
  margin-bottom: 20px;
}
.automatic-backup-vip-modal .cta-button {
  padding: 9px 70px;
  color: #412A07;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  margin-bottom: 12px;
  background: linear-gradient(90deg, #FFDDAC 0%, #FFCA6E 100%);
}

.close-backup-modal .close-backup-message {
  color: var(--mfy-color-text);
  font-size: var(--mfy-font-size-new-14);
  line-height: 22px;
  margin-bottom: 24px;
}

.start-automatic-backup-modal .ant-modal-content {
  border-radius: 12px;
  padding: 24px;
}
.start-automatic-backup-modal .ant-modal-body {
  padding: 0;
}
.start-automatic-backup-modal .modal-content {
  text-align: center;
}
.start-automatic-backup-modal .backup-icon {
  width: 48px;
  height: 48px;
}
.start-automatic-backup-modal .backup-desc {
  color: var(--mfy-color-new-emphasize-text);
  text-align: center;
  font-size: var(--mfy-font-size-new-14);
  font-weight: 700;
  line-height: 22px;
}
.start-automatic-backup-modal .backup-subdesc {
  color: var(--mfy-color-new-describe-text);
  text-align: center;
  font-size: var(--mfy-font-size-new-14);
  line-height: 22px;
}
.start-automatic-backup-modal .path-section-wrapper {
  margin: 24px 0;
}
.start-automatic-backup-modal .path-section {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.start-automatic-backup-modal .path-section-err {
  color: var(--mfy-color-danger);
  font-size: 12px;
  line-height: 20px;
  display: flex;
  align-items: flex-start;
}
.start-automatic-backup-modal .path-input-wrapper {
  flex: 1;
  min-width: 0;
  border-radius: 6px;
  background: var(--mfy-split-line-color);
}
.start-automatic-backup-modal .path-input-wrapper.disabled .path-input {
  color: var(--mfy-color-new-secondary-describe-text);
  cursor: not-allowed;
}
.start-automatic-backup-modal .path-input {
  padding: 7px 12px;
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.start-automatic-backup-modal .path-button {
  display: flex;
  padding: 8px 12px;
  justify-content: center;
  align-items: center;
  color: var(--mfy-color-primary);
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  border-radius: 6px;
  background: #F0F8FF;
}

.mfy-loading {
  display: inline-block;
  font-family: var(--mfy-font-family);
}

.mfy-button-h5 {
  font-family: var(--mfy-font-family);
  --color: var(--mfy-color-text-light-solid);
  --text-color: var(--mfy-button-text-color, var(--mfy-color-text));
  --background-color: var(--mfy-button-background-color, var(--mfy-color-background));
  --border-radius: var(--mfy-button-border-radius, 4px);
  --border-width: var(--mfy-button-border-width, 1px);
  --border-style: var(--mfy-button-border-style, solid);
  --border-color: var(--mfy-button-border-color, var(--mfy-color-border));
  --button-height: auto;
  color: var(--text-color);
  background-color: var(--background-color);
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: var(--button-height);
  padding: 7px 12px;
  margin: 0;
  font-size: var(--mfy-button-font-size);
  line-height: 1.4;
  text-align: center;
  border: var(--border-width) var(--border-style) var(--border-color);
  border-radius: var(--border-radius);
  cursor: pointer;
  transition: opacity ease 0.15s;
  user-select: none;
}
.mfy-button-h5:focus {
  outline: none;
}
.mfy-button-h5::before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(calc(var(--border-width) * -1), calc(var(--border-width) * -1));
  width: 100%;
  height: 100%;
  background-color: #000;
  border: var(--border-width) var(--border-style) #000;
  border-radius: var(--border-radius);
  opacity: 0;
  content: ' ';
  box-sizing: content-box;
}
.mfy-button-h5:active::before {
  opacity: 0.08;
}
.mfy-button-h5-default.mfy-button-h5-fill-outline {
  --background-color: transparent;
  --border-color: var(--mfy-color-text);
}
.mfy-button-h5-default.mfy-button-h5-fill-none {
  --background-color: transparent;
  --border-width: 0px;
}
.mfy-button-h5:not(.mfy-button-h5-default) {
  --text-color: var(--mfy-color-text-light-solid);
  --background-color: var(--color);
  --border-color: var(--color);
}
.mfy-button-h5:not(.mfy-button-h5-default).mfy-button-h5-fill-outline {
  --text-color: var(--color);
  --background-color: transparent;
}
.mfy-button-h5:not(.mfy-button-h5-default).mfy-button-h5-fill-none {
  --text-color: var(--color);
  --background-color: transparent;
  --border-width: 0px;
}
.mfy-button-h5-primary {
  --color: var(--mfy-color-primary);
}
.mfy-button-h5-success {
  --color: var(--mfy-color-success);
}
.mfy-button-h5-danger {
  --color: var(--mfy-color-danger);
}
.mfy-button-h5-warning {
  --color: var(--mfy-color-warning);
}
.mfy-button-h5-block {
  display: block;
  width: 100%;
}
.mfy-button-h5-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.mfy-button-h5-disabled:active::before {
  display: none;
}
.mfy-button-h5.mfy-button-h5-mini {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--mfy-font-size-main);
}
.mfy-button-h5.mfy-button-h5-mini.mfy-button-h5-shape-rounded {
  padding-left: 9px;
  padding-right: 9px;
}
.mfy-button-h5.mfy-button-h5-small {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: var(--mfy-font-size-7);
}
.mfy-button-h5.mfy-button-h5-large {
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: var(--mfy-font-size-10);
}
.mfy-button-h5.mfy-button-h5-shape-rounded {
  --border-radius: 1000px;
}
.mfy-button-h5.mfy-button-h5-shape-rectangular {
  --border-radius: 0;
}
.mfy-button-h5-loading {
  vertical-align: bottom;
}
.mfy-button-h5-loading-wrapper {
  display: flex;
  height: 1.4em;
  align-items: center;
  justify-content: center;
}
.mfy-button-h5-loading-wrapper > .mfy-loading {
  opacity: 0.6;
}

.myf-mask {
  --z-index: var(--mfy-mask-z-index, 1000);
  font-family: var(--mfy-font-family);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index);
  display: block;
  width: 100%;
  height: 100%;
}
.myf-mask-aria-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.myf-mask-content {
  z-index: 1;
}

.mfy-popup {
  font-family: var(--mfy-font-family);
  --background-color: var(--mfy-center-popup-background-color, var(--mfy-color-background));
  --border-radius: var(--mfy-center-popup-border-radius, 8px);
  --max-width: var(--mfy-center-popup-max-width, 75vw);
  --min-width: var(--mfy-center-popup-min-width, 280px);
  --z-index: var(--mfy-center-popup-z-index, 1000);
  position: fixed;
  z-index: var(--z-index);
}
.mfy-popup .mfy-popup-mask {
  z-index: 0;
}
.mfy-popup-wrap {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: var(--min-width);
  max-width: var(--max-width);
  transform: translate(-50%, -50%);
}
.mfy-popup-body {
  background-color: var(--background-color);
  border-radius: var(--border-radius);
}
.mfy-popup-close {
  position: absolute;
  z-index: 100;
  right: 8px;
  top: 8px;
  cursor: pointer;
  padding: 4px;
  font-size: 18px;
  color: var(--mfy-color-weak);
}

.mfy-dialog {
  --z-index: var(--mfy-dialog-z-index, 1000);
  font-family: var(--mfy-font-family);
  ---z-index: var(--z-index);
}
.mfy-dialog .mfy-center-popup {
  --z-index: var(---z-index);
}
.mfy-dialog-body {
  width: 100%;
  max-height: 70vh;
  font-size: var(--mfy-font-size-6);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mfy-dialog-body > * {
  flex: none;
}
.mfy-dialog-body > .mfy-dialog-content {
  flex: auto;
}
.mfy-dialog-body:not(.mfy-dialog-with-image) {
  padding-top: 25px;
}
.mfy-dialog-image-container {
  margin-bottom: 12px;
  max-height: 40vh;
}
.mfy-dialog-header {
  margin-bottom: 8px;
  padding: 0 12px;
}
.mfy-dialog-title {
  margin-bottom: 20px;
  padding: 0 12px;
  color: var(--mfy-color-text);
  font-size: var(--mfy-font-size-8);
  line-height: 20px;
  text-align: center;
}
.mfy-dialog-content {
  padding: 0 12px 20px;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: var(--mfy-font-size-6);
  line-height: 1.4;
  color: var(--mfy-color-text);
}
.mfy-dialog-content-empty {
  padding: 0;
  height: 12px;
}
.mfy-dialog-footer {
  user-select: none;
}
.mfy-dialog-footer .mfy-dialog-action-row {
  display: flex;
  align-items: stretch;
}
.mfy-dialog-footer .mfy-dialog-action-row > * {
  flex: 1;
}
.mfy-dialog-footer .mfy-dialog-action-row > .mfy-dialog-button {
  padding: 10px;
  font-size: var(--mfy-font-size-6);
  line-height: 30px;
  border-radius: 0;
  position: relative;
}
.mfy-dialog-footer .mfy-dialog-action-row > .mfy-dialog-button-bold {
  font-weight: bold;
}
.mfy-dialog-footer .mfy-dialog-action-row > .mfy-dialog-button:first-child:after {
  content: '';
  border-right: solid 0.5px var(--mfy-color-border);
  position: absolute;
  right: 0;
  top: 50%;
  height: 18px;
  margin-top: -9px;
}
.mfy-dialog-image-container {
  overflow-y: auto;
}
.mfy-dialog-auto-center {
  display: flex;
  justify-content: center;
}
.mfy-dialog-auto-center-content {
  flex: 0 1 auto;
}

.mfy-input {
  --font-size: var(--mfy-font-size-9);
  --color: var(--mfy-color-text);
  --placeholder-color: var(--mfy-color-light);
  --text-align: left;
  font-family: var(--mfy-font-family);
  --background-color: transparent;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 24px;
  background-color: var(--background-color);
}
.mfy-input-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.mfy-input-element {
  flex: auto;
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  color: var(--color);
  font-size: var(--font-size);
  line-height: 1.5;
  background: transparent;
  border: 0;
  outline: none;
  appearance: none;
  min-height: 1.5em;
  text-align: var(--text-align);
}
.mfy-input-element::placeholder {
  font-size: var(--mfy-font-size-6);
  color: var(--mfy-placeholder-color);
}
.mfy-input-element:-webkit-autofill {
  background-color: transparent;
}
.mfy-input-element:read-only {
  cursor: default;
}
.mfy-input-element:invalid {
  box-shadow: none;
}
.mfy-input-element::-ms-clear {
  display: none;
}
.mfy-input-element::-ms-reveal {
  display: none;
}
.mfy-input-element::-webkit-search-cancel-button {
  display: none;
}
.mfy-input-element::-webkit-search-decoration {
  display: none;
}
.mfy-input-element:disabled {
  opacity: 1;
}
.mfy-input-element[type='date'],
.mfy-input-element[type='time'],
.mfy-input-element[type='datetime-local'] {
  min-height: 1.5em;
}
.mfy-input-element[type='search'] {
  -webkit-appearance: none;
}
.mfy-input-element[readonly] {
  pointer-events: none;
}
.mfy-input-clear {
  flex: none;
  margin-left: 8px;
  color: var(--mfy-color-light);
  padding: 4px;
  cursor: pointer;
}
.mfy-input-clear:active {
  color: var(--mfy-color-weak);
}
.mfy-input-clear .antd-mobile-icon {
  display: block;
  font-size: var(--mfy-font-size-7);
}

.mfy-nav-bar {
  --height: 44px;
  --border-bottom: none;
  display: flex;
  align-items: center;
  height: var(--height);
  border-bottom: var(--border-bottom);
  padding: 0 12px;
  white-space: nowrap;
  font-family: var(--mfy-font-family);
}
.mfy-nav-bar-left,
.mfy-nav-bar-right {
  flex: 1;
}
.mfy-nav-bar-title {
  flex: auto;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mfy-nav-bar-back {
  display: flex;
  align-items: center;
  margin-right: 16px;
  padding: 6px 0;
  cursor: pointer;
}
.mfy-nav-bar-back-arrow {
  font-size: 24px;
  margin-right: 4px;
}
.mfy-nav-bar-left {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.mfy-nav-bar-title {
  justify-content: center;
  font-weight: normal;
  white-space: nowrap;
  font-size: 16px;
  padding: 0 12px;
}
.mfy-nav-bar-right {
  text-align: right;
}

.mfy-safe-area {
  font-family: var(--mfy-font-family);
  --multiple: var(--mfy-safe-area-multiple, 1);
  display: block;
  width: 100%;
}
.mfy-safe-area-position-top {
  padding-top: calc(env(safe-area-inset-top) * var(--multiple));
}
.mfy-safe-area-position-bottom {
  padding-bottom: calc(env(safe-area-inset-bottom) * var(--multiple));
}

.mfy-instructions {
  font-family: var(--mfy-font-family);
}
.mfy-instructions-title {
  font-size: var(--mfy-font-size-6);
  color: var(--mfy-color-text-dark-bold);
  line-height: var(--mfy-title-line-height);
  margin-bottom: 12px;
}
.mfy-instructions-title.phone {
  font-size: var(--mfy-font-size-6);
}
.mfy-instructions-text {
  font-size: var(--mfy-font-size-6);
  color: var(--mfy-color-text-dark-solid);
  line-height: var(--mfy-text-line-height);
  margin-bottom: 12px;
}
.mfy-instructions-text.phone {
  font-size: var(--mfy-font-size-4);
}

.mfy-file-preview-text-core {
  padding: 60px 10px 0 10px;
  background-color: #9B9C9F;
  height: 100vh;
  overflow: auto;
}
.mfy-file-preview-text-core__tool {
  position: fixed;
  background: #FFFFFF;
  box-shadow: 0 2px 8px #f0f1f2;
  height: 48px;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  z-index: 999;
}
.mfy-file-preview-text-core__tool--encode {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfy-file-preview-text-core__page {
  margin: 0 auto 10px;
  min-height: calc(100vh - 80px);
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.05);
  background-color: #FFFFFF;
  white-space: pre-wrap;
  padding: 10px;
  word-wrap: break-word;
}
.mfy-file-preview-text-error {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mfy-file-preview-text-error__title {
  color: var(--mfy-color-text);
  font-size: 14px;
  font-weight: bold;
}
.mfy-file-preview-text-error__text {
  min-width: 196px;
  color: var(--mfy-placeholder-color);
  font-size: 12px;
  padding-left: 10px;
}

.toast-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  display: flex;
  justify-content: center;
}
.toast-wrapper .toast {
  font-weight: 400;
  font-size: 15px;
  line-height: 21px;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  animation-name: _scale_in;
  animation-duration: 0.3s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  max-width: 90vw;
  max-height: 90vh;
  overflow-y: auto;
}
@keyframes _scale_in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes _scale_out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

.Modals-SelectAuthDirModal-dropdown {
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07) !important;
}
.Modals-SelectAuthDirModal-container {
  height: 100%;
}
.Modals-SelectAuthDirModal-box {
  height: 100%;
  border-radius: 16px 16px 0 0;
  display: flex;
  flex-direction: column;
}
.Modals-SelectAuthDirModal-h5-breadcrumb-container {
  display: inline-block;
  margin: 7px 0 10px 0;
}
.Modals-SelectAuthDirModal-h5-breadcrumb-container .ant-breadcrumb-separator {
  margin: 0 !important;
}
.Modals-SelectAuthDirModal-h5-breadcrumb-container .ant-breadcrumb-separator img {
  vertical-align: bottom;
}
.Modals-SelectAuthDirModal-h5-breadcrumb-container li {
  height: 22px;
}
.Modals-SelectAuthDirModal-h5-breadcrumb-container .ant-breadcrumb-link {
  height: 22px;
  display: inline-block;
}
.Modals-SelectAuthDirModal-last-operate-title {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 700;
  height: 18px;
  line-height: 18px;
}
.Modals-SelectAuthDirModal-last-operate-outline {
  width: 480px;
  position: relative;
  left: -24px;
  margin-left: 16px;
  height: 48px;
  margin-top: 12px;
  margin-bottom: 12px;
}
.Modals-SelectAuthDirModal-last-operate-container {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 3px 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.Modals-SelectAuthDirModal-last-operate-container:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.Modals-SelectAuthDirModal-last-operate-content {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 14px;
  width: 100%;
}
.Modals-SelectAuthDirModal-last-operate-content-name {
  color: #1b1f35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.Modals-SelectAuthDirModal-modal .h5-move-modal-spin-wrapper {
  height: 100%;
}
.Modals-SelectAuthDirModal-modal .h5-move-modal-spin-wrapper .ant-spin-container {
  height: 100%;
}
.Modals-SelectAuthDirModal-modal .choose-auth-dir-modal-footer {
  display: flex;
  gap: 12px;
}
.Modals-SelectAuthDirModal-modal .choose-auth-dir-modal-footer .choose-auth-dir-modal-footer-new {
  display: flex;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: 8px;
  background: #f0f8ff;
  color: #3c80ff;
  font-size: 14px;
}
.Modals-SelectAuthDirModal-modal .choose-auth-dir-modal-footer .choose-auth-dir-modal-footer-ok {
  display: flex;
  padding: 11px 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex: 1 0 0;
  border-radius: 8px;
  background: #3c80ff;
  color: #fff;
  font-size: 14px;
}

.h5-custom-header {
  width: 100%;
  height: 56px;
  padding: 16px 0 !important;
  box-sizing: border-box;
}
.h5-custom-header .h5-custom-header-back {
  cursor: pointer;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2px;
}
.h5-custom-header .h5-custom-header-back svg {
  width: 6px;
  height: 12px;
}
.h5-custom-header .h5-custom-header-text {
  color: #1B1F35;
  font-size: 16px !important;
  font-weight: 600;
  flex: 1;
  display: flex;
  height: 24px;
  line-height: 24px;
}
.h5-custom-header .h5-custom-header-close {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h5-sort-popup-content {
  display: flex;
  flex-direction: column;
}
.h5-sort-popup-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.h5-sort-popup-body .h5-sort-popup-group {
  display: flex;
  height: 40px;
  padding: 0 12px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.h5-sort-popup-body .h5-sort-popup-group-title {
  color: #5e6278;
  font-size: 14px;
}
.h5-sort-popup-body .h5-sort-popup-group-options {
  display: flex;
  gap: 8px;
}
.h5-sort-popup-body .h5-sort-popup-group-options .h5-sort-popup-option {
  display: flex;
  width: 70px;
  padding: 7px 8px;
  justify-content: center;
  align-items: center;
  gap: 2px;
  border-radius: 8px;
  background: #f4f6fb;
  color: #3c3f52;
  font-size: 12px;
}
.h5-sort-popup-body .h5-sort-popup-group-options .h5-sort-popup-option:hover {
  border-color: #3c80ff;
  color: #3c80ff;
}
.h5-sort-popup-body .h5-sort-popup-group-options .h5-sort-popup-option.h5-sort-popup-option-active {
  background: #f4f6fb;
  border-color: #f4f6fb;
  color: #3c80ff;
}

.h5-custom-search {
  display: flex;
  padding: 0 16px 10px 16px;
  align-items: center;
  gap: 10px;
  height: 46px;
}
.h5-custom-search .h5-custom-search-input {
  flex: 1;
  display: flex;
  align-items: center;
  border-radius: 8px;
}
.h5-custom-search .h5-custom-search-sort {
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggb3BhY2l0eT0iMC40IiBkPSJNMTUgMTlMMTUgNUwxOCA4IiBzdHJva2U9IiM3RTgyOTkiIHN0cm9rZS13aWR0aD0iMS42OCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik05IDVWMTlMNiAxNiIgc3Ryb2tlPSIjN0U4Mjk5IiBzdHJva2Utd2lkdGg9IjEuNjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
.h5-custom-search .h5-custom-search-sort.up {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjUgMTUuODMzMkwxMi41IDQuMTY2NUwxNSA2LjY2NjUiIHN0cm9rZT0iIzdFODI5OSIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBvcGFjaXR5PSIwLjQiIGQ9Ik03LjUgNC4xNjY4M0w3LjUgMTUuODMzNUw1IDEzLjMzMzUiIHN0cm9rZT0iIzdFODI5OSIgc3Ryb2tlLXdpZHRoPSIxLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center center;
}

.h5-move-folder-item {
  display: flex;
  height: 56px;
  gap: 16px;
  align-items: center;
}
.h5-move-folder-item.choose {
  background-color: #f0f0f0;
}
.h5-move-folder-item .h5-move-folder-item-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  height: 40px;
  overflow: hidden;
}
.h5-move-folder-item .h5-move-folder-item-content.search strong {
  color: #3C80FF;
}
.h5-move-folder-item .h5-move-folder-item-content.search .h5-move-folder-item-size {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.h5-move-folder-item .h5-move-folder-item-content.search .h5-move-folder-item-size-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.h5-move-folder-item .h5-move-folder-item-content .h5-move-folder-item-name {
  color: #1B1F35;
  font-size: 14px;
  height: 22px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  min-width: 0;
  flex-shrink: 0;
}
.h5-move-folder-item .h5-move-folder-item-content .h5-move-folder-item-size {
  color: #7E8299;
  font-size: 10px;
  height: 18px;
}

.h5-search-tab {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
  height: 32px;
  border-radius: 8px;
  background: #f0f8ff;
  margin: 10px 0 !important;
}
.h5-search-tab .h5-search-tab-item {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  margin: 0 4px;
}
.h5-search-tab .h5-search-tab-item .h5-search-tab-item-text {
  color: #5e6278;
  text-align: center;
  font-size: 12px;
}
.h5-search-tab .h5-search-tab-item.h5-search-tab-item-text-active {
  border-radius: 8px;
  background: #fff;
  color: #1B1F35;
}
.h5-search-tab-count {
  color: #7E8299;
  font-size: 12px;
  line-height: 20px;
}

.FileSysModal-ShareLinkCopy-title {
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
}

.edit-share-modal-share-type-wrapper {
  display: flex;
  height: 40px;
  padding: 4px;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  justify-content: center;
  color: var(--mfy-placeholder-color);
  border-radius: 8px;
  background: #F5F6F7;
  font-size: 12px;
}

.mfy-download-limit-modal .ant-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 200px;
}
.mfy-download-limit-modal .ant-modal-content {
  width: 328px;
  position: relative;
  border-radius: 16px;
  background: url(..//img/bg.e2ebf35e.png) no-repeat 50% 50%;
  background-size: cover;
}
.mfy-download-limit-modal .ant-modal-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding-bottom: 0;
  min-height: 186px;
}
.mfy-download-limit-modal-close {
  width: 24px;
  height: 24px;
}
.mfy-download-limit-modal-title {
  color: var(--mfy-color-primary);
  font-size: var(--mfy-font-size-6);
  font-weight: bold;
  margin-top: 19px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfy-download-limit-modal-guide {
  margin-top: 18px;
  width: 100%;
}
.mfy-download-limit-modal-guide__image {
  height: 67px;
}
.mfy-download-limit-modal-footer {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: url(..//img/bg_btn.1f35be72.png) no-repeat center;
  background-size: cover;
  height: 57px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  width: 328px;
  bottom: 0;
}
.mfy-download-limit-modal-footer__button {
  position: absolute;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
  bottom: 12px;
  left: 50%;
  margin-left: -28px;
  font-weight: 400;
  cursor: pointer;
}

.dd-modal-modal-close {
  width: 24px;
  height: 24px;
}
.dd-modal-content-text {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 24px;
  margin-bottom: 6px;
}
.dd-modal-content-desc {
  font-weight: 400;
  font-size: 14px;
  color: #7B808F;
  line-height: 24px;
  margin-bottom: 24px;
}
.dd-modal-content-waring {
  font-weight: 400;
  font-size: 14px;
  color: #FF6C6C;
  line-height: 12px;
  margin-bottom: 12px;
}
.dd-modal-content-operate {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}

.reset-pwd .mfy-modal .ant-modal-footer .ant-btn-primary {
  border: none;
}
.reset-pwd .mfy-modal .ant-modal-footer .ant-btn-primary[disabled],
.reset-pwd .mfy-modal .ant-modal-footer .ant-btn-primary[disabled]:hover {
  background: #C5E1FF;
  cursor: not-allowed;
  color: white;
}
.reset-pwd .mfy-modal .ant-modal-footer .ant-btn-primary:not([disabled]) {
  color: white;
}
.reset-pwd .form-item-label {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}
.reset-pwd .form-item-input {
  border: none;
  background-color: #F5F6F7;
}
.reset-pwd .form-item-input:focus {
  box-shadow: none;
}
.reset-pwd .form-item-input::placeholder {
  color: var(--mfy-color-new-secondary-describe-text);
}
.reset-pwd .modal-send-code {
  font-size: var(--mfy-font-size-new-14);
}
.reset-pwd .modal-send-code:hover {
  color: var(--mfy-color-primary-hover);
}
.reset-pwd .modal-send-code:active {
  color: var(--mfy-color-primary-active);
}
.reset-pwd .modal-send-code-ban {
  font-size: var(--mfy-font-size-new-14);
  cursor: not-allowed;
}
.reset-pwd .modal-send-code-ban:hover {
  color: var(--mfy-color-primary);
}
.reset-pwd .modal-send-code-ban:active {
  color: var(--mfy-color-primary);
}

.cancelacc-modal .cancel-tips {
  margin-bottom: 24px;
}
.cancelacc-modal .cancel-tips .cancel-tips-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: #F64E60;
  gap: 8px;
}
.cancelacc-modal .cancel-tips .cancel-tips-title .icon {
  font-size: var(--mfy-font-size-new-14);
  color: #F64E60;
}
.cancelacc-modal .cancel-tips .cancel-tips-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.cancelacc-modal .cancel-tips .cancel-tips-content .tips-item .item-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-text);
}
.cancelacc-modal .cancel-send {
  display: flex;
  gap: 8px;
  flex-direction: column;
  margin-bottom: 24px;
}
.cancelacc-modal .cancel-send .cancel-send-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-20);
  color: var(--mfy-color-new-emphasize-text);
}
.cancelacc-modal .cancel-send .modal-send-code {
  font-size: var(--mfy-font-size-new-14);
}
.cancelacc-modal .cancel-send .modal-send-code:hover {
  color: var(--mfy-color-primary-hover);
}
.cancelacc-modal .cancel-send .modal-send-code:active {
  color: var(--mfy-color-primary-active);
}
.cancelacc-modal .cancel-send .modal-send-code-ban {
  cursor: not-allowed;
  font-size: var(--mfy-font-size-new-14);
}
.cancelacc-modal .cancel-send .modal-send-code-ban:hover {
  color: var(--mfy-color-primary);
}
.cancelacc-modal .cancel-send .modal-send-code-ban:active {
  color: var(--mfy-color-primary);
}

.unbound-wx-modal .modal-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}
.unbound-wx-modal .phone-text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-20);
  color: var(--mfy-color-new-emphasize-text);
}
.unbound-wx-modal .modal-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-end;
}
.unbound-wx-modal .modal-send-code {
  font-size: var(--mfy-font-size-new-14);
}
.unbound-wx-modal .modal-send-code:hover {
  color: var(--mfy-color-primary-hover);
}
.unbound-wx-modal .modal-send-code:active {
  color: var(--mfy-color-primary-active);
}
.unbound-wx-modal .modal-send-code-ban {
  cursor: not-allowed;
  font-size: var(--mfy-font-size-new-14);
}
.unbound-wx-modal .modal-send-code-ban:hover {
  color: var(--mfy-color-primary);
}
.unbound-wx-modal .modal-send-code-ban:active {
  color: var(--mfy-color-primary);
}

.equipment-manager {
  height: 100%;
  width: 100%;
}

.share-cert-modal .ant-form-item-label > label {
  color: #7B808F;
}
.share-cert-modal .share-cert-modal-tab-content {
  max-height: 243px;
  overflow: auto;
}
.share-cert-modal .share-cert-modal-tabs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 17px;
}
.share-cert-modal .share-cert-modal-tabs-wrapper .share-cert-modal-tabs {
  height: fit-content;
}
.share-cert-modal .share-cert-modal-tabs-wrapper .share-cert-modal-tabs .mfy-tabs-item {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 7px 0 !important;
  width: 211px;
}
.share-cert-modal .table-row-copy_text {
  display: flex;
  align-items: center;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  gap: 8px;
}
.share-cert-modal .table-row-copy_text > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-cert-modal .table-row-copy_text .step-block-iconfont {
  color: var(--mfy-color-primary);
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
}
.share-cert-modal .table-row-copy_text .step-block-iconfont:hover {
  background-color: rgba(182, 186, 195, 0.1);
}
.share-cert-modal .table-row-copy_text .step-block-iconfont:active {
  background-color: rgba(182, 186, 195, 0.2);
}
.share-cert-modal .ant-empty {
  display: none;
}
.share-cert-modal .ant-steps-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-cert-modal .ant-steps-icon .domain-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E2ECFF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.share-cert-modal .ant-steps-icon .domain-dot .domain-dot-inner {
  width: 6px;
  height: 6px;
  background: var(--mfy-color-primary);
  border-radius: 50%;
}
.share-cert-modal .share-cert-modal-tips-content {
  color: var(--mfy-color-warning);
  margin-bottom: 20px;
}
.share-cert-modal .share-cert-modal-tips-content .icon {
  margin-right: 8px;
}
.share-cert-modal .share-cert-modal-label {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}
.share-cert-modal .step-text {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 8px;
}
.share-cert-modal .step-text-desc {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  margin-bottom: 16px;
}
.share-cert-modal .step-button {
  border: 1px solid var(--mfy-color-primary);
  border-radius: 6px;
  color: var(--mfy-color-primary);
  padding: 8px 11px;
  width: fit-content;
  line-height: 1;
  cursor: pointer;
}
.share-cert-modal .step-button:hover {
  border: 1px solid var(--mfy-color-primary-hover);
  color: var(--mfy-color-primary-hover);
}
.share-cert-modal .step-button:active {
  border: 1px solid var(--mfy-color-primary-active);
  color: var(--mfy-color-primary-active);
}
.share-cert-modal .step-block-desc-text-margin {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 12px;
}
.share-cert-modal .share-domain-steps {
  display: flex;
  flex-direction: column;
}
.share-cert-modal .share-domain-steps .share-domain-step {
  position: relative;
  display: flex;
  align-items: stretch;
  gap: 17px;
  margin-bottom: 27px;
}
.share-cert-modal .share-domain-steps .share-domain-step:last-child {
  margin-bottom: 0;
}
.share-cert-modal .share-domain-steps .share-domain-step:last-child .share-domain-step-icon .share-domain-step-line {
  display: none;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-icon {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 14px;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-icon .share-domain-step-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E2ECFF;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  margin-top: 4px;
  margin-bottom: 7px;
  flex-shrink: 0;
  position: relative;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-icon .share-domain-step-dot .share-domain-step-dot-inner {
  width: 6px;
  height: 6px;
  background: var(--mfy-color-primary);
  border-radius: 50%;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-icon .share-domain-step-line {
  position: absolute;
  left: 50%;
  top: 25px;
  bottom: -24px;
  width: 1px;
  background: #E5E6EB;
  transform: translateX(-50%);
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-content {
  flex: 1;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-content .share-domain-step-title {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-content .share-domain-step-title .step-block-text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  font-style: normal;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-content .share-domain-step-title .step-block-desc-text {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  font-style: normal;
}
.share-cert-modal .share-domain-steps .share-domain-step .share-domain-step-content .share-domain-step-description {
  margin-top: 8px;
}
.share-cert-modal .custom-table .ant-table {
  background: transparent;
}
.share-cert-modal .custom-table .ant-table .ant-table-container {
  border-radius: 8px;
  overflow: hidden;
}
.share-cert-modal .custom-table .ant-table .ant-table-container table {
  border-radius: 8px;
  table-layout: fixed;
}
.share-cert-modal .custom-table .ant-table .ant-table-thead > tr > th {
  background: #FAFAFA;
  border-bottom: 1px solid var(--mfy-split-line-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-cert-modal .custom-table .ant-table .ant-table-thead > tr > th::before {
  display: none;
}
.share-cert-modal .custom-table .ant-table .ant-table-tbody > tr > td {
  background: #FAFAFA;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-cert-modal .custom-table .ant-table .ant-table-tbody > tr:hover > td {
  background: #f0f0f0 !important;
}
.share-cert-modal-table-text-break-all {
  word-break: break-all;
  white-space: normal;
}
.share-cert-vip-modal-content-modalVip {
  position: relative;
  width: 30px;
  height: 16px;
  right: 0;
  top: 3px;
}

.domain-management {
  display: flex;
  flex-direction: column;
  padding: 24px;
  background: #FFFFFF;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
.domain-management .domain-management-tabs .mfy-tabs-item {
  padding: 7px 50px;
  width: 171px;
}
@media (max-width: 1199px) {
  .domain-management .domain-management-tabs .mfy-tabs-item {
    width: 141px;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .domain-management .domain-management-tabs .mfy-tabs-item {
    width: clamp(141px, calc(141px + (100vw - 1200px) * 0.181), 171px);
  }
}
.domain-management .domain-row-wrapper {
  margin-top: 12px;
}
.domain-management .domain-row-wrapper .domain-row:last-child {
  border: none;
  padding-bottom: 0;
}
.domain-management .domain-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 23px 0 23px 0;
  border-bottom: 1px solid var(--mfy-split-line-color);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
}
.domain-management .domain-row .domain-row-right {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
.domain-management .domain-row .domain-dot {
  display: inline-block;
  margin-right: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.domain-management .domain-row .domain-row-icon-danger {
  color: var(--mfy-color-danger);
  cursor: pointer;
}
.domain-management .domain-row .domain-row-icon-danger:hover {
  background-color: rgba(182, 186, 195, 0.1);
}
.domain-management .domain-row .domain-row-icon-danger:active {
  background-color: rgba(182, 186, 195, 0.2);
}
.domain-management .domain-row .domain-row-icon-primary {
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.domain-management .domain-row .domain-row-icon-primary:hover {
  background-color: rgba(182, 186, 195, 0.1);
}
.domain-management .domain-row .domain-row-icon-primary:active {
  background-color: rgba(182, 186, 195, 0.2);
}
.domain-management .domain-row .domain-action {
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.domain-management .domain-row .domain-action:hover {
  color: #66A1FF;
}
.domain-management .domain-row .domain-action:active {
  color: #2961D9;
}
.domain-management .domain-row .domain-not-configured {
  color: var(--mfy-color-new-describe-text);
}

.custom-bg-domain {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 48px;
  height: 100%;
  overflow: auto;
  padding: 0 25px;
}
@media (max-width: 1199px) {
  .custom-bg-domain {
    gap: 16px;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .custom-bg-domain {
    gap: clamp(16px, calc(16px + (100vw - 1200px) * 0.048), 24px);
  }
}
@media (min-width: 1366px) and (max-width: 1600px) {
  .custom-bg-domain {
    gap: clamp(24px, calc(24px + (100vw - 1366px) * 0.103), 48px);
  }
}
.custom-bg-domain .custom-bg-domain-card-warp {
  background: #FAFAFA;
  border-radius: 20px 20px 20px 20px;
  padding: 60px;
}
@media (max-width: 1365px) {
  .custom-bg-domain .custom-bg-domain-card-warp {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1366px) and (max-width: 1600px) {
  .custom-bg-domain .custom-bg-domain-card-warp {
    padding-left: clamp(24px, calc(24px + (100vw - 1366px) * 0.154), 60px);
    padding-right: clamp(24px, calc(24px + (100vw - 1366px) * 0.154), 60px);
  }
}
.custom-bg-domain .custom-bg-domain-card-warp-right {
  padding-bottom: 43px;
}
.custom-bg-domain .custom-bg-domain-card-warp .title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
}
.custom-bg-domain .DM-custom-domain {
  width: 381px;
  height: 191px;
  border: 1px solid #EDEFF3;
  margin-bottom: 11px;
  border-radius: 6px;
}
.custom-bg-domain .DM-custom-domain .tabs-title-domain {
  display: flex;
  width: 100px;
  align-items: center;
  line-height: 18px;
  font-size: 14px;
}
.custom-bg-domain .DM-custom-domain .ant-tabs-tab-btn {
  font-size: 14px;
}
.custom-bg-domain .DM-custom-domain .card-container > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  padding: 5px 16px 0 16px;
  background: #fff;
}
.custom-bg-domain .DM-custom-domain .DM-domain-content {
  display: flex;
  flex-direction: column;
}
.custom-bg-domain .DM-custom-domain .DM-domain-content .domain-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #3a4056;
  line-height: 30px;
}
.custom-bg-domain .DM-custom-domain .DM-domain-content .domain-row .domain-cname-status {
  display: flex;
  align-items: center;
}
.custom-bg-domain .DM-custom-domain .DM-domain-content .domain-row .domain-action {
  color: #597DFC;
  margin-left: 16px;
  cursor: pointer;
}
.custom-bg-domain .DM-custom-domain .DM-domain-content .domain-row .domain-dot {
  display: inline-block;
  margin-right: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.custom-bg-domain .DM-custom-domain .ant-tabs-nav .ant-tabs-nav-list {
  display: unset;
  padding: unset;
}
.custom-bg-domain .DM-custom-domain .card-container > .ant-tabs-card > .ant-tabs-nav::before {
  display: none;
}
.custom-bg-domain .DM-custom-domain .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #3a4056;
}
.custom-bg-domain .DM-custom-domain .ant-tabs-tab:hover {
  color: #3a4056;
}
.custom-bg-domain .DM-custom-domain .ant-tabs-tab-btn:focus,
.custom-bg-domain .DM-custom-domain .ant-tabs-tab-remove:focus,
.custom-bg-domain .DM-custom-domain .ant-tabs-tab-btn:active,
.custom-bg-domain .DM-custom-domain .ant-tabs-tab-remove:active {
  color: #3a4056;
}
.custom-bg-domain .DM-custom-domain .ant-tabs > .ant-tabs-nav,
.custom-bg-domain .DM-custom-domain .ant-tabs > div > .ant-tabs-nav {
  background: #F8F9FC;
  color: #3A4056;
  height: 32px;
}
.custom-bg-domain .DM-custom-domain .card-container > .ant-tabs-card .ant-tabs-tab,
.custom-bg-domain .DM-custom-domain [data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab {
  background: transparent;
  border-color: transparent;
}
.custom-bg-domain .DM-custom-domain .card-container > .ant-tabs-card .ant-tabs-tab-active,
.custom-bg-domain .DM-custom-domain [data-theme='compact'] .card-container > .ant-tabs-card .ant-tabs-tab-active {
  background: #fff;
  border-color: #fff;
}
.custom-bg-domain .DM-custom-domain #components-tabs-demo-card-top .code-box-demo {
  padding: 24px;
  overflow: hidden;
  background: #f5f5f5;
}
.custom-bg-domain .preview_img-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.custom-bg-domain .preview_img-wrap .preview_img-content:nth-child(1) {
  margin-right: 24px;
}
.custom-bg-domain .preview_img {
  padding: 36px 38px;
  background: #FFFFFF;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 1199px) {
  .custom-bg-domain .preview_img {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media (min-width: 1200px) and (max-width: 1366px) {
  .custom-bg-domain .preview_img {
    padding-left: clamp(23px, calc(23px + (100vw - 1200px) * 0.09), 38px);
    padding-right: clamp(23px, calc(23px + (100vw - 1200px) * 0.09), 38px);
  }
}
.custom-bg-domain .preview_img-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 112px;
  height: 133px;
}
.custom-bg-domain .preview_img img {
  width: 112px;
  height: 63px;
  border-radius: 6px;
}
.custom-bg-domain .preview_img .preview_img__h5 {
  width: 36px;
  height: 59px;
  border-radius: 6px;
  background-size: cover;
  background: center no-repeat;
}
.custom-bg-domain .preview_img .preview_img_name {
  text-align: center;
  margin-top: 32px;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
}
.custom-bg-domain .preview_img .preview_img_text {
  margin-top: 8px;
  text-align: center;
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.custom-bg-domain .preview_img .preview_img_default_text {
  margin-top: 46px;
  color: var(--mfy-color-new-secondary-describe-text);
}
.custom-bg-domain .ant-switch-disabled .ant-switch-inner {
  color: #7B808F;
}
.custom-bg-domain .ant-switch {
  background: #E7E7E7;
}
.custom-bg-domain .ant-switch-checked {
  background-color: #597DFC;
}
.custom-bg-domain .chooseImg {
  padding: 5px 17px;
  width: fit-content;
  background: #FFFFFF;
  border-radius: 6px;
  opacity: 1;
  color: var(--mfy-color-primary);
  border: 1px solid var(--mfy-color-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.custom-bg-domain .chooseImg:hover {
  color: var(--mfy-color-primary-hover);
  border: 1px solid var(--mfy-color-primary-hover);
}
.custom-bg-domain .chooseImg:active {
  color: var(--mfy-color-primary-active);
  border: 1px solid var(--mfy-color-primary-active);
}
.custom-bg-domain .uploadImg {
  padding: 5px 17px;
  width: fit-content;
  background: var(--mfy-color-primary);
  border-radius: 6px;
  opacity: 1;
  color: var(--mfy-color-white);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.custom-bg-domain .uploadImg:hover {
  background: var(--mfy-color-primary-hover);
}
.custom-bg-domain .uploadImg:active {
  background: var(--mfy-color-primary-active);
}
.custom-bg-domain .uploadImg-disabled {
  background: var(--mfy-color-primary-disabled);
}
.custom-bg-domain .uploadImg-disabled:hover {
  background: var(--mfy-color-primary-disabled);
}
.custom-bg-domain .uploadImg-disabled:active {
  background: var(--mfy-color-primary-disabled);
}
.custom-bg-domain .uploadDes {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-describe-text);
  text-align: center;
  display: block;
}
.custom-bg-domain .uploadDes_bottom {
  display: flex;
  flex-direction: column;
  margin-top: 55px;
  text-align: center;
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  white-space: nowrap;
}
.custom-bg-domain .titleDes {
  color: var(--mfy-color-new-describe-text);
  margin-top: 8px;
  margin-bottom: 28px;
}
.custom-bg-domain .button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 50px;
  margin-bottom: 14px;
}

.orderBox {
  padding: 10px;
}
.orderBox .orderTable {
  margin-top: 20px;
}
.orderBox .renew-pagination {
  margin-top: 20px;
}
.orderBox .ant-table-tbody > tr > td {
  border-bottom: none;
}

.after-sale-application-title {
  margin-bottom: 24px;
}
.after-sale-application-title__text {
  color: #7B808F;
  font-size: 13px;
  line-height: 24px;
}
.after-sale-application-rule__title {
  color: #3A4056;
  font-size: 14px;
  line-height: 24px;
}
.after-sale-application-rule__text {
  color: #7B808F;
  font-size: 13px;
  line-height: 24px;
}
.after-sale-application-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
}
.after-sale-application-form-input {
  border-radius: 6px;
  color: #3A4056;
  font-size: 14px;
}
.after-sale-application-form-input .ant-input-suffix .ant-btn {
  padding-right: 1px !important;
}
.after-sale-application .ant-form-item:nth-last-child(1) {
  margin-bottom: 0;
}

.empty-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.empty-box-img {
  width: 148px;
  height: 148px;
  margin-bottom: 2px;
}
.empty-box-text {
  font-family: var(--mfy-font-family);
  height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  text-align: center;
}

.withdraw-success-modal-modal .ant-modal-content {
  background: linear-gradient(171deg, #EEF2FF 59%, #E7F5FE 97%);
  border-radius: 18px !important;
}
.withdraw-success-modal-modal.phone .ant-modal-content {
  border-radius: 17px !important;
}
.withdraw-success-modal-modal .ant-modal-header {
  padding-top: 24px;
  border: none;
  background: transparent;
}
.withdraw-success-modal-modal .ant-modal-body {
  padding-top: 0;
}
.withdraw-success-modal-modal .ant-modal-title {
  font-weight: 800;
  font-size: 16px;
  color: #3A4056;
  line-height: 24px;
  text-align: center;
}
.withdraw-success-modal-modal-content {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 24px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.withdraw-success-modal-modal-content--title {
  font-weight: 500;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
  margin-bottom: 12px;
}
.withdraw-success-modal-modal-content--image {
  width: 100%;
  margin-bottom: 12px;
}
.withdraw-success-modal-modal-content--desc {
  font-weight: 500;
  font-size: 12px;
  color: #7B808F;
  line-height: 14px;
}
.withdraw-success-modal-modal-content--tips {
  color: #3A4056;
}
.withdraw-success-modal-modal-close {
  width: 24px;
  height: 24px;
}
.withdraw-success-modal-modal-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.withdraw-success-modal-modal-button {
  padding: 11px 49px;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  margin: 20px auto 0 auto;
  height: auto;
}

.appeal-list {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.appeal-list .appeal-list-title {
  margin: 24px 0 16px 0;
}
.appeal-list .appeal-list-content-nodata {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appeal-list .appeal-list-table .ant-table-thead > tr > th {
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  border-bottom: 1px solid var(--mfy-split-line-color);
}
.appeal-list .appeal-list-item-name {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
}
.appeal-list .appeal-list-item-time {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-describe-text);
}
.appeal-list .appeal-list-item-status {
  font-size: var(--mfy-font-size-new-14);
  color: inherit;
}
.appeal-list .appeal-list-item-status-wrapper {
  cursor: default;
}
.appeal-list .appeal-list-item-status-wrapper-pointer {
  cursor: pointer;
}
.appeal-result-modal .appeal-result-btns {
  text-align: right;
  margin-top: 24px;
}
.appeal-result-modal .appeal-result-title {
  font-weight: bold;
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
}
.appeal-result-modal .appeal-result-title-success {
  color: var(--mfy-color-success);
}
.appeal-result-modal .appeal-result-title-danger {
  color: var(--mfy-color-danger);
}
.appeal-result-modal .appeal-result-title-warning {
  color: var(--mfy-color-warning);
}
.appeal-result-modal .appeal-result-body {
  background: #fafafa;
  border-radius: 8px;
  padding: 16px;
  margin-top: 14px;
}
.appeal-result-modal .appeal-result-user {
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  margin-bottom: 16px;
  text-align: justify;
}
.appeal-result-modal .appeal-result-notification {
  text-align: justify;
  font-size: 14px;
  color: var(--mfy-color-new-secondary-text);
  text-indent: 2em;
  white-space: pre-wrap;
  word-break: break-all;
}
.appeal-result-modal .appeal-result-notification .appeal-result-file-name {
  font-weight: bold;
}
.appeal-list .ant-tag {
  font-size: 13px !important;
}
.appeal-list-pc {
  padding: 16px!important;
}
.appeal-list-pc .ant-table-cell {
  font-size: 13px !important;
}
.appeal-list-pc .appeal-list-item-name {
  font-size: 13px !important;
}
.appeal-list-pc .appeal-list-item-time {
  font-size: 13px !important;
}
.appeal-list-pc .ant-tag {
  font-size: 13px !important;
}
.appeal-list-pc .appeal-list-title {
  margin: 16px 0 9.5px 8px;
  color: #5E6278;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 13px;
  line-height: 22px;
}
.appeal-list-pc .mfy-tabs {
  height: 32px!important;
}
.appeal-list-pc .mfy-tabs-item {
  height: 24px!important;
  font-size: 12px!important;
  padding: 4px 8px!important;
}
.appeal-list-pc .mfy-tabs-item:hover {
  border-radius: 6px;
}

:root {
  --mfy-radius-s: 6px;
  --mfy-radius-m: 8px;
  --mfy-radius-l: 12px;
  --mfy-radius-xl: 20px;
  --mfy-font-size-1: 9px;
  --mfy-font-size-2: 10px;
  --mfy-font-size-3: 11px;
  --mfy-font-size-4: 12px;
  --mfy-font-size-5: 13px;
  --mfy-font-size-6: 14px;
  --mfy-font-size-7: 15px;
  --mfy-font-size-8: 16px;
  --mfy-font-size-9: 17px;
  --mfy-font-size-10: 18px;
  --mfy-font-size-11: 19px;
  --mfy-font-size-12: 20px;
  --mfy-color-primary: #3C80FF;
  --mfy-color-success: #16CC3A;
  --mfy-color-warning: #FFA800;
  --mfy-color-danger: #F64E60;
  --mfy-color-text: #3C3F52;
  --mfy-color-text-secondary: #666666;
  --mfy-color-weak: #999999;
  --mfy-color-light: #cccccc;
  --mfy-color-border: #D9D9D9;
  --mfy-color-background: #ffffff;
  --mfy-color-white: #ffffff;
  --mfy-color-box: #f5f5f5;
  --mfy-placeholder-color: #BBBDC9;
  --mfy-label-color: #7B808F;
  --mfy-tabs-color: #9BA0AD;
  --mfy-tabs-split-color: #DCDFE7;
  --mfy-color-text-light-solid: var(--mfy-color-white);
  --mfy-color-text-dark-solid: #7B808F;
  --mfy-color-text-dark-bold: #3A4056;
  --mfy-color-fill-content: var(--mfy-color-box);
  --mfy-font-size-main: var(--mfy-font-size-5);
  --mfy-font-family-din: D-DIN-Bold;
  --mfy-border-color: var(--mfy-color-border);
  --mfy-title-line-height: 19px;
  --mfy-text-line-height: 16px;
  --button-font-size: --mfy-font-size-6;
  --mfy-font-size-new-11: 11px;
  --mfy-font-size-new-12: 12px;
  --mfy-font-size-new-14: 14px;
  --mfy-font-size-new-16: 16px;
  --mfy-font-size-new-18: 18px;
  --mfy-font-size-new-20: 20px;
  --mfy-font-width-new-normal: 400;
  --mfy-font-width-new-bold: bold;
  --mfy-color-new-emphasize-text: #1B1F35;
  --mfy-color-new-main-text: #3C3F52;
  --mfy-color-new-secondary-text: #5E6278;
  --mfy-color-new-describe-text: #878999;
  --mfy-color-new-secondary-describe-text: #BBBDC9;
  --mfy-color-new-disable-text: #D1D3E0;
  --mfy-color-new-white-text: #FFFFFF;
  --mfy-font-family-letter: Microsoft YaHei UI, serif;
  --mfy-font-family-digit: Bebas, serif;
  --mfy-split-line-color: #F5F6F7;
  --mfy-color-primary-hover: #66A1FF;
  --mfy-color-primary-active: #2961D9;
  --mfy-color-primary-disabled: #C5E1FF;
  --mfy-color-danger-hover: #FF7A83;
  --mfy-color-danger-active: #CF384C;
  --mfy-iconfont-color-hover: rgba(182, 186, 195, 0.1);
  --mfy-iconfont-color-active: rgba(182, 186, 195, 0.15);
}
@font-face {
  font-family: "D-DIN-Bold";
  src: url(..//fonts/D-DIN-Bold.7bb4b1a4.otf);
}
@font-face {
  font-family: "Bebas";
  src: url(..//fonts/BEBAS.080faab4.ttf);
}
:root {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root #webpack-dev-server-client-overlay {
  display: none !important;
}
html {
  scroll-behavior: smooth;
}
a,
button {
  cursor: pointer;
}
.mfy-plain-anchor {
  color: unset;
  transition: none;
}
.mfy-plain-anchor:active {
  opacity: unset;
}
body.mfy-overflow-hidden {
  overflow: hidden !important;
}
div.mfy-px-tester {
  --size: 1;
  height: calc(var(--size) / 2 * 2px);
  width: 0;
  position: fixed;
  right: -100vw;
  bottom: -100vh;
  user-select: none;
  pointer-events: none;
}
.mfy-primary-button {
  background: #597DFC;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #FFFFFF;
}
.mfy-primary-button.middle {
  padding: 11px 16px;
  font-size: 14px;
  line-height: 16px;
}
.img-no-drag,
.img-no-drag img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}
.move-folder-item {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  padding: 8px;
  margin-bottom: 4px;
  margin-right: 16px;
}
.move-folder-item-name {
  display: inline-block;
  margin-left: 14px;
  color: #1B1F35;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.move-folder-item.choose {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px;
}
.move-folder-item.create-folder-item:hover {
  background: #FFFFFF;
}
.move-file-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 32px;
  line-height: 32px;
  opacity: 0.5;
  cursor: not-allowed;
}
.move-file-item-name {
  display: inline-block;
  margin-left: 14px;
  color: #1B1F35;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.modal-footer-creat-folder {
  float: left;
}
@keyframes l1 {
  to {
    transform: rotate(1turn);
  }
}
@media screen and (max-width: 700px) {
  .floatSpan {
    display: none;
  }
}
@keyframes rotating {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.ant-tooltip-content {
  border-radius: 4px;
}
.ant-tooltip-content .ant-tooltip-inner {
  font-size: 12px;
  border-radius: 4px;
}
.frontend-message-notice-content {
  border-radius: 8px;
}
.frontend-message {
  z-index: 99999999;
}
.ant-layout {
  background: #ffffff;
}
.ant-menu-item-selected a,
.ant-menu-item-selected a:hover {
  color: #597dfc;
}
.ant-menu-item-selected {
  color: #597dfc;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  color: #597dfc;
  border-right: 3px solid #2a82e4;
}
.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background: none !important;
  display: none;
}
.uppy-StatusBar-progress {
  display: none;
}
.ant-modal {
  top: 200px;
}
.ant-modal-header {
  border-radius: 8px 8px 0 0;
}
.ant-modal-content {
  border-radius: 8px;
}
#app {
  background: #fff !important;
  height: 100%;
  width: 100%;
  overflow-x: auto;
}
.app {
  height: 100%;
  min-width: 1200px;
  overflow-y: auto;
}
.micro-app {
  min-width: unset;
  height: 100%;
  overflow-x: hidden;
}
.ant-col-8 {
  flex: none;
}
.filepond--root {
  margin-bottom: 0;
}
.react-resizable {
  position: relative;
  background-clip: padding-box;
}
.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
.loginCard .ant-card-actions {
  position: absolute;
  width: 100%;
  bottom: 0;
  margin-bottom: 24px;
}
.loginCard .ant-card-actions a {
  font-size: 16px;
}
.loginCard .ant-card-actions li {
  margin: 0;
}
.userlogin .ant-card-actions {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.userlogin .ant-card-actions a {
  font-size: 16px;
}
body {
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, PingFang TC, PingFang HK, Microsoft Yahei, Microsoft JhengHei !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}
@media screen and (max-width: 1600px) {
  .app {
    overflow-x: auto;
  }
}
.uppy-FileInput-btn {
  width: 100%;
}
.App-logo {
  height: 40vmin;
  pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}
.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}
.App-link {
  color: #61dafb;
}
.ant-table-wrapper {
  width: 100%;
}
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/****layout*****/
.logo {
  width: 156px;
  height: 33px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.site-layout .site-layout-background {
  height: 100%;
  background: #fff;
}
/************table*************/
.editable-cell {
  position: relative;
}
.editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
}
.editable-row:hover .editable-cell-value-wrap {
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.hombody :hover {
  cursor: pointer;
}
.overlayName {
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto;
}
[data-theme="dark"] .editable-row:hover .editable-cell-value-wrap {
  border: 1px solid #434343;
  cursor: pointer;
}
.row-dragging {
  background: #fafafa;
  border: 1px solid #ccc;
}
.row-dragging td {
  padding: 16px;
}
.row-dragging .drag-visible {
  visibility: visible;
}
.header {
  background: #597dfc;
  box-shadow: 0px 0px 8px 1px rgba(142, 167, 255, 0.5);
}
.sysButton {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.sysdiv {
  width: 94px;
  height: 38px;
  border-radius: 19px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.OfflineDownloadBtn {
  width: 122px;
  height: 38px;
  background: #ffffff;
  border-radius: 19px 19px 19px 19px;
  opacity: 1;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #000000d9;
  line-height: 38px;
  margin-left: 22px;
  text-align: center;
  cursor: pointer;
}
.OfflineDownloadBtn svg {
  color: #000000d9;
  margin-bottom: -1px;
  font-size: 19px;
  margin-right: 3px;
}
.OfflineDownloadBtn:hover {
  background: rgba(89, 125, 252, 0.08);
  color: #597dfc;
}
.OfflineDownloadBtn:hover svg {
  color: #597dfc;
}
.sysRadio {
  width: 100px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}
.sysRadio:last-child {
  border: none;
  border-radius: 0 18px 18px 0;
}
.sysbut:hover {
  background: #f2f5ff;
  color: #597dfc;
}
.sysbut:hover .icon {
  color: #597dfc !important;
}
.parmiryButton {
  background: #597dfc;
  color: #ffffff;
}
.primary-button-disabled {
  cursor: not-allowed;
  background-color: #a3cdff;
}
.primary-button-disabled:hover {
  background-color: #a3cdff !important;
}
.default-button-disabled {
  cursor: not-allowed;
  background: #f6f7f8;
  border-color: #b8bbc4;
  color: #b8bbc4;
}
.default-button-disabled .icon {
  color: #b8bbc4 !important;
}
.default-button-disabled:hover {
  background-color: #f6f7f8 !important;
  color: #b8bbc4;
}
.default-button-disabled:hover .icon {
  color: #b8bbc4 !important;
}
.ant-table-thead > tr > th {
  background: none;
}
.ant-table-thead > tr > .ant-table-cell {
  font-size: 14px;
  color: #25262bb8;
}
.ant-table-thead > tr > th:not(:last-child):not(.ant-table-selection-column):not(
    .ant-table-row-expand-icon-cell
  ):not([colspan])::before {
  background: none;
}
.ant-table-column-sorters {
  justify-content: flex-start;
}
.ant-table-column-title {
  flex: none;
}
.headerMenu {
  color: #fff;
  font-size: 18px;
}
.listinfo .ant-card-body {
  padding: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
/********login*********/
.layoutlogin {
  background-image: url(..//img/backgroundimg.d3403fba.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  overflow-y: auto;
}
.layoutlogin .ant-card-actions {
  border-radius: 0 0 10px 10px;
}
.login-content .ant-card-actions {
  border-top: none;
}
.login-content .ant-card-head {
  border-bottom: none;
}
.loginTitle {
  width: 373px;
  font-size: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #181818;
  line-height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-left: 75px;
}
.downbody {
  color: #597dfc;
}
.downban div {
  width: 25%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}
.downban div span {
  width: 40px;
  background: #bababa;
  font-size: 12px;
  font-family: var(--mfy-font-family);
  font-weight: 500;
  color: #ffffff;
  line-height: 12px;
  padding: 2px;
  position: absolute;
  top: 32%;
  right: 16%;
}
.bbbody {
  height: 400px;
}
.bbbody > div {
  width: 300px;
  height: 100%;
}
.footer {
  width: 100%;
  height: 150px;
  background: #3e414b;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #000000;
  min-width: 1200px;
}
.footgong {
  position: absolute;
  top: -61px;
  right: 92px;
  display: none;
}
.footgong .footgong_wechat_code {
  width: 126px;
  height: 130px;
  background-size: 100% 100%;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/Qr-code.png");
  background-repeat: no-repeat;
  box-shadow: 0 0 8px 0 rgba(62, 65, 75, 0.06);
}
.foot {
  position: absolute;
  top: 22px;
  right: 0px;
  cursor: pointer;
}
.foot .foot_wechat_code {
  width: 80px;
  height: 46px;
  background-size: 100% 100%;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/wechatDow.png");
}
.foot:hover + .footgong {
  display: block;
}
.noti .ant-modal-body {
  padding-right: 12px;
}
.headerLogin {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.headerLogin .header_image_Tips {
  width: 218px;
  height: 30px;
  margin-left: 20px;
  display: inline-block;
  background-size: 100% 100%;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/slogan2.png");
  vertical-align: middle;
}
.content {
  width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 1500px) {
  .content {
    width: 1100px !important;
  }
}
.content ::-webkit-scrollbar {
  width: 0;
}
.swiper-container {
  --swiper-pagination-color: #5a7cfc;
  /* 两种都可以 */
}
.slidertitle {
  width: 100%;
  font-size: 42px;
  font-family: var(--mfy-font-family);
  font-weight: 800;
  color: #000000;
  line-height: 42px;
  margin: 0 auto;
  background: #000000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.titleBottom {
  width: 100%;
  font-size: 36px;
  margin: 0 auto;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #000000;
}
.swiper-container {
  margin-left: unset !important;
  margin-right: unset !important;
}
.ant-tabs-nav-list {
  width: 100%;
  justify-content: space-between;
}
.usertab .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  display: block;
}
.loginForm .ant-col-16 {
  width: 100%;
  max-width: 100%;
}
.loginBtn {
  width: 100%;
  height: 40px;
  background: rgba(89, 125, 252, 0.9);
  border-radius: 6px 6px 6px 6px;
}
.loginForm .ant-col-offset-8 {
  margin: 0 auto;
}
.takeCode {
  height: 36px;
  background: #597dfc;
  border-radius: 2px;
}
.takeCode1 {
  color: #597dfc;
  position: absolute;
  right: 20px;
  margin-top: 4px;
}
.acIcon {
  color: #5a7cfc;
}
.lvIcon {
  color: #afb3bf;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #f1f1f1cc;
}
/*****animate******/
.tabs-wrap-enter {
  opacity: 0.01;
}
.tabs-wrap-enter.tabs-wrap-enter-active {
  opacity: 1;
  transition: all 300ms ease-in;
}
.tabs-wrap-leave {
  opacity: 1;
}
.tabs-wrap-leave.tabs-wrap-leave-active {
  opacity: 0.01;
  transition: all 300ms ease-in;
}
.ant-empty {
  line-height: 23.5715;
}
.ant-menu-light > .ant-menu-item {
  height: 44px;
}
.ant-menu-item .ant-menu-item-icon + span,
.ant-menu-submenu-title .ant-menu-item-icon + span,
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  margin-left: 16px;
}
.ant-progress-inner {
  background-color: #ffffff;
  width: 100%;
  height: 6px;
  border-radius: 100px;
  padding: 2px;
}
.ant-progress-inner .ant-progress-bg {
  height: 3px !important;
  border-radius: 6px !important;
}
.ant-menu-inline.ant-menu-root .ant-menu-item > *,
.ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  margin-left: 24px;
}
button {
  cursor: pointer;
  border: none;
}
.sharheader {
  width: 100%;
  height: 64px;
  background: #597dfc;
  box-shadow: 0px 0px 8px 1px rgba(142, 167, 255, 0.5);
}
.sharheader img {
  width: 92px;
  margin-left: 17%;
  margin-top: 16px;
}
.sharheader img:hover {
  cursor: pointer;
}
.sharheader .register {
  width: 101px;
  height: 32px;
  background: #f9f9f9;
  border-radius: 4px;
  float: right;
  text-align: center;
  line-height: 32px;
  margin-right: 34px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}
.sharheader .Sign {
  width: 101px;
  height: 32px;
  background: #597dfc;
  border-radius: 4px;
  float: right;
  text-align: center;
  line-height: 32px;
  margin-right: 365px;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: #64360d;
}
.sharheader i {
  width: 14px;
  height: 14px;
}
.sharheader .cent {
  font-size: 14px;
  color: #7b808f;
  font-weight: 400;
  line-height: 64px;
  margin-right: 3%;
  min-width: 220px;
}
.top {
  width: 244px;
  height: 60px;
  margin: 0 auto;
  /* background: url(./images/top.png); */
  margin-top: 40px;
  margin-bottom: 80px;
}
.card {
  width: 510px;
  height: 256px;
  background: #ffffff;
  box-shadow: 0px 0px 7px 1px rgba(87, 87, 87, 0.31);
  border-radius: 6px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.ca-top {
  width: 510px;
  height: 79px;
  background: #597dfc;
  border-radius: 6px 6px 0 0;
  padding: 12px 18px 13px 22px;
}
.ca-top img {
  width: 53px;
  height: 54px;
}
.ca-right {
  width: 404px;
  height: 54px;
  float: right;
}
.ca-right span {
  width: 98px;
  height: 14px;
  font-size: 17px;
  font-weight: 400;
  color: #ffffff;
}
.ca-right span:nth-child(1) {
  width: auto;
  max-width: 130px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: text-bottom;
}
.ca-right span:nth-child(2) {
  width: 217px;
  height: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  margin-left: 24px;
}
.ca-right span:nth-child(3) {
  width: 300px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ca-mid {
  width: 100%;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #03081a;
  margin: 37px 0 20px 0;
  padding-left: 33px;
}
.ca-fot {
  padding-left: 31px;
}
.ca-fot input {
  width: 341px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
}
.ca-fot button {
  width: 83px;
  height: 31px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 31px;
  text-align: center;
  float: right;
  margin-right: 34px;
  background: #597dfc;
  border: 0px;
}
.imfoot {
  width: 100%;
  height: 300px;
  display: block;
}
.conter {
  width: 66%;
  height: 104px;
  padding: 32px 0;
  margin: 0 auto;
}
.conter img {
  width: 44px;
  height: 44px;
  float: left;
  display: block;
}
.con-text {
  width: auto;
  min-width: 436px;
  max-width: 556px;
  height: 44px;
  float: left;
  position: relative;
  padding-right: 72px;
}
.con-text span:nth-child(1) {
  font-size: 15px;
  font-weight: 400;
  color: #03081a;
  margin-right: 6px;
}
.con-text span:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #03081a;
}
.con-text span:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.con-text button {
  width: 60px;
  height: 27px;
  background: #f5f6fa;
  border-radius: 4px;
  border: 0px;
  position: absolute;
  right: 0;
  top: 0;
  color: #1a77fa;
}
.conter .register {
  width: 115px;
  height: 34px;
  background: #f0fbff;
  border-radius: 4px;
  float: right;
  text-align: center;
  line-height: 34px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #6372fd;
}
.conter .Sign {
  width: 115px;
  height: 34px;
  background: #597dfc;
  float: right;
  text-align: center;
  line-height: 34px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  border: none;
  margin-right: 1%;
}
.xian {
  width: 100%;
  height: 5px;
  background: #fafafc;
}
.xtext {
  width: 66%;
  height: 52px;
  font-size: 14px;
  font-weight: 400;
  color: #010101;
  line-height: 52px;
  margin: 0 auto;
}
.repbut {
  width: 115px;
  height: 33px;
  margin: 0 auto;
  border: 0;
  background: #597dfc;
  border-radius: 20px;
  display: block;
  margin-top: 60px;
  text-align: center;
  line-height: 33px;
}
.logobut {
  width: 330px;
  height: 34px;
  margin-top: 0px;
  line-height: 34px;
}
.codebut {
  width: 119px;
  height: 32px;
  display: inline-block;
  border: none;
  background: #597dfc;
  color: #ffffff;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
}
.codebut:hover {
  color: #ffffff;
}
.copybut {
  width: 115px;
  height: 33px;
  border: 0;
  background: #597dfc;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  float: right;
}
.ant-table-thead > tr > th {
  background: #ffffff;
}
.amdon {
  animation-name: example;
  animation-duration: 2s;
}
.ant-table-tbody > tr > .sharicon {
  padding-right: 0;
}
/* 动画代码 */
@keyframes example {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.drop-over-downward td {
  background: rgba(99, 125, 255, 0.12);
}
.drop-over-upward td {
  background: rgba(99, 125, 255, 0.12);
}
.upbody {
  position: relative;
  z-index: 99;
}
.upbody #Dashboard {
  border-radius: 8px;
}
.upbody .virtual-table-cell {
  padding: 0 16px;
  width: 370px !important;
}
.upbody .ant-table-container {
  padding-right: 4px;
}
.upbody .custom-grid {
  overflow-x: hidden !important;
}
.upbody .custom-grid::-webkit-scrollbar-thumb {
  cursor: pointer !important;
  background: #b8bbc4 !important;
  border-radius: 8px;
}
.upbody .custom-grid::-webkit-scrollbar {
  width: 3px !important;
  cursor: pointer;
}
.upbody .uppy-Root {
  border-radius: 8px;
}
.upbody .uppy-Dashboard-Item-fileInfoAndButtons {
  padding-right: 0;
}
.upbody .uppy-Dashboard-AddFiles {
  border: none;
}
.upbody .uppy-Dashboard-files {
  padding: 0 24px;
}
.upbody .uppy-Dashboard-files--hasVerticalScroll {
  padding-right: 14px;
}
.upbody .uppy-Dashboard-files::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #b8bbc4;
  border-radius: 8px;
}
.upbody .uppy-Dashboard-files::-webkit-scrollbar {
  width: 3px !important;
  cursor: pointer;
}
.upbody .uppy-Dashboard-Item-previewInnerWrap::after {
  background: transparent;
}
.upbody .uppy-Dashboard-inner {
  border-radius: 8px;
  border: none;
  background: #ffffff;
}
.upbody .uppy-Dashboard-inner .uppy-Dashboard-innerWrap {
  border-radius: 0;
}
.upbody .uppy-Dashboard-inner .uppy-Dashboard-noDataTitle {
  font-size: 14px;
  font-weight: 400;
  color: #878999;
}
.upbody .uppy-Dashboard-AddFiles {
  flex: 1;
  height: auto;
}
.upbody .uppy-Dashboard-slowSpeed-banner {
  position: relative;
  width: 352px;
  margin: 0 24px;
  margin-top: 12px;
  height: 0;
  transition: all 0.1s ease-in-out;
  background: linear-gradient(90deg, rgba(255, 238, 221, 0.4) 0%, rgba(255, 238, 221, 0.8) 100%);
  border-radius: 12px 12px 12px 12px;
}
.upbody .uppy-Dashboard-slowSpeed-banner.show {
  height: 52px;
}
.upbody .uppy-Dashboard-slowSpeed-banner.hide {
  height: 0;
}
.upbody .uppy-Dashboard-slowSpeed-banner-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 13px;
  color: #a66a2e;
  position: absolute;
  top: 18px;
  left: 16px;
}
.upbody .uppy-Dashboard-slowSpeed-banner-btn {
  width: 66px;
  height: 24px;
  background: var(--mfy-color-new-white-text);
  border-radius: 100px 100px 100px 100px;
  position: absolute;
  top: 14px;
  right: 16px;
  text-align: center;
  line-height: 24px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #a66a2e;
  cursor: pointer;
}
.upbody .uppy-Dashboard-slowSpeed-banner-close {
  display: none;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
}
.upbody .uppy-Dashboard-slowSpeed-banner:hover .uppy-Dashboard-slowSpeed-banner-close {
  display: block;
}
.upbody .upheard {
  width: 100%;
  height: 44px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 8px;
  background: linear-gradient(90deg, rgba(89, 125, 252, 0.08) 0%, rgba(89, 125, 252, 0.02) 100%);
}
.upbody .upheard:hover {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0%, rgba(89, 125, 252, 0.02) 100%);
}
.upbody .upheard-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upbody .upheard-left-img {
  margin-right: 4px;
}
.upbody .upheard-left-text {
  font-weight: 500;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
}
.upbody .upheard-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upbody .upheard-right-downsizing {
  cursor: pointer;
  margin-right: 16px;
}
.upbody .upheard-right-close {
  cursor: pointer;
}
.upbody .uppy-DashboardContent-new-bar-font-common {
  height: 22px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}
.upbody .uppy-DashboardContent-new-bar-font-red {
  color: #f53f3f;
}
.upbody .uppy-DashboardContent-new-bar-font-green {
  color: #0dbe30;
}
.upbody .uppy-DashboardContent-new-bar-blank {
  display: inline-block;
  width: 16px;
}
.upbody .uppy-DashboardContent-new-bar-speed {
  height: 22px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  line-height: 22px;
  margin-left: 6px;
}
.upbody .uppy-DashboardContent-new-bar {
  width: calc(100% - 32px);
  height: 40px;
  transform: translateX(16px);
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  margin-top: 12px;
  border-radius: 8px;
  background: var(--mfy-color-new-white-text);
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 100px 100px 100px 100px;
  border: 1px solid var(--mfy-color-box);
}
.upbody .uppy-DashboardContent-new-bar-hide {
  display: none;
}
.upbody .uppy-DashboardContent-new-bar-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upbody .uppy-DashboardContent-new-bar-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upbody .uppy-DashboardContent-new-bar-lef-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.upbody .uppy-DashboardContent-new-bar-lef-icon.loader {
  animation: l1 1s infinite;
}
.upbody .uppy-DashboardContent-new-bar-lef-text {
  font-weight: 400;
  font-size: 12px;
  color: #7b808f;
  line-height: 20px;
}
.upbody .uppy-DashboardContent-retry-all {
  font-weight: 400;
  font-size: 12px;
  color: #3a4056;
  line-height: 20px;
  position: relative;
  padding-right: 12px;
  background: transparent;
}
.upbody .uppy-DashboardContent-retry-all:hover {
  color: var(--mfy-color-primary);
}
.upbody .uppy-DashboardContent-retry-all:after {
  content: "";
  margin-top: -6px;
  position: absolute;
  right: 0;
  top: 50%;
  height: 12px;
  width: 0;
  border-right: 1px solid #e4e6ef;
}
.upbody .uppy-DashboardContent-new-bar-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
}
.upbody .uppy-DashboardContent-back {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 16px;
  height: 16px;
  padding: 0;
}
.upbody .uppy-DashboardContent-back:hover {
  color: #f64e60;
}
.upbody .uppy-DashboardContent-back:focus {
  background: unset;
  color: #cf384c;
}
.upbody .uppy-Dashboard-Item {
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  border: none;
  position: relative;
  padding: 0;
  margin-bottom: 22px;
}
.upbody .uppy-Dashboard-Item img {
  aspect-ratio: 1 !important;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-preview {
  width: 32px;
  height: 32px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-previewInnerWrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: transparent !important;
  margin-right: 16px;
  width: 100%;
  height: 100%;
  box-shadow: none;
  border-right: none;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-previewIconWrap {
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.upbody .uppy-Dashboard-Item .upload-progress {
  width: calc(100% - 58px);
  height: 3px;
  position: absolute;
  bottom: -1px;
  left: 45px;
}
.upbody .uppy-Dashboard-Item .upload-progress .upload-progress-inner {
  background: #f5f6f7;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.upbody .uppy-Dashboard-Item .upload-progress .upload-progress-inner .upload-progress-bg {
  background: #3c80ff;
  border-radius: 8px;
  height: 100%;
}
.upbody .uppy-Dashboard-Item .upload-progress .upload-progress-inner .upload-progress-bg-paused {
  background: #bbbdc9;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator {
  position: absolute;
  right: -278px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator:hover {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator .uppy-Dashboard-Item-progressIcon--play {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfc3RhcnRfMTZfMSI+CjxwYXRoIGlkPSJWZWN0b3IgMzY1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDczNzEgMTQuODY1N0MzLjc0MjI3IDE1LjcxMjkgMS45OTk5NiAxNC43NTY1IDEuOTk5OTYgMTMuMTc4M0wxLjk5OTk2IDIuODIxNjhDMS45OTk5NiAxLjI0MzUgMy43NDIyNiAwLjI4NzA3MyA1LjA3MzcxIDEuMTM0MzZMMTMuMjExMSA2LjMxMjY4QzE0LjQ0NjEgNy4wOTg1OSAxNC40NDYxIDguOTAxNDIgMTMuMjExMSA5LjY4NzMzTDUuMDczNzEgMTQuODY1N1pNMy45OTk5NiAxMy4xNzgzTDEyLjEzNzMgOC4wMDAwMUwzLjk5OTk2IDIuODIxNjhMMy45OTk5NiAxMy4xNzgzWiIgZmlsbD0iIzg3ODk5OSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator:hover .uppy-Dashboard-Item-progressIcon--play {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfc3RhcnRfMTZfMSI+CjxwYXRoIGlkPSJWZWN0b3IgMzY1IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUuMDczNzEgMTQuODY1N0MzLjc0MjI3IDE1LjcxMjkgMS45OTk5NiAxNC43NTY1IDEuOTk5OTYgMTMuMTc4M0wxLjk5OTk2IDIuODIxNjhDMS45OTk5NiAxLjI0MzUgMy43NDIyNiAwLjI4NzA3MyA1LjA3MzcxIDEuMTM0MzZMMTMuMjExMSA2LjMxMjY4QzE0LjQ0NjEgNy4wOTg1OSAxNC40NDYxIDguOTAxNDIgMTMuMjExMSA5LjY4NzMzTDUuMDczNzEgMTQuODY1N1pNMy45OTk5NiAxMy4xNzgzTDEyLjEzNzMgOC4wMDAwMUwzLjk5OTk2IDIuODIxNjhMMy45OTk5NiAxMy4xNzgzWiIgZmlsbD0iIzFCMUYzNSIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator .uppy-Dashboard-Item-progressIcon--pause {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfcGF1c2VfMTZfMSI+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDE0QzQgMTQuNTUyMyA0LjQ0NzcyIDE1IDUgMTVDNS41NTIyOCAxNSA2IDE0LjU1MjMgNiAxNEw2IDJDNiAxLjQ0NzcxIDUuNTUyMjkgMSA1IDFDNC40NDc3MiAxIDQgMS40NDc3MSA0IDJWMTRaTTEwIDE0QzEwIDE0LjU1MjMgMTAuNDQ3NyAxNSAxMSAxNUMxMS41NTIzIDE1IDEyIDE0LjU1MjMgMTIgMTRMMTIgMkMxMiAxLjQ0NzcxIDExLjU1MjMgMSAxMSAxQzEwLjQ0NzcgMSAxMCAxLjQ0NzcxIDEwIDJMMTAgMTRaIiBmaWxsPSIjODc4OTk5Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIndicator:hover .uppy-Dashboard-Item-progressIcon--pause {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfcGF1c2VfMTZfMSI+CjxwYXRoIGlkPSJVbmlvbiIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00IDE0QzQgMTQuNTUyMyA0LjQ0NzcyIDE1IDUgMTVDNS41NTIyOCAxNSA2IDE0LjU1MjMgNiAxNEw2IDJDNiAxLjQ0NzcxIDUuNTUyMjkgMSA1IDFDNC40NDc3MiAxIDQgMS40NDc3MSA0IDJWMTRaTTEwIDE0QzEwIDE0LjU1MjMgMTAuNDQ3NyAxNSAxMSAxNUMxMS41NTIzIDE1IDEyIDE0LjU1MjMgMTIgMTRMMTIgMkMxMiAxLjQ0NzcxIDExLjU1MjMgMSAxMSAxQzEwLjQ0NzcgMSAxMCAxLjQ0NzcxIDEwIDJMMTAgMTRaIiBmaWxsPSIjMUIxRjM1Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progress {
  width: 100%;
  height: 100%;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIcon--play {
  width: 16px;
  height: 16px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-progressIcon--pause {
  width: 16px;
  height: 16px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:not(:last-child) {
  margin-right: 16px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 4px 4px 4px 4px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:active {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 4px 4px 4px 4px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box .uppy-Dashboard-Item-action--remove {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfY2xvc2VfMTZfMSI+CjxnIGlkPSJHcm91cCAxMDAwMDA3NTE0Ij4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzA3MTEgMi4yOTI4OUMzLjMxNjU4IDEuOTAyMzcgMi42ODM0MiAxLjkwMjM3IDIuMjkyODkgMi4yOTI4OUMxLjkwMjM3IDIuNjgzNDIgMS45MDIzNyAzLjMxNjU4IDIuMjkyODkgMy43MDcxMUw2LjU4NTc5IDhMMi4yOTI4OSAxMi4yOTI5QzEuOTAyMzcgMTIuNjgzNCAxLjkwMjM3IDEzLjMxNjYgMi4yOTI4OSAxMy43MDcxQzIuNjgzNDIgMTQuMDk3NiAzLjMxNjU4IDE0LjA5NzYgMy43MDcxMSAxMy43MDcxTDggOS40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOS40MTQyMSA4TDEzLjcwNzEgMy43MDcxMUMxNC4wOTc2IDMuMzE2NTggMTQuMDk3NiAyLjY4MzQyIDEzLjcwNzEgMi4yOTI4OUMxMy4zMTY2IDEuOTAyMzcgMTIuNjgzNCAxLjkwMjM3IDEyLjI5MjkgMi4yOTI4OUw4IDYuNTg1NzlMMy43MDcxMSAyLjI5Mjg5WiIgZmlsbD0iIzg3ODk5OSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:hover .uppy-Dashboard-Item-action--remove {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfY2xvc2VfMTZfMSI+CjxnIGlkPSJHcm91cCAxMDAwMDA3NTE0Ij4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzA3MTEgMi4yOTI4OUMzLjMxNjU4IDEuOTAyMzcgMi42ODM0MiAxLjkwMjM3IDIuMjkyODkgMi4yOTI4OUMxLjkwMjM3IDIuNjgzNDIgMS45MDIzNyAzLjMxNjU4IDIuMjkyODkgMy43MDcxMUw2LjU4NTc5IDhMMi4yOTI4OSAxMi4yOTI5QzEuOTAyMzcgMTIuNjgzNCAxLjkwMjM3IDEzLjMxNjYgMi4yOTI4OSAxMy43MDcxQzIuNjgzNDIgMTQuMDk3NiAzLjMxNjU4IDE0LjA5NzYgMy43MDcxMSAxMy43MDcxTDggOS40MTQyMUwxMi4yOTI5IDEzLjcwNzFDMTIuNjgzNCAxNC4wOTc2IDEzLjMxNjYgMTQuMDk3NiAxMy43MDcxIDEzLjcwNzFDMTQuMDk3NiAxMy4zMTY2IDE0LjA5NzYgMTIuNjgzNCAxMy43MDcxIDEyLjI5MjlMOS40MTQyMSA4TDEzLjcwNzEgMy43MDcxMUMxNC4wOTc2IDMuMzE2NTggMTQuMDk3NiAyLjY4MzQyIDEzLjcwNzEgMi4yOTI4OUMxMy4zMTY2IDEuOTAyMzcgMTIuNjgzNCAxLjkwMjM3IDEyLjI5MjkgMi4yOTI4OUw4IDYuNTg1NzlMMy43MDcxMSAyLjI5Mjg5WiIgZmlsbD0iIzFCMUYzNSIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box .uppy-Dashboard-Item-action--retry {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQ0MjY1ODU4MTU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5MzciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTEyOCA0ODBBMzUyIDM1MiAwIDAgMSA3NTEuNTUyIDI1Nkg2NDBhNjQgNjQgMCAxIDAgMCAxMjhoMjU2YTY0IDY0IDAgMCAwIDY0LTY0VjY0YTY0IDY0IDAgMSAwLTEyOCAwdjg5LjY2NGE0ODAgNDgwIDAgMSAwIDEwMS4xMiA0ODUuMTJjMTEuMTM2LTMxLjgwOC0xNC4yMDgtNjIuNzg0LTQ3Ljg3Mi02Mi43ODQtMzkuMzYgMC03Mi44OTYgMjYuNzUyLTkwLjU2IDYxLjg4OGEzNTMuMjggMzUzLjI4IDAgMCAxLTcyLjcwNCA5Ny43MjhBMzUyIDM1MiAwIDAgMSAxMjggNDgweiIgcC1pZD0iNDkzOCIgZmlsbD0iIzg3ODk5OSI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:hover .uppy-Dashboard-Item-action--retry {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzQ0MjY1ODU4MTU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQ5MzciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTEyOCA0ODBBMzUyIDM1MiAwIDAgMSA3NTEuNTUyIDI1Nkg2NDBhNjQgNjQgMCAxIDAgMCAxMjhoMjU2YTY0IDY0IDAgMCAwIDY0LTY0VjY0YTY0IDY0IDAgMSAwLTEyOCAwdjg5LjY2NGE0ODAgNDgwIDAgMSAwIDEwMS4xMiA0ODUuMTJjMTEuMTM2LTMxLjgwOC0xNC4yMDgtNjIuNzg0LTQ3Ljg3Mi02Mi43ODQtMzkuMzYgMC03Mi44OTYgMjYuNzUyLTkwLjU2IDYxLjg4OGEzNTMuMjggMzUzLjI4IDAgMCAxLTcyLjcwNCA5Ny43MjhBMzUyIDM1MiAwIDAgMSAxMjggNDgweiIgcC1pZD0iNDkzOCIgZmlsbD0iIzFCMUYzNSI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box .uppy-Dashboard-Item-action--folder {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfcG9zaXRpb25pbmdfMTZfMSI+CjxwYXRoIGlkPSJWZWN0b3IgMzc5IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEg1LjU4NTc5QzYuMTE2MjIgMCA2LjYyNDkzIDAuMjEwNzEzIDcgMC41ODU3ODZMOC40MTQyMSAySDEyQzEyLjU1MjMgMiAxMyAyLjQ0NzcyIDEzIDNDMTMgMy41NTIyOCAxMi41NTIzIDQgMTIgNEg4LjQxNDIxQzcuODgzNzggNCA3LjM3NTA3IDMuNzg5MjkgNyAzLjQxNDIxTDUuNTg1NzkgMkgzQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzVjEyQzIgMTIuNTUyMyAyLjQ0NzcyIDEzIDMgMTNIMTEuNDM4NEMxMS44OTczIDEzIDEyLjI5NzMgMTIuNjg3NyAxMi40MDg2IDEyLjI0MjVMMTMuNzE5MiA3SDYuNzgwNzhMNS45NzAxNCAxMC4yNDI1QzUuODM2MTkgMTAuNzc4MyA1LjI5MzI2IDExLjEwNDEgNC43NTc0NiAxMC45NzAxQzQuMjIxNjcgMTAuODM2MiAzLjg5NTkxIDEwLjI5MzMgNC4wMjk4NiA5Ljc1NzQ2TDQuODQwNDkgNi41MTQ5M0M1LjA2MzA3IDUuNjI0NiA1Ljg2MzA0IDUgNi43ODA3OCA1SDEzLjcxOTJDMTUuMDIwNCA1IDE1Ljk3NTEgNi4yMjI3OCAxNS42NTk1IDcuNDg1MDdMMTQuMzQ4OSAxMi43Mjc2QzE0LjAxNSAxNC4wNjMxIDEyLjgxNTEgMTUgMTEuNDM4NCAxNUgzQzEuMzQzMTUgMTUgMCAxMy42NTY5IDAgMTJWM1oiIGZpbGw9IiM4Nzg5OTkiLz4KPC9nPgo8L3N2Zz4K) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--btn-box:hover .uppy-Dashboard-Item-action--folder {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImdlbmVyYWxfcG9zaXRpb25pbmdfMTZfMSI+CjxwYXRoIGlkPSJWZWN0b3IgMzc5IChTdHJva2UpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTAgM0MwIDEuMzQzMTUgMS4zNDMxNSAwIDMgMEg1LjU4NTc5QzYuMTE2MjIgMCA2LjYyNDkzIDAuMjEwNzEzIDcgMC41ODU3ODZMOC40MTQyMSAySDEyQzEyLjU1MjMgMiAxMyAyLjQ0NzcyIDEzIDNDMTMgMy41NTIyOCAxMi41NTIzIDQgMTIgNEg4LjQxNDIxQzcuODgzNzggNCA3LjM3NTA3IDMuNzg5MjkgNyAzLjQxNDIxTDUuNTg1NzkgMkgzQzIuNDQ3NzIgMiAyIDIuNDQ3NzIgMiAzVjEyQzIgMTIuNTUyMyAyLjQ0NzcyIDEzIDMgMTNIMTEuNDM4NEMxMS44OTczIDEzIDEyLjI5NzMgMTIuNjg3NyAxMi40MDg2IDEyLjI0MjVMMTMuNzE5MiA3SDYuNzgwNzhMNS45NzAxNCAxMC4yNDI1QzUuODM2MTkgMTAuNzc4MyA1LjI5MzI2IDExLjEwNDEgNC43NTc0NiAxMC45NzAxQzQuMjIxNjcgMTAuODM2MiAzLjg5NTkxIDEwLjI5MzMgNC4wMjk4NiA5Ljc1NzQ2TDQuODQwNDkgNi41MTQ5M0M1LjA2MzA3IDUuNjI0NiA1Ljg2MzA0IDUgNi43ODA3OCA1SDEzLjcxOTJDMTUuMDIwNCA1IDE1Ljk3NTEgNi4yMjI3OCAxNS42NTk1IDcuNDg1MDdMMTQuMzQ4OSAxMi43Mjc2QzE0LjAxNSAxNC4wNjMxIDEyLjgxNTEgMTUgMTEuNDM4NCAxNUgzQzEuMzQzMTUgMTUgMCAxMy42NTY5IDAgMTJWM1oiIGZpbGw9IiMxQjFGMzUiLz4KPC9nPgo8L3N2Zz4K) no-repeat center center;
  background-size: cover;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--remove {
  height: 16px;
  opacity: 1;
  padding: 0;
  width: 16px;
  margin-left: 0;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--retry {
  width: 16px;
  height: 16px;
  opacity: 1;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-actionWrapper .uppy-Dashboard-Item-action--folder {
  width: 16px;
  height: 16px;
  opacity: 1;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status .uppy-Dashboard-Item-statusSize {
  font-weight: 400;
  font-size: 12px;
  color: #7b808f;
  line-height: 20px;
  margin-bottom: 0;
  margin-right: 8px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status .uppy-Dashboard-Item-statusLabel {
  font-weight: 400;
  font-size: 12px;
  color: #7b808f;
  line-height: 20px;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status .uppy-Dashboard-Item-statusLabel.error {
  color: #ff6c6c;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status .uppy-Dashboard-Item-statusLabel.completed {
  color: #0dbe30;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-status .uppy-Dashboard-Item-errorDetail {
  font-weight: 400;
  font-size: 12px;
  color: #597dfc;
  line-height: 20px;
  margin-left: 8px;
  cursor: pointer;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-name {
  white-space: nowrap;
  height: 22px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 22px;
  text-align: left;
  margin-bottom: 0;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-restTime {
  height: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 16px;
  text-align: left;
}
.upbody .uppy-Dashboard-Item .uppy-Dashboard-Item-processMessage {
  height: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 16px;
  text-align: left;
}
.uppy-Dashboard-Dsitem-progress {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 70px;
  z-index: 0;
  background-color: #2a82e4;
  opacity: 0.1;
  -webkit-transition: background-color, width 0.3s ease-out;
  transition: background-color, width 0.3s ease-out;
}
.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #fff;
}
.ant-table-body {
  overflow-y: auto !important;
}
.site-back-top-basic {
  color: rgba(64, 64, 64, 0.6);
}
.ant-dropdown-menu-title-content {
  text-align: left;
}
.ant-dropdown-menu-item-active {
  color: #5a7cfc;
}
.appremche {
  margin-left: 72px;
}
.wenserh {
  width: 240px;
  height: 32px;
  line-height: 32px;
  margin-right: 32px;
  position: relative;
}
.wenserh > span {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 1px;
  top: 1px;
  text-align: center;
  line-height: 34px;
  cursor: pointer;
}
.foota:after {
  content: "|";
  margin-left: 15px;
  margin-right: 15px;
  line-height: 14px;
  color: #f4f6f7;
  display: inline-block;
  font-size: 12px;
  opacity: 0.5;
  vertical-align: text-top;
}
.ant-table-thead > tr > .ant-table-column-has-sorters {
  padding-left: 6%;
}
.ant-table-thead > tr > .drag-visible {
  padding-left: 20px;
}
.ant-modal-header {
  border-bottom: 1px solid #f9f9f9;
}
.ant-modal-footer {
  border-top: none;
}
.ant-modal-footer {
  padding-top: 0;
  padding-bottom: 20px;
}
.ant-modal-title {
  font-weight: inherit;
  font-size: 14px;
}
.vieodemp4 .ant-modal-body {
  padding: 0;
}
.vieodemp4 .ant-modal-footer {
  padding: 10px;
}
.vieodemp4 .ant-modal-header {
  padding: 8px;
}
.vieodemp4 .ant-modal-close-x {
  line-height: 38px;
  height: 38px;
}
.gongyaotext {
  margin-left: 120px;
}
.gongyaotext .ant-upload-list {
  display: none;
}
.loginconcent::-webkit-scrollbar {
  display: none;
}
.loginconcent .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #597dfc;
}
.loginconcent .ant-tabs-tab:hover {
  color: #597dfc;
}
.loginconcent .ant-tabs-ink-bar {
  background: #597dfc;
}
.loginconcent .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #597dfc;
  border-color: #597dfc;
}
.loginconcent .ant-input-affix-wrapper {
  height: 36px;
}
.ant-input {
  font-size: 14px !important;
}
.ant-input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--mfy-placeholder-color) !important;
  opacity: 1;
  /* Firefox */
  font-size: 14px !important;
}
.ant-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--mfy-placeholder-color) !important;
  font-size: 14px !important;
}
.ant-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--mfy-placeholder-color) !important;
  font-size: 14px !important;
}
.uppy-Dashboard-AddFiles {
  background: #ffffff;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAAcCAYAAACwPZsQAAABQ2lDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8bAzsDCwAsUtk5MLi5wDAjwAbIZYDQq+HaNgRFEX9YFmaWi/8lg4vKJndJVLEsrPgQsw1SPArhSUouTgfQfIE5LLigqYWBgTAGylctLCkDsDiBbpAjoKCB7DoidDmFvALGTIOwjYDUhQc5A9g0gWyA5IxFoBuMLIFsnCUk8HYkNtRcEeFxcfXwUAozMDS09CDiXdFCSWlECop3zCyqLMtMzShQcgaGUquCZl6yno2BkYGTEwAAKc4jqzzfAYckoxoEQS2lnYDDWAgpyIcSynjAw7JnOwCB4CiGmng30lh0Dw4HIgsSiRLgDGL+xFKcZG0HY3NsZGFin/f//OZyBgV2TgeHv9f//f2////8vMJ6YbwH1fgMABKdesZK9GBcAAAA4ZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAKgAgAEAAAAAQAAAHSgAwAEAAAAAQAAABwAAAAA0oDOCAAABg9JREFUaAXtmtlPFVkQxotdEBBBQBZlUYMSEFATYFhkCYH4pK/+jT6QGCNKBBONAZTNCCOLyg4Oq2wXBJ3pX42n09y5l8yDdpPrreTap8/ap75TX1UdjPjbEglLyGggMmR2Et6IaiAMaIgdhDCgYUBDTAMhtp2whYYBDTENhNh2PLdQsqa3b9/K9+/fg6p2e3tbdnd3g7b/34Zv374J621ubsri4qIO+/r1qz63trbsukDzraysyOrqaqCmE1UX7dXXANLg4KCg0IWFBfny5Yv9KdevX5f5+XlVIMqPioqSS5cuyZUrV7SPz+eTV69e2f2DFWJjY6Wurs5ufvPmjaSnp0tERISueerUKenr65PW1laZnZ2V9fV1ycrKsvs7CzMzMxIdHS1paWkyMTEhQ0NDzma7TJ979+7Z724XPAM0Li5O8vLyFJiqqioFLc5SMBIfHy8jIyPyR02NZJ0/L5GRR4kEoAy49N/b2xPAqq2t5dWWKEu5TuGgAMR5a05kampKbt26pWVjfQBrJDs7W7/LvJvnwcGB5Obmys2bN02VPmGZBw8eHKlz++Xojl1cPSYmRubm5iQhIUGwuOHhYSkrK9MvSD93Til4yaLFvz5/tr8KEBMTE1XJFy9etOuxbkB21tmNPwrQLWACxuvXr/WQ5OTkyPj4uJSXl8va2poUFBTIzs6OvHv3TgoLCxV4vm1gYEDbsWzGc+A+W9/FPIjzss3/8P1Y3rXH0aPv2rL/LsQJb2pqUuVBqyiRHwoCcABMTU1V+oVyUWQgQenB2kx/5q+srJT9/X1dA3AYV1xcrCAZur169aocHh5qPd/AAaqvr9fDAuDGKqHmGotB+B0eHMqFCxeUIe7fv2+W9OTpmYWy27GxMfWh+FGUiF9EyaWlpZKfny/JyckKAGBQRujb2dmpZfMPIDHu0aNHpurIs62tTcc9e/ZMwQR8xly+fFlGR0fVumEK6BYAsUL8azDhW327PjuI2tvfU/8LSyBnz549dnyweX9GvaeARkZEKuWmWAr4+PGj3LhxQ06fPi0vX760fZv/Jgk6yisqjlT/aYGSmZmpY6HxCmsep0CDjMMaYYBPnz6pD2QMv8ePH0tDQ4P09PRIpuVfATWQELytra5JfEK8rK6tqpug38bGhvrxpaUlHVZhfd9xByLQ3D+rzlNAS0pLbAtF2SgBX1dSUqKUSySMYK1GACfHClac0tfbKygR/7e8vPyfdvpi5fwIhGCCSisQm56e1jponyAN0GetaJZgyAhRNmkVUS6WV15RLsNDw0KAZQKz593PpaCwQIM8M86rp6eAsmkCENIAaBDr8heokVTh2rVr/k36jsKhQPoAaDChDwASzSYlJcmClRZB3xyau3fv6jB8JNFyS0uLPQ30C2sQcEH7KSkp4tvzyZkzZ9Rl0HF7Z1vTIKLtRGtu/wNnT+ZCwXNA2SMBj0kf/Pc8+eGDzFhABBKCJ2jyuOiWPgRAJidtb2+XxsZGBbWrq0sjXDM3OSqpB4fDCGV+RLpGuIQA0I6ODrVS0x8fHIhBzDg3nicCUIIj/FoggYIzMjICNWkaglUCUDB58uSJVFdXKwD4OiyVFAlGoOykc0DDAvv7+4XcOJBwY4RA0VA4cxuZt3zs2Pv35tWT54kAtKioyE4H/LUwOTmp0aezHmrr7emVxaVFuXPnjvpb2k0qYqwSayO/NCkNPpCboxcvXqivhnoJZLhoAEysrrm5WR4+fKhBGgGUEXM1iQ+GmhHWMRcSvG9bluu1nAhASe7xb4EEK4IKjeBToU0uBfB9zmgSS4YOaYdisV6iWMpYZ3d3t/pDbqDwc1AkAQ/3ulubW3K74bYuQ5D09OlTHUeARNRNUMRNFP3NdSLs4aRivo30x0uJsE6Zp/+niKgUcYLmVAhBz5YVuDgDDepMXursSxkl045Ai0bBbJMbJSjVX8hh6eu85eGPAYZWAZxDga8kiDJpDcGciXSZkzHr1sFxfqv/Wr/63XNAf/UGf7f5Pb36+92U7cZ+w4C6oWUX1wgD6qKy3VgqDKgbWnZxjTCgLirbjaXCgLqhZRfX+AelZsUqy1q33gAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
}
.problem {
  color: #232f3e;
  font-weight: 400;
  font-family: var(--mfy-font-family);
}
.problem h2 {
  font-family: var(--mfy-font-family);
  font-weight: 700;
}
.problem h3 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
.problem p {
  text-indent: 2.1em;
}
.content_left {
  width: 210px;
  padding: 14px 14px 0;
  background-color: #fff;
}
.content_left div {
  width: 180px;
  height: 40px;
  padding-left: 30px;
  line-height: 40px;
  cursor: pointer;
}
.content_left .activeCheck {
  color: #597dfc;
  border-radius: 4px;
  background-color: #ebefff;
}
.content_left .activeCheck::after {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 1px 1px 0 0;
  border-color: #597dfc;
  border-style: solid;
  margin-left: 46px;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.content_right {
  width: 100%;
  padding: 14px 14px 0;
  margin-left: 15px;
  background-color: #fff;
}
.content_right .content_right-card {
  min-height: 105px;
  margin-top: 12px;
  border-bottom: 1px dotted #eaeaea;
}
.content_right .content_right-card div {
  padding-bottom: 18px;
}
.content_right .content_right-card div:first-child {
  color: #222222;
  font-size: 20px;
  font-weight: 700;
  padding-top: 16px;
  font-family: var(--mfy-font-family);
}
.content_right .content_right-card div:last-child {
  color: #444444;
  font-size: 14px;
}
html {
  overflow-y: scroll;
}
:root {
  overflow-y: auto;
  overflow-x: hidden;
}
:root body {
  position: absolute;
}
body {
  width: 100vw !important;
  overflow: visible !important;
}
.customTabs_Tabpane {
  width: 100%;
  height: 56px;
  margin-bottom: 10px;
  background-color: #fff;
  display: flex;
  align-items: flex-end;
}
.customTabs_Tabpane div:first-child {
  margin-left: 10px;
}
.customTabs_Tabpane div {
  width: 140px;
  height: 32px;
  padding-bottom: 2px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  cursor: pointer;
}
.customTabs_Tabpane .activeTabs {
  color: #597dfc;
  background: #f7f8fa;
  border-bottom: 2px solid #597dfc;
  transition: width 0.3s, left 0.3s, right 0.3s;
}
.custom_aealist {
  width: 100%;
  padding: 18px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ebebeb;
  margin-bottom: 10px;
}
.custom_aealist:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 1px 2px -2px #00000029, 0 3px 6px #0000001f, 0 5px 12px 4px #00000017;
  transition: box-shadow 0.3s;
}
.custom_aealist div {
  font-size: 13px;
  color: #222222;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom_aealist .custom_fileName {
  font-weight: 600;
}
.custom_aealist .custom_content {
  font-weight: 400;
}
.loginCard,
.userlogin {
  position: relative;
}
.loginCard .custom_right_image,
.userlogin .custom_right_image {
  position: absolute;
  top: 0px;
  right: 0px;
}
.loginCard .custom_scancode_img,
.userlogin .custom_scancode_img {
  width: 179px;
  height: 179px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin: 0 auto;
}
.loginCard .custom_scancode_img .custom_load_img,
.userlogin .custom_scancode_img .custom_load_img {
  width: 179px;
  height: 179px;
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/-e-Refresh.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.custom_footer_style .ant-card-actions {
  margin-top: 42px !important;
}
.custom_reset_password {
  display: flex;
  justify-content: center;
}
.custom_reset_password .custom_reset_title {
  font-size: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #222222;
  margin-bottom: 30px;
  text-align: center;
}
.custom_reset_password .custom_reset_input {
  width: 380px;
  height: 40px;
  background: #ffffff;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #eaeaea;
}
.custom_reset_password .custom_reset_content .custon_reset_login-form {
  width: 100%;
  margin-top: 30px;
  padding: 0 30px;
}
.custom_reset_password .custom_reset_content .custom_message .ant-form-item-control-input-content {
  display: flex;
}
.custom_reset_password .custom_reset_content .custom_footer_sub_btn {
  width: 100%;
  height: 40px;
  border-radius: 2px;
  background-color: #597dfc;
  margin-top: 24px;
}
.custom_reset_password .custom_reset_content .custom_back_login {
  text-align: center;
  font-size: 12px;
  color: #909090;
  cursor: pointer;
}
.custom_reset_password .custom_reset_content .codeBtn {
  width: 132px;
  height: 40px;
  background: #ffffff;
  border-radius: 2px 2px 2px 2px;
  opacity: 1;
  border: 1px solid #597dfc;
  line-height: 40px;
  text-align: center;
  color: #597dfc;
  cursor: pointer;
}
.custom_modal_styles .ant-modal-content .ant-modal-body .ant-modal-confirm-body-wrapper .ant-modal-confirm-btns {
  text-align: center;
  float: none !important;
}
.uppy_question_mark {
  margin-left: 5px;
  color: #597dfc;
  cursor: help;
  text-decoration: underline;
}
.share-modal-examine {
  color: var(--mfy-label-color);
  font-size: var(--mfy-font-size-4);
  line-height: 18px;
}
.ant-btn-primary {
  border: 0;
}
.function-modal .ant-modal-body {
  padding: 18px 24px 24px 24px !important;
}
.function-modal .ant-modal-content {
  border-radius: 8px;
}
.function-modal .function-modal-close {
  width: 24px;
  height: 24px;
}
.function-modal .ant-modal-header {
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #f4f4f4;
}
.function-modal svg {
  margin: 0 4px 3px 0;
}
.function-modal .ant-modal-confirm-title {
  display: inline-block;
  color: #3a4056;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 18px;
}
.ant-table .editable-row {
  height: 57px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ant-table .editable-row .ant-table-cell {
  height: 100% !important;
  display: flex;
  align-items: center;
}
.ant-table .editable-row .ant-table-cell.ant-table-selection-column {
  justify-content: center !important;
}
.ant-table .ant-table-header::-webkit-scrollbar {
  width: 0;
}
.ant-table .ant-table-body::-webkit-scrollbar,
.ant-table .ant-table-body-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.ant-table .ant-table-fixed-left .ant-table-body-outer,
.ant-table .ant-table-fixed-right .ant-table-body-outer {
  margin-bottom: 0 !important;
}
.after-sale-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.after-sale-modal__body--title {
  color: #3a4056;
  font-size: 16px;
  margin: 16px 0;
}
.after-sale-modal__body--content {
  color: #7b808f;
  font-size: 14px;
  line-height: 24px;
}
.after-sale-modal__body--link {
  color: #597dfc;
  font-size: 14px;
  cursor: pointer;
}
.after-sale-modal .ant-btn {
  border-radius: 6px !important;
}
.ant-form-item-label > label.ant-form-item-required:not(
    .ant-form-item-required-mark-optional
  )::before {
  margin-right: 0;
}
.direct-transcode-status {
  width: 60px;
  height: 24px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 4px;
  line-height: 25px;
  background-color: #eaeeff;
  color: #597dfc;
  font-size: 12px;
  margin-right: 19px;
}
.direct-transcode-status.failure {
  background-color: #ffe0e0;
  color: #ff6c6c;
}
.transcoding-icon {
  animation: rotating 1s infinite linear;
}
.icon-list-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.icon-list-wrap .ant-space-item {
  height: 100% !important;
}
.icon-list-wrap-content {
  border-radius: 4px;
  cursor: pointer;
  padding: 4px;
  height: 24px !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.icon-list-wrap-content.starred svg {
  color: #ffa800;
}
.icon-list-wrap-content:hover {
  background: rgba(182, 186, 195, 0.3);
}
.icon-list-wrap-content svg {
  font-size: 16px;
  color: #1b1f35;
}
.direct-transcode-modal__title {
  color: #3a4056;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 24px;
}
.direct-transcode-modal__title.mb-0 {
  margin-bottom: 0;
}
.direct-transcode-modal__title.normal {
  color: #7b808f;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 0;
}
.direct-transcode-modal__url {
  padding: 7px 12px;
  background-color: #f0f3fa;
  border-radius: 6px;
}
.transcode-empty {
  padding: 2px 5px;
}
.ant-dropdown-menu {
  border-radius: 8px;
}
.sysRadioWrap {
  position: absolute;
  top: 40px;
  left: 0;
  border: 0.5px solid #d9d9d9 !important;
  border-radius: 18px !important;
}
.phone-preview__modal {
  width: 328px !important;
  transform-origin: 140px 200px !important;
}
.phone-preview__modal .ant-modal-content {
  background-color: transparent !important;
  box-shadow: none !important;
}
.phone-preview__modal .ant-modal-content .ant-modal-body {
  padding: 0;
}
.phone-preview__modal--content {
  width: 328px;
  height: 682px;
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/iPhoneBg.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 13px 17px 11px 18px;
}
.phone-preview__modal--dom {
  width: 100%;
  height: 100%;
  border-radius: 34px;
}
.phone-preview__modal--real {
  width: 100%;
  height: 100%;
}
.phone-preview__modal--close {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
}
.phone-preview__modal--nickname {
  position: absolute;
  top: 100px;
  left: 40px;
  color: var(--mfy-color-text);
  font-size: var(--mfy-font-size-4);
  line-height: 16px;
}
.phone-preview__modal--text {
  position: absolute;
  top: 120px;
  left: 40px;
  color: var(--mfy-label-color);
  font-size: var(--mfy-font-size-4);
  line-height: 14px;
}
.user-menu .ant-dropdown-menu-submenu-expand-icon {
  top: 8px;
}
.ant-switch-checked {
  background-color: var(--mfy-color-primary);
}
.rpv-toolbar__item div[aria-describedby="rpv-core__tooltip-body-theme-switch"] {
  display: none;
}
.decompression-message-icon .frontend-message-notice-content {
  border-radius: 4px;
  background: #f6f8ff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}
.decompression-message-icon .frontend-message-custom-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  color: #3a4056;
}
.decompression-message-icon img {
  margin-right: 8px;
}
.again-login-modal .ant-modal {
  top: 250px;
}
.again-login-modal .ant-modal-header {
  padding: 16px 32px 0 32px !important;
}
.again-login-modal .ant-modal-body {
  padding: 16px 32px !important;
}
.again-login-modal .ant-modal-body input {
  height: 40px;
}
.again-login-modal .ant-modal-body button {
  height: 40px;
}
.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  color: #597dfc;
  background-color: #f8faff;
}
.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  color: #597dfc;
  background-color: #f8faff;
}
.download-over-count-modal .ant-modal-body {
  padding: 0;
}
.download-over-count-modal .ant-modal-confirm-content {
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 24px;
  padding: 24px 24px 0 24px;
  margin: 0 !important;
}
.download-over-count-modal .ant-modal-confirm-title {
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
  padding: 17px 24px 17px 24px;
  border-bottom: 1px solid #f4f4f4;
}
.download-over-count-modal .anticon-info-circle {
  display: none;
}
.download-over-count-modal .ant-modal-confirm-btns {
  padding: 0 24px 24px 24px;
}
.shield-modal .ant-modal-body {
  padding: 0;
}
.shield-modal .ant-modal-confirm-content {
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 24px;
  padding: 24px 24px 0 24px;
  margin: 0 !important;
}
.shield-modal .ant-modal-confirm-title {
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
  padding: 17px 24px 17px 24px;
  border-bottom: 1px solid #f4f4f4;
}
.shield-modal .anticon-exclamation-circle {
  display: none;
}
.shield-modal .ant-modal-confirm-btns {
  padding: 0 24px 24px 24px;
}
.shield-modal .shield-modal-content-text {
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 24px;
}
.shield-modal .paragraph {
  margin-bottom: 8px;
}
.shield-modal .paragraph:last-child {
  margin-bottom: 0;
}
.shield-modal .ant-modal-confirm-btns {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.shield-modal .ant-modal-confirm-btns .ant-btn-primary {
  padding: 8px 24px;
  margin-left: 0 !important;
  height: 36px;
}
.shield-modal .shield-modal-close {
  width: 24px;
  height: 24px;
}
.shield-modal .ant-modal-close-x {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
}
.shield-modal a {
  color: #597dfc;
  text-decoration: underline;
}
.shield-modal a:hover {
  color: #597dfc;
}
.ant-dropdown-menu-item-active .ant-dropdown-menu-title-content {
  color: #1b1f35;
}
.ant-dropdown-menu-submenu-active .ant-dropdown-menu-title-content {
  color: #1b1f35;
}
.ant-dropdown-menu-submenu-active svg {
  color: #1b1f35;
}
.ant-pagination-item-active {
  border-color: #597dfc;
}
.ant-pagination-item:hover {
  border-color: #597dfc;
}
.ant-pagination-item:hover a {
  color: #597dfc;
}
.ant-pagination-item-active a {
  color: #597dfc;
}
.ant-table-column-sorter-up.active,
.ant-table-column-sorter-down.active {
  color: #597dfc;
}
.ant-pagination-item {
  border-radius: 6px;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border-radius: 6px;
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 6px;
}
.ant-pagination-options-quick-jumper input {
  border-radius: 6px;
}
.open-PC-modal-content {
  width: 100%;
  height: 284px;
  background: url(..//img/upload_guide_map_modal.58077aef.png) no-repeat center center;
  background-size: 100% 100%;
  position: relative;
}
.open-PC-modal-content-close {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 2px;
  top: 2px;
  cursor: pointer;
}
.open-PC-modal-content-btn {
  width: 288px;
  height: 48px;
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/button_client_installation_default.png") no-repeat center center;
  background-size: 100% 100%;
  cursor: pointer;
  position: absolute;
  bottom: 68px;
  right: 44px;
}
.open-PC-modal-content-btn:hover {
  background: url("https://statics.123pan.com/static-by-custom/pc/image/frontend/button_client_installation_hover.png") no-repeat center center;
  background-size: 100% 100%;
  transform: scale(1.08);
}
.open-PC-modal .ant-modal-content {
  background: transparent;
  box-shadow: none;
}
.open-PC-modal .ant-modal-body {
  padding: 0;
  background: transparent;
}
.revision-footer-preview .ant-image-preview-img-wrapper {
  transform: scale(0.6);
}
.system-directory {
  padding: 2px 6px;
  border-radius: 4px;
  background: #f4f4f4;
  font-size: 12px;
  color: #7b808f;
  line-height: 21px;
  margin-left: 10px;
}
.search-message-button {
  text-decoration: underline;
  color: #597dfc;
  margin-left: 5px;
  cursor: pointer;
}
.offline-down-menu-item {
  position: relative;
}
.offline-down-menu-item-icon {
  position: absolute;
  right: 0;
  top: -8px;
  font-size: 36px;
}
.table-head-title {
  font-size: 13px;
  color: var(--mfy-color-new-describe-text);
  height: 22px;
}
.table-head-title .ant-btn {
  height: 22px;
}
.table-head-title .ant-btn span {
  font-size: 13px !important;
}
.table-sort-icon {
  font-size: 16px;
}
.menu-item-custom-vip {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.menu-item-custom-vip img {
  width: 24px;
  height: 14px;
  margin-left: 8px;
}
.file-operator-group-label-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.file-operator-group-label-wrap .file-operator-group-label-wrap-vip {
  width: 24px;
  height: 14px;
  margin-left: 4px;
}
.ant-image-preview-root .image-wrap {
  width: 80%;
  height: 80%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.ant-image-preview-root .image-wrap .image-title {
  position: absolute;
  top: 36px;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.ant-image-preview-root .image-wrap .ant-spin-nested-loading {
  width: 100%;
  height: 100%;
}
.ant-image-preview-root .image-wrap .ant-spin-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-image-preview-root .image-wrap .image-stage {
  position: relative;
  width: 90%;
  height: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-image-preview-root .image-wrap .image-stage .image-spin-wrapper {
  color: #1677ff;
  z-index: 1;
}
.ant-image-preview-root .image-wrap .image-thumb,
.ant-image-preview-root .image-wrap .image-stage-content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ant-image-preview-root .image-wrap .image-thumb {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain;
}
.ant-image-preview-root .image-wrap .ant-spin {
  position: absolute;
  z-index: 1;
}
.ant-image-preview-root .image-wrap img {
  object-fit: contain;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
}
.ant-image-preview-operations-wrapper .ant-image-preview-footer .ant-image-preview-progress {
  display: none !important;
}
.ant-image-preview-operations-wrapper .ant-image-preview-close {
  background-color: transparent !important;
}
.ant-image-preview-operations-wrapper .ant-image-preview-close {
  top: 26px;
  right: 34px;
}
.ant-image-preview-operations-wrapper .ant-image-preview-switch-left {
  left: 34px;
  cursor: initial !important;
}
.ant-image-preview-operations-wrapper .ant-image-preview-switch-right {
  right: 34px;
  cursor: initial !important;
}
.ant-image-preview-operations-wrapper .image-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1000;
  cursor: pointer;
  background: rgba(20, 20, 20, 0.8);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ant-image-preview-operations-wrapper .image-close-btn svg {
  font-size: 20px;
  color: #ffffff;
}
.ant-image-preview-operations-wrapper .image-close-btn:hover {
  background: #4a4a4a;
}
.ant-image-preview-operations-wrapper .image-nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: rgba(20, 20, 20, 0.8);
  border-radius: 50%;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
  z-index: 1000;
}
.ant-image-preview-operations-wrapper .image-nav-arrow:hover {
  background: #4a4a4a;
}
.ant-image-preview-operations-wrapper .image-nav-arrow-left {
  left: 0;
  justify-content: start;
}
.ant-image-preview-operations-wrapper .image-nav-arrow-left svg {
  font-size: 32px;
  color: #ffffff;
  margin-left: 13px;
}
.ant-image-preview-operations-wrapper .image-nav-arrow-right {
  right: 0;
  justify-content: end;
}
.ant-image-preview-operations-wrapper .image-nav-arrow-right svg {
  font-size: 32px;
  color: #ffffff;
  margin-right: 13px;
}
.ant-image-preview-operations-wrapper .image-nav-arrow.disabled {
  display: none;
}
.ant-image-preview-operations-wrapper .toolbar-wrapper {
  padding: 6px 40px;
  background: #141414;
  border-radius: 100px;
}
.ant-image-preview-operations-wrapper .toolbar-wrapper .toolbar-wrapper-icon {
  width: 48px;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 100%;
}
.ant-image-preview-operations-wrapper .toolbar-wrapper .toolbar-wrapper-icon:hover {
  background: rgba(182, 186, 195, 0.1);
}
.ant-image-preview-operations-wrapper .toolbar-wrapper .toolbar-wrapper-icon.disabled {
  pointer-events: none;
}
.ant-image-preview-operations-wrapper .toolbar-wrapper .toolbar-wrapper-icon.disabled svg {
  color: rgba(255, 255, 255, 0.3);
}
.ant-image-preview-operations-wrapper .toolbar-wrapper svg {
  font-size: 24px;
  color: #ffffff;
}
.mfy-antd .ant-image-preview-mask {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.decompression-modal-cancel__modal .ant-modal {
  top: 0 !important;
  left: 80px !important;
}
.ant-input-password-icon {
  font-size: 16px;
  color: #878999;
  cursor: pointer;
}
.icon-loading {
  animation: rotating 1s linear infinite;
}
.movebody {
  scrollbar-color: #edeef0 transparent;
}
.movebody .create-folder-item-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin-left: 12px;
}
.movebody .create-folder-item-icon__confirm {
  font-size: 16px;
  color: #3c80ff;
  cursor: pointer;
}
.movebody .create-folder-item-icon__confirm:hover {
  color: #66a1ff;
}
.movebody .create-folder-item-icon__confirm:active {
  color: #2961d9;
}
.movebody .create-folder-item-icon__cancel {
  font-size: 16px;
  color: #d1d3e0;
  cursor: pointer;
}
.movebody .create-folder-item-icon__cancel:hover {
  color: #bbbdc9;
}
.movebody .create-folder-item-icon__cancel:active {
  color: #878999;
}
/**
 * When optimizing virtual scrolling, the scroll bar is calculated by oneself, and the native scroll bar needs to be hidden
 */
.hide-scrollbar {
  scrollbar-width: none !important;
}
.share-url-host-drop {
  width: 240px;
}
.share-url-host-drop-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.share-url-host-drop-item svg {
  font-size: 16px;
  color: #3c80ff;
}
.web-home-ad {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-bottom-ad {
  position: fixed;
  bottom: 29px;
  left: 50%;
  z-index: 999;
  align-items: center;
  display: flex;
  justify-content: center;
  width: 600px;
  margin-left: -300px;
}
.web-banner-ad {
  width: 100%;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
.frontend-message-notice-content {
  padding: 9px 16px !important;
  color: #1b1f35;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.06) !important;
  border-radius: 100px 100px 100px 100px !important;
  border: 1px solid #e5e6eb !important;
}
.ant-table-wrapper {
  width: 100%;
}
.ant-switch.ant-switch-small .ant-switch-handle {
  width: 12px !important;
  height: 12px !important;
}
.ant-switch.ant-switch-small.ant-switch-checked .ant-switch-handle {
  inset-inline-start: calc(100% - 14px) !important;
  left: calc(100% - 14px) !important;
}
.ant-tag {
  font-size: 12px !important;
  line-height: 12px !important;
}