.file-path-select-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
}
.file-path-select-content-label {
  margin-top: 3px;
  margin-bottom: 24px;
  color: #3c3f52;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-path-select-content-path-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 32px;
}
.file-path-select-content-path-wrapper > span {
  color: #878999;
}
.file-path-select-content-path-wrapper .auto-focus-input {
  flex: 1;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #E5E6EB;
  background: #FFF;
  color: #BBBDC9;
  font-size: 14px;
}
.file-path-select-content-path-wrapper .auto-focus-input:hover {
  border: 1px solid #E5E6EB;
  background: #FFF;
}
.file-path-select-content-path-wrapper .auto-focus-input:focus {
  border: 1px solid #E5E6EB;
  background: #FFF;
}
.file-path-select-content-path-wrapper .auto-focus-input:active {
  border: 1px solid #E5E6EB;
  background: #FFF;
}
.file-path-select-content-path-wrapper .auto-focus-input:disabled {
  border: 1px solid #E5E6EB;
}
.file-path-select-content-path-wrapper-button {
  height: 32px !important;
  width: 52px !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  background: #f0f8ff !important;
  color: #3c80ff !important;
  font-size: 14px !important;
}
.file-path-select-content-path-tips {
  width: 100%;
  position: absolute;
  bottom: -54px;
  left: 0;
}
.file-path-select-content .ant-checkbox-wrapper {
  color: #3c3f52;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.mount-drive-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 115px;
}
.mount-drive-intro .mount-drive-intro-title-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.mount-drive-intro .mount-drive-intro-title-wrapper .mount-drive-intro-title {
  color: var(--Text-01-, #1B1F35);
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mount-drive-intro .mount-drive-intro-title-wrapper .mount-drive-intro-title-icon {
  margin-left: 8px;
  width: 30px;
  height: 16px;
}
.mount-drive-intro .mount-drive-intro-title-wrapper .mount-drive-intro-small-title {
  color: var(--Text-04-, #878999);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  padding: 15px 71px;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100px;
  background: var(--Fill-01--, #F5F6F7);
  cursor: pointer;
  text-align: center;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button:hover {
  background: rgba(182, 186, 195, 0.2);
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button:active {
  background: rgba(182, 186, 195, 0.3);
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button .icon {
  font-size: 17px;
  color: #3A4056;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button-ban {
  background: #F5F6F7;
  cursor: not-allowed;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button-ban:hover {
  background: #F5F6F7;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-button-ban .icon {
  color: #BBBDC9;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-wrapper {
  width: 376px;
  height: 230px;
  margin: 0 26px;
}
.mount-drive-intro .mount-drive-intro-carousel-component-wrapper .mount-drive-intro-carousel-wrapper .mount-drive-intro-carousel-img {
  width: 376px;
  height: 230px;
}
.mount-drive-intro .mount-drive-intro-choose-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-width: 376px;
  height: 22px ;
  margin-top: 12px;
  padding: 5px 12px;
  border-radius: 6px;
  border: 1px solid #EAEAEA;
}
.mount-drive-intro .mount-drive-intro-choose-wrapper .mount-drive-intro-choose-left {
  font-weight: 400;
  font-size: 14px;
  color: #3C3F52;
}
.mount-drive-intro .mount-drive-intro-choose-wrapper .mount-drive-intro-choose-right {
  font-weight: 400;
  font-size: 14px;
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.mount-drive-intro .mount-drive-intro-choose-wrapper .mount-drive-intro-choose-right:hover {
  color: var(--mfy-color-primary-hover);
}
.mount-drive-intro .mount-drive-intro-choose-wrapper .mount-drive-intro-choose-right:active {
  color: var(--mfy-color-primary-active);
}
.mount-drive-intro .mount-drive-intro-choose-wrapper .mount-drive-intro-choose-middle {
  margin-left: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #BBBDC9;
  flex: 1;
}
.mount-drive-intro .mount-drive-intro-button-wrapper {
  position: relative;
  margin-top: 32px;
}
.mount-drive-intro .mount-drive-intro-button-wrapper .mount-drive-vip-img {
  position: absolute;
  top: -7px;
  right: 0;
  width: 24px;
  height: 14px;
  z-index: 2;
  pointer-events: none;
}
.mount-drive-intro .mount-drive-intro-button-wrapper .mount-drive-button {
  width: 132px;
  height: 40px;
  border-radius: 8px;
}

.mount-drive-success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 142px;
}
.mount-drive-success .mount-drive-success-title {
  display: flex;
  width: 220px;
  padding: 8px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--Border-01-, #E5E6EB);
  background: var(--bg-5, #FFF);
  /* 阴影-中 */
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.07);
  margin-bottom: 58px;
}
.mount-drive-success .mount-drive-success-title .icon {
  font-size: 16px;
}
.mount-drive-success .mount-drive-success-title .mount-drive-success-title-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mount-drive-success .mount-drive-success-title .mount-drive-success-title-tips {
  color: var(--Text-04-, #878999);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 166.667% */
}
.mount-drive-success .mount-drive-success-title .mount-drive-title {
  color: var(--Text-01-, #1B1F35);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
  margin-left: 7px;
}
.mount-drive-success .mount-drive-success-pic {
  width: 120px;
  height: 120px;
}
.mount-drive-success .mount-drive-name {
  color: #3A4056;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 58px;
}
.mount-drive-success .mount-drive-buttons-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 14px;
}
.mount-drive-success .mount-drive-buttons-wrapper .ant-btn {
  min-width: 160px;
}

.mount-drive {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100% - 24px);
}
.mount-drive .mount-drive-setting-icon {
  position: absolute;
  top: 10px;
  right: 24px;
}
.mount-drive .mount-drive-body {
  padding: 0 24px 0 12px;
}
.mount-drive .mount-drive-header .page-title .icon {
  cursor: pointer;
}

.common_cost_rate_modal {
  z-index: 99999999 !important;
}
.cost_rate_modal .ant-modal-header {
  margin-bottom: 0 !important;
}
.cost_rate_modal .cost_rate_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cost_rate_modal .cost_rate_box .cost_rate_modal_title {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  color: #1b1f35;
}
.cost_rate_modal .cost_rate_box .cost_rate_modal_title .cont_rate_num {
  color: #3c80ff;
}
.cost_rate_modal .cost_rate_box .cost_rate_content {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  /**未选中时*/
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span {
  width: 164px;
  height: 148px;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  background: #fafafa;
  border: 1px solid #f5f5f5;
  border-radius: 12px;
  position: relative;
  margin-top: 20px;
  /**选中时*/
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span .cost_rate_left_top_span {
  position: absolute;
  width: 67px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  border-radius: 12px 16px 16px 0;
  background: linear-gradient(147deg, #ececec 18.63%, #f0f0f0 82.82%);
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span .cost_rate_content_num {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 41px;
  width: 100%;
  height: 100%;
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span .cost_rate_content_num .cost_rate_info {
  font-size: 20px;
  font-weight: 700;
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span .cost_rate_content_num .old_cost_rate_info {
  color: #878999;
  font-size: 14px;
  font-weight: 400;
}
.cost_rate_modal .cost_rate_box .cost_rate_content .cost_rate_span .cost_rate_span_bottom {
  width: 100%;
  height: 36px;
  line-height: 36px;
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 700;
  color: #5e6278;
  justify-content: center;
  background: linear-gradient(92deg, #ebebeb 1.55%, #f5f5f5 99.44%);
  border-radius: 0 0 12px 12px;
}
.cost_rate_modal .cost_rate_box .cost_rate_content .client_side_span {
  border: 1px solid #3c80ff;
  background-image: url(..//img/checkTrafficBg.5f168697.png);
}
.cost_rate_modal .cost_rate_box .cost_rate_content .client_side_span .client_side_left_top_span {
  background: linear-gradient(147deg, #2874ff 18.63%, #689eff 82.82%);
  color: #fff;
}
.cost_rate_modal .cost_rate_box .cost_rate_content .client_side_span .client_side_span_bottom {
  color: #181f35;
  background: linear-gradient(92deg, #ebf5ff 1.55%, #fff 99.44%);
}
.cost_rate_modal .cost_rate_box .cost_rate_bottom_info {
  font-size: 12px;
  color: #878999;
  margin-top: 20px;
  text-align: left;
}
.cost_rate_modal .cost_rate_box .cost_rate_bottom_info .info_weight {
  color: #3c3f52;
}
.down-remaining-modal .ant-modal-header {
  margin-bottom: 0 !important;
}
.down-remaining-modal div.ant-modal-content {
  border-radius: 16px;
}
.down-remaining-modal .down-remaining-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.down-remaining-modal .down-remaining-content .down-remianing-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  color: #3a4056;
}
.down-remaining-modal .down-remaining-content .down-remianing-text--special {
  color: #3c80ff;
}
.down-remaining-modal .down-remaining-content .down-remaining-img {
  width: 100%;
}
.down-remaining-modal .down-remaining-content .down-remaining-desc {
  margin-top: 10px;
  color: #7b808f;
  font-size: 12px;
  line-height: 150%;
}
.down-remaining-modal .down-remaining-content .down-remaining-desc > span {
  color: #3a4056;
}
.down-remaining-modal .down-remaining-content .down-remainning-btn {
  width: 100%;
  margin-top: 24px;
  border-radius: 6px;
}

.file-message .frontend-message-success {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 350px;
}
.file-message .file-message-tips {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 330px;
}
.home-web-body .table-head-title {
  font-size: 14px;
}
.home-web-body .table-list-file-time {
  font-size: 14px;
}
.home-web-body .table-list-file-size {
  font-size: 14px;
}
.home-body {
  display: flex;
  width: 100%;
  position: relative;
  pointer-events: auto;
}
.home-body .new-Create {
  background: #F6F8FF;
  border: 1px solid #597DFC;
  color: #597DFC;
}
.home-body .header-button {
  height: 34px;
  border: 1px solid #597DFC;
  display: flex;
  border-radius: 6px;
  color: #597DFC;
}
.home-body .header-button .sysRadio {
  font-weight: bold;
}
.home-body .button-div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: bold;
}
.home-body .button-div .icon {
  margin-right: 7px;
  cursor: pointer;
}
.home-body .button-div:after {
  position: absolute;
  content: '';
  top: 8px;
  right: 0;
  width: 1px;
  height: 16px;
  background: #DCDFE7;
}
.home-body .button-div:last-child:after {
  height: 0;
}
.home-body .ant-table .ant-table-row {
  border-radius: 8px;
  overflow: hidden;
}
.home-body .ant-table .ant-table-header {
  padding-bottom: 3px !important;
  border-bottom: 1px solid var(--mfy-color-fill-default) !important;
}
.home-body .ant-table .ant-table-header th {
  padding: 0 8px 0 24px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.home-body .ant-table .ant-table-header th:first-child {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.home-body .ant-table .ant-table-header th:nth-child(2) {
  padding-left: 1px !important;
}
.home-status-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
}
.home-status-box .home-status-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 12px;
  width: 116px;
}
.home-status-box .status-tips {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #090C19;
  line-height: 12px;
}
.home-status-box .status-tips .status-icon {
  display: block;
  width: 6px;
  height: 6px;
  margin-right: 3px;
  background: #FF6C6C;
  border-radius: 50%;
}
.home-status-box .status-btn {
  height: 18px;
  padding: 0 9px;
  background: #EDF1FF;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 500;
  color: #597DFC;
  visibility: hidden;
}
.home-table-status-title {
  display: flex;
  align-items: center;
  margin-left: 27px;
}
.home-table-screen {
  display: flex;
  align-items: center;
  height: 50px;
  cursor: pointer;
  position: relative;
  margin-right: 25px;
}
.home-table-screen .home-file-error span {
  padding: 1px 4px;
  background: #FFEBEB;
  font-size: 12px;
  font-weight: bold;
  color: #FF6C6C;
  width: 24px;
  position: absolute;
  right: -10px;
  top: 0;
  height: 24px;
  border-radius: 12px;
  text-align: center;
  line-height: 24px;
}
.homeClass {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.homeClass .home-list-more-loading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.homeClass .home-list-more-loading-text {
  font-weight: 400;
  font-size: 14px;
  color: #BBBDC9;
}
.homeClass .upload-button {
  height: 32px;
  padding: 0 20px;
  border-radius: 8px !important;
}
.homeClass .upload-button-empty {
  width: 124px;
  height: 44px;
  padding: 0 23px;
  font-size: 14px;
  font-weight: bold;
  line-height: 44px;
  border-radius: 8px !important;
}
.homeClass .upload-button-empty svg {
  margin-top: 3px;
}
.homeClass .home-content {
  flex: 1;
  min-height: 0;
}
.homeClass .home-content .ant-table-tbody-virtual-scrollbar-thumb {
  background: var(--mfy-color-scroll-bar) !important;
}
.homeClass .home-content .ant-table {
  height: 100%;
}
.homeClass .home-content .ant-table .ant-table-container {
  height: 100%;
}
.homeClass .home-content .ant-spin-nested-loading {
  height: 100%;
}
.homeClass .home-content .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.homeClass .home-content .ant-spin-nested-loading .ant-spin-container .ant-table-wrapper {
  height: 100%;
}
.homeClass .home-content .ant-spin-nested-loading .ant-spin-container .ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.homeClass .home-content .ant-spin-nested-loading .ant-spin-container .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.homeClass .home-body {
  height: 100%;
  overflow: hidden;
}
.homeClass .ant-table-placeholder {
  display: none;
}
.homeClass .ant-table-thead .ant-checkbox-disabled .ant-checkbox-inner {
  cursor: not-allowed;
}
.homeClass .advBanner:hover {
  background: #fafafa;
}
.homeClass .home-upload-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.homeClass .home-upload-btn .home-upload-text {
  font-size: 16px;
  color: #878999;
}
.homeClass .home-upload-btn .home-upload-text-bold {
  font-weight: bold;
  color: #1B1F35;
}
.homeClass .home-upload-btn .home-upload-text-or {
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  margin: 16px 0 20px 0;
}
.homeClass .home-upload-btn .home-upload-icon {
  font-size: 16px;
  color: #FFFFFF;
  margin-right: 2px;
}
.homeClass .home-upload-btn-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  font-size: 14px;
}
.homeClass .home-upload-btn-text .upload-text-button {
  color: #3C80FF;
  cursor: pointer;
}
.homeClass .home-upload-btn-text .upload-text-button:hover {
  color: #66A1FF;
}
.icon-list-wrap {
  display: none;
  color: #1B1F35;
  font-size: 16px;
}
.ant-table-cell-row-hover .icon-list-wrap {
  display: block;
}
.ant-table-cell-row-hover .hover-visible {
  visibility: visible;
}
strong {
  color: #3C80FF;
  font-weight: 400;
}
.duplicate-clean {
  position: fixed;
  width: 500px;
  height: 80px;
  left: 50%;
  bottom: 50px;
  margin-left: -148px;
  background: url(..//img/filecleanup_prompt_banner.660feb9f.png) no-repeat center;
  background-size: cover;
  box-shadow: 0 4px 13px 0 rgba(212, 212, 212, 0.5);
}
.duplicate-clean-content {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
}
.duplicate-clean-close {
  width: 20px;
  height: 20px;
  right: 8px;
  top: 8px;
  cursor: pointer;
  position: absolute;
}
.permanent-vip-tips {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.permanent-vip-tips-space {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
}
.permanent-vip-tips-text {
  font-weight: 400;
  font-size: 14px;
  color: #9BA0AD;
  line-height: 16px;
}
.permanent-vip-tips-rule {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.permanent-vip-tips-rule-text {
  font-weight: 400;
  font-size: 14px;
  color: #9BA0AD;
  line-height: 16px;
}
.permanent-vip-tips-rule svg {
  color: #9BA0AD;
  font-size: 16px;
  margin-left: 2px;
  margin-right: 20px !important;
}
.permanent-vip-tips-rule:hover .permanent-vip-tips-rule-text {
  color: #597DFC;
}
.permanent-vip-tips-rule:hover svg {
  color: #597DFC;
}
.table-list-file-name {
  font-weight: 400;
  width: 100%;
  font-size: 14px;
  color: #1B1F35;
  line-height: 16px;
  height: 56px;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-direction: row;
}
.table-list-file-name .file-icon-wrapper {
  width: 32px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-list-file-name .file-name-wrapper {
  flex: 1;
  min-width: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.table-list-file-time {
  font-weight: 400;
  font-size: 13px;
  color: #BBBDC9;
  line-height: 32px;
}
.table-list-file-size {
  font-weight: 400;
  font-size: 13px;
  color: #BBBDC9;
  line-height: 32px;
}
.root-jump {
  color: #3C80FF;
  font-size: 14px;
  cursor: pointer;
}
.Home-OffLineTest-test {
  color: #BBBDC9;
  font-size: 13px;
}
.upload-space-tips-text {
  text-decoration: underline;
  color: #3C80FF;
  margin-left: 5px;
  cursor: pointer;
}

.page-about-us {
  background: #F5F6F7;
  overflow: auto;
  height: 100vh;
}
.page-about-us .top-nav {
  height: 65px;
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.page-about-us-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.page-about-us-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.page-about-us ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.page-about-us header {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #FFFFFF;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.page-about-us header > div {
  height: 60px;
  line-height: 60px;
  color: #3A4056;
  font-size: 20px;
  margin: 10px auto;
  width: 1200px;
}
.page-about-us header > div > img {
  width: 98px;
  margin: 0 10px 0 0;
  cursor: pointer;
}
.page-about-us .about-intro {
  width: 1200px;
  margin: 0 auto;
  padding: 60px 128px;
}
.page-about-us .about-intro h1 {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
  text-align: center;
  margin-bottom: 16px;
  margin-top: 0;
}
.page-about-us .about-intro .about-content {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-text);
  text-align: justify;
  white-space: pre-wrap;
  word-break: break-all;
  margin: 0 auto;
  max-width: 1024px;
  line-height: 24px;
}
.page-about-us-biz {
  width: 1200px;
  margin: 16px auto 0 auto;
  padding: 60px 40px 40px 40px;
  border-radius: 16px;
  border: 1px solid #FFF;
  background: #ffffff;
}
.page-about-us-biz.second {
  margin-top: 24px;
}
.page-about-us-biz h2 {
  font-size: 24px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 8px 0;
  color: #1B1F35;
}
.page-about-us-biz h2 img {
  height: 19.25px;
  margin: 5px;
}
.page-about-us-biz h2 img:last-child {
  transform: scaleX(-1);
}
.page-about-us .category {
  margin: 40px 0;
}
.page-about-us .category .category-title {
  font-size: 20px;
  margin: 20px 0;
}
.page-about-us .showcase-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px;
  padding: 0 20px;
}
.page-about-us .showcase-list .case-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  width: 260px;
  height: 222px;
  color: #7B808F;
  border-radius: 12px 12px 12px 12px;
  transition: transform 0.5s ease;
  transform-origin: center;
}
.page-about-us .showcase-list .case-item .ant-image-mask {
  opacity: 0;
}
.page-about-us .showcase-list .case-item:hover {
  background: #F5F6F7;
}
.page-about-us .showcase-list .case-item img {
  width: 100%;
}
.page-about-us .showcase-list .case-item > p {
  font-size: 14px;
  color: #5E6278;
  margin-top: 12px;
  margin-bottom: 0;
}
.page-about-us .category:nth-of-type(2) .showcase-list .case-item {
  width: 260px;
  border-radius: 12px 12px 12px 12px;
}
.page-about-us .category:nth-of-type(2) .showcase-list .case-item .case-item-img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 188px;
  height: 128px;
}
.page-about-us .category:nth-of-type(2) .showcase-list .case-item img {
  max-width: 188px;
}
.page-about-us .category:nth-of-type(2) .showcase-list .case-item:last-child {
  letter-spacing: -0.5px;
}
.page-about-us .page-about-us-biz:nth-of-type(2) .category:nth-of-type(2) .showcase-list .case-item:nth-child(13) > p {
  width: 105%;
}
.page-about-us-tools--preview-list {
  background: #141414;
  border-radius: 100px 100px 100px 100px;
  display: flex;
  flex-direction: row;
  gap: 27px;
  padding: 21px 53px;
}
.page-about-us-tools--preview-list .icon {
  font-size: 16px;
  color: white;
  cursor: pointer;
}
.page-about-us-preview-group-preview-progress {
  display: none;
}
.page-about-us-preview-group-preview-wrap {
  background: rgba(0, 0, 0, 0.8);
}
.page-about-us-preview-group-preview-switch-left {
  display: none !important;
}
.page-about-us-preview-group-preview-switch-right {
  display: none !important;
}
.page-about-us-preview-group-preview-close {
  background-color: transparent !important;
}

.after-sale-page-web {
  background: #f8f9fc;
}
.after-sale-page-web .ant-select-outlined:not(.ant-select-customize-input) .ant-select-selector {
  border: 1px solid #F5F6F7;
  background: #F5F6F7;
}
.after-sale-page-web-header {
  height: 65px;
  background: #ffffff;
}
.after-sale-page-web-container-inner {
  overflow: auto;
  height: 100%;
  padding: 0 40px;
}
.after-sale-page-web-container-content {
  background: #ffffff;
  border-radius: 16px;
  width: 480px;
  padding: 32px 0;
  margin: 96px auto 78px auto;
  height: 652px;
  box-sizing: border-box;
}
.after-sale-page-web-container-content-title {
  height: 24px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
}
.after-sale-page-web-footer {
  display: flex;
  justify-content: center;
  margin-top: 78px;
  margin-bottom: 40px;
}
.after-sale-page-web-customerService {
  position: fixed;
  right: 24px;
  bottom: 120px;
  z-index: 2;
}

.agreement-content {
  width: 1200px;
  overflow-y: auto;
  background: #fff;
  padding: 32px 40px;
  margin: 0 auto;
  border-radius: 16px;
}
.agreement-content-bottom {
  margin-bottom: 24px;
}
.agreement-app {
  width: 100vw !important;
  box-sizing: border-box;
  background: #fff;
  padding: 20px 30px;
  overflow-wrap: break-word;
}
.agreement-pc {
  width: calc(100vw - 38px);
  margin: 0 16px;
  box-sizing: border-box;
}
.renew-h6 p {
  font-size: 14px;
}
.member-agreement,
.renew-agreement {
  background: #f5f6f7;
  height: 100vh;
  overflow: auto;
}
.member-agreement a,
.renew-agreement a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.member-agreement a:hover,
.renew-agreement a:hover {
  color: var(--mfy-color-primary-hover);
}
.member-agreement a:active,
.renew-agreement a:active {
  color: var(--mfy-color-primary-active);
}
.member-agreement .top-nav,
.renew-agreement .top-nav {
  top: 0;
  z-index: 99;
  position: sticky;
  background: #FFFFFF;
}
.member-agreement-title,
.renew-agreement-title {
  display: flex;
  flex-direction: column;
  height: 196px;
  align-items: center;
  justify-content: center;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
}
.member-agreement-title-pc,
.renew-agreement-title-pc {
  font-size: 24px;
  height: 132px;
}
.member-agreement p,
.renew-agreement p {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  font-style: normal;
  line-height: 200%;
}
.member-agreement strong,
.renew-agreement strong {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
}
.member-agreement h2,
.renew-agreement h2 {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
.member-agreement h3,
.renew-agreement h3 {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
}
.member-agreement h3 .border-bottom,
.renew-agreement h3 .border-bottom {
  width: 100%;
  height: 1px;
  background: #edeef0;
}

.appeal-center {
  background: #f8f9fc;
  overflow-y: hidden;
}
.appeal-center .ant-form-item-label {
  display: flex;
  align-items: center;
}
.appeal-center .ant-form-item-label label {
  color: #878999 !important;
}
.appeal-center-header {
  height: 65px;
  background: #ffffff;
}
.appeal-center-container {
  padding-top: 96px;
  box-sizing: border-box;
}
.appeal-center-form {
  width: 480px !important;
  background: #ffffff;
  margin: 0 auto !important;
  padding: 32px 40px 8px !important;
  border-radius: 16px 16px 16px 16px !important;
}
.appeal-center-title {
  font-family: var(--mfy-font-family);
  height: 24px;
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
  line-height: 24px;
  text-align: left;
  margin-bottom: 24px;
}
.appeal-center-button {
  width: 100%;
  margin: 0 auto;
  border-radius: 21px;
  display: block;
}
.appeal-center-footer {
  display: flex;
  justify-content: center;
  margin-top: 232px;
  margin-bottom: 40px;
}
.appeal-center-description {
  margin-bottom: 48px !important;
}
.appeal-center-customerService {
  position: fixed;
  right: 24px;
  bottom: 120px;
  z-index: 2;
}

.assisted-migration {
  height: 100%;
}
.assisted-migration-web-container .tool-common-layout {
  padding-right: 56px;
}
.assisted-migration-web-container .tool-common-info-section-module-title {
  font-size: var(--mfy-font-size-new-16);
}
.assisted-migration-web-container .assisted-migration-container-record__title {
  font-size: var(--mfy-font-size-new-16);
}
.assisted-migration-container {
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.assisted-migration-container .ant-select-selection-item {
  color: #3a4056;
}
.assisted-migration-container .ant-form-item-label > label {
  margin-right: 12px;
  color: #7b808f;
}
.assisted-migration-container .ant-form-item-label > label::after {
  display: none;
}
.assisted-migration-container .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-radius: 6px;
  border: 1px solid #eaeaea;
}
.assisted-migration-container .ant-btn-primary[disabled],
.assisted-migration-container .ant-btn-primary[disabled]:hover,
.assisted-migration-container .ant-btn-primary[disabled]:focus,
.assisted-migration-container .ant-btn-primary[disabled]:active {
  color: #ffffff;
  border-color: rgba(89, 125, 252, 0.5);
  background: rgba(89, 125, 252, 0.5);
}
.assisted-migration-container .special-from-line {
  margin-bottom: 0;
}
.assisted-migration-container .special-from-line .ant-form-item-control-input-content {
  display: flex;
  justify-content: end;
}
.assisted-migration-container .ant-empty {
  line-height: 1;
}
.assisted-migration-container .ant-table-thead > tr > th,
.assisted-migration-container .ant-table-tbody > tr > td,
.assisted-migration-container .ant-table tfoot > tr > th,
.assisted-migration-container .ant-table tfoot > tr > td {
  padding: 11px 24px;
}
.assisted-migration-container .ant-table-thead > tr > th {
  background: #f8f9fc;
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
}
.assisted-migration-container-header {
  height: 36px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.assisted-migration-container-header--icon {
  color: #7b808f;
  font-size: 20px;
  margin-right: 12px;
}
.assisted-migration-container-header--text {
  color: var(--mfy-color-text);
  padding-left: 12px;
  border-left: 1px solid #edeff3;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
}
.assisted-migration-container-record {
  padding: 16px;
  border-radius: 8px;
  margin-top: 18px;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.assisted-migration-container-record-empty-wrapper {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
}
.assisted-migration-container-record__title {
  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: 16px;
  margin-bottom: 16px;
  position: relative;
}
.assisted-migration-container-record__title::after {
  content: "";
  position: absolute;
  left: -16px;
  bottom: -16px;
  width: calc(100% + 32px);
  height: 1px;
  background-color: #f5f6f7;
}
.assisted-migration-container-record__status {
  font-weight: 400;
  font-size: 14px;
  color: #9ba0ad;
  line-height: 16px;
}
.assisted-migration-container-record__status.reject {
  color: #ff6c6c;
}
.assisted-migration-container-record__status-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}
.assisted-migration-container-record__error-icon {
  color: #f64e60;
}
.assisted-migration-container-info-section-gap {
  margin-top: 16px;
}
.assisted-migration-container-info-section-white-block {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
}
.assisted-migration-container-rights {
  padding: 14px 12px;
}
.assisted-migration-container-rights-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 4px;
}
.assisted-migration-container-rights-item-icon {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.assisted-migration-container-rights-item:last-child {
  margin-bottom: 0;
}
.assisted-migration-container-process {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 27px;
}
.assisted-migration-container-process-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.assisted-migration-container-process-number {
  width: 20px;
  height: 20px;
  background-color: #f0f8ff;
  color: var(--mfy-color-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 10px;
  z-index: 1;
}
.assisted-migration-container-process-text {
  font-size: 14px;
  color: #3a4056;
  white-space: nowrap;
}
.assisted-migration-container-process-line {
  width: 258px;
  height: 1px;
  margin: 0 8px;
  display: inline-block;
  position: relative;
  top: -12px;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIzIiBoZWlnaHQ9IjEiIHZpZXdCb3g9IjAgMCAyMjMgMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSAwLjVIMjIxLjk2MSIgc3Ryb2tlPSJ1cmwoI3BhaW50MF9saW5lYXJfNjE0XzI3NzA5KSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtZGFzaGFycmF5PSIzIDUiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl82MTRfMjc3MDkiIHgxPSIwLjUiIHkxPSIxIiB4Mj0iMjIxLjk2MSIgeTI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzNDODBGRiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KPHN0b3Agb2Zmc2V0PSIwLjUwMDk0MiIgc3RvcC1jb2xvcj0iIzNDODBGRiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjM0M4MEZGIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=) no-repeat;
  /* Apply the exact gradient requested */
}
.assisted-migration-container-migrate-modal__label {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}
.assisted-migration-container-migrate-modal__label::before {
  display: inline-block;
  margin-right: 4px;
  color: var(--mfy-color-danger);
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
.assisted-migration-container-migrate-modal__tips {
  margin-top: 20px;
  color: var(--mfy-color-new-secondary-describe-text);
  font-size: var(--mfy-font-size-new-12);
}
.assisted-migration-container-migrate-modal__footer {
  margin-top: 24px;
  display: flex;
  justify-content: flex-end;
}
.assisted-migration-container-migrate-modal__footer .ant-btn {
  height: 36px !important;
  border-radius: 6px !important;
}
.assisted-migration-container-migrate-modal__footer .ant-btn:not(:first-child) {
  margin-left: 12px;
}
.tool-common-info-section {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  width: 100%;
}
.tool-common-info-section-module {
  flex: 1;
  min-width: 300px;
  overflow: hidden;
}
.tool-common-info-section-two-columns {
  display: flex;
  justify-content: space-between;
}
.tool-common-info-section-two-columns .tool-common-info-section-module {
  flex-basis: calc(50% - 12px);
  min-width: 300px;
  max-width: calc(50% - 12px);
  overflow: hidden;
  word-wrap: break-word;
}
@media (max-width: 1600px) {
  .tool-common-info-section-two-columns .tool-common-info-section-module {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.automatic-backup-container {
  padding: 20px 24px 24px 24px;
  background: white;
  min-height: 100vh;
  border-left: 1px solid #F5F6F7;
}
.automatic-backup-container .backup-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.automatic-backup-container .empty-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 300px);
}

.ban-web {
  background: #f8f9fc;
}
.ban-web .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px auto;
}
.ban-web .ant-table-cell {
  color: #bbbdc9 !important;
}
.ban-web-web-header {
  height: 65px;
  background: #ffffff;
}
.ban-web-content {
  background: #ffffff;
  border-radius: 16px;
  width: 1200px;
  padding: 32px 40px;
  margin: 16px auto 0 auto;
}
.ban-web-content-container {
  min-height: 748px;
}
.ban-web-content .ant-table-thead > tr > th {
  height: 56px !important;
  background: #fafafa !important;
  font-size: 14px !important;
  color: #878999 !important;
}
.ban-web-content .ant-table-tbody > tr > td {
  height: 56px !important;
}
.ban-web-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 592px;
}
.ban-web-empty-img {
  width: 148px;
  height: 148px;
  margin-bottom: 2px;
}
.ban-web-empty-text {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  line-height: 18px;
}
.ban-web-table-link {
  white-space: wrap;
  width: 100%;
  display: block;
}
.ban-web-table-fileName {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
}
.ban-web-table-title {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.ban-web-footer {
  margin: 74px 0 40px;
  display: flex;
  justify-content: center;
}
.ban-web-customerService {
  position: fixed;
  right: 24px;
  bottom: 120px;
  z-index: 2;
}

.ban-details {
  background: #f8f9fc;
  height: 100vh;
}
.ban-details-container-phone {
  height: 100%;
  overflow: hidden;
}
.ban-details-container-phone .pullup-tips {
  padding: 20px;
  text-align: center;
  color: var(--mfy-label-color);
}
.ban-details-container-phone-list {
  padding: 12px 19px;
}
.ban-details-container-phone-list--item {
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  margin-bottom: 16px;
}
.ban-details-container-phone-list--item:last-child {
  margin-bottom: 0;
}
.ban-details-container-phone-list--item__header {
  display: flex;
  flex-direction: row;
  height: 47px;
  align-items: center;
  background: #f4f6fb;
  justify-content: space-between;
  padding: 0 12px;
}
.ban-details-container-phone-list--item__header--title {
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
  font-size: 15px;
  color: #3a4056;
  line-height: 23px;
}
.ban-details-container-phone-list--item__header--desc {
  font-weight: 400;
  font-size: 12px;
  color: #7b808f;
  line-height: 18px;
}
.ban-details-container-phone-list--item__content {
  padding: 12px;
}
.ban-details-container-phone-list--item__content--text {
  width: 311px;
  font-weight: 400;
  font-size: 14px;
  color: #3a4056;
  line-height: 21px;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  word-break: break-all;
}
.ban-details-container-phone-list--item__content--text:last-child {
  margin-bottom: 0;
}

.mfy-certificate {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
}
.mfy-certificate-header {
  position: sticky;
  background: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
}
.mfy-certificate-content {
  flex-direction: column;
  display: flex;
  padding: 0 20px 34px;
  height: calc(100vh - 68px);
  box-sizing: border-box;
}
.mfy-certificate-content-wrap {
  flex-grow: 1;
}
.mfy-certificate-content-form {
  border-radius: 8px;
  background: #FFFFFF;
  margin-bottom: 24px;
  padding: 0 12px;
}
.mfy-certificate-content-form-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 52px;
}
.mfy-certificate-content-form-label {
  font-size: var(--mfy-font-size-6);
  flex: 1;
  color: var(--mfy-label-color);
}
.mfy-certificate-content-form-main {
  width: 60%;
}
.mfy-certificate-content-form-error {
  display: flex;
  justify-content: flex-end;
}
.mfy-certificate-content-form-error-desc {
  width: 60%;
  font-size: var(--mfy-font-size-4);
  color: var(--mfy-color-danger);
  margin-bottom: 2px;
}
.mfy-certificate-content-submit {
  display: flex;
  justify-content: flex-end;
}
.mfy-certificate-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mfy-certificate-modal__desc {
  color: var(--mfy-label-color);
  font-size: var(--mfy-font-size-6);
  text-align: center;
  margin-bottom: 8px;
}
.mfy-certificate-modal__tip {
  color: var(--mfy-color-primary);
  font-size: var(--mfy-font-size-6);
}
.mfy-certificate-modal__qrcode {
  margin: 0 auto 8px;
}
.mfy-certificate-modal__text {
  color: var(--mfy-color-text);
  font-size: var(--mfy-font-size-6);
  margin-bottom: 24px;
}
.web-platform-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #FFFFFF;
}
.web-platform-wrap .web-platform {
  width: 436px;
  background: #F4F6FB;
}
.ant-modal-header {
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.ant-modal-content {
  border-radius: 8px;
}

.contact-us {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.contact-us .top-nav {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #FFFFFF;
}
.contact-us-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.contact-us-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.contact-us .contact-content {
  display: flex;
  padding-top: 96px;
  flex-direction: column;
  background: #F5F6F7;
  flex: 1;
}
.contact-us .contact-content-center {
  flex: 1;
  display: flex;
  flex-direction: row;
  width: 1280px;
  justify-content: space-between;
  margin: 0 auto;
  gap: 24px;
}
.contact-us .contact-content-center__card {
  padding: 40px;
  border-radius: 16px;
  background: white;
  width: 628px;
  transition: all ease-in 50ms;
  height: 269px;
}
.contact-us .contact-content-center__card__title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-16);
  font-style: normal;
  font-weight: var(--mfy-font-width-new-bold);
  line-height: normal;
  margin-bottom: 24px;
}
.contact-us .contact-content-center__card__desc {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 6px;
}
.contact-us .contact-content-center__card__desc--text {
  color: var(--mfy-color-new-main-text);
  font-size: var(--mfy-font-size-new-14);
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}
.contact-us .contact-content-center__card__desc--text-margin {
  margin-bottom: 16px;
}
.contact-us .contact-content-center__card__desc--label {
  color: var(--mfy-color-new-describe-text);
  width: 92px;
  display: inline-block;
}

.copy-right {
  background: var(---, #F5F6F7);
  overflow: auto;
  height: 100vh;
}
.copy-right a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.copy-right a:hover {
  color: var(--mfy-color-primary-hover);
}
.copy-right a:active {
  color: var(--mfy-color-primary-active);
}
.copy-right .top-nav {
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.copy-right-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.copy-right-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.copy-right-content {
  background: var(---, #F5F6F7);
}
.copy-right-content--title {
  display: flex;
  flex-direction: column;
  height: 196px;
  align-items: center;
  justify-content: center;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
}
.copy-right-content--tabContent {
  width: 1184px;
  padding: 32px 40px;
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
  margin: 0 auto;
  min-height: 264px;
}
.copy-right-content--tabContent__title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 24px;
  /* 24px */
  margin-bottom: 16px;
}
.copy-right-content--tabContent__subTitle {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 24px;
  /* 25.2px */
}
.copy-right-content--tabContent__subContent {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  font-style: normal;
  line-height: 24px;
  margin-bottom: 24px;
}
.copy-right-pc .copy-right-content--title {
  font-size: 24px;
  height: 132px;
}
.copy-right-pc .copy-right-content--tabContent {
  width: calc(100vw - 38px);
  margin: 0 16px;
  box-sizing: border-box;
}

.developer-tools-container {
  padding-left: 8px;
  height: 100%;
  overflow: auto;
}
.developer-tools-container__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.developer-tools-container__content-row-title {
  color: var(--mfy-color-new-secondary-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}
.developer-tools-container__content-row-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.developer-tools-container__content-row-list--item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 24px;
  height: 78px;
  gap: 12px;
  border-radius: 12px;
  background: #FAFAFA;
  cursor: pointer;
  min-width: 212px;
  max-width: 236px;
  width: clamp(212px, calc(212px + (48 * ((100vw - 1200px) / 720))), 236px);
  position: relative;
}
.developer-tools-container__content-row-list--item__icon {
  width: 42px;
  height: 42px;
}
.developer-tools-container__content-row-list--item__title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 14px;
  white-space: nowrap;
}
.developer-tools-container-hot--label {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  line-height: 22px;
  padding: 0px 6px;
  background: linear-gradient(122deg, #FC602F 1%, #FFC28A 100%);
  border-radius: 8px 8px 0px 8px;
  font-size: 12px;
  color: #FFFFFF;
}
.developer-tools-pc-container .developer-tools-container__content-row-list--item__icon {
  width: 40px;
  height: 40px;
}

.download-item {
  background: #FFFFFF;
  border-radius: 24px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 1px 1px 0 rgba(0, 16, 115, 0.1);
  padding: 74.5px 169px;
  position: relative;
  overflow: hidden;
}
.download-item .default-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.3s ease;
}
.download-item .default-content .default-icon {
  font-size: 72px;
}
.download-item .default-content .default-icon-harmony-os {
  font-size: 188px;
  height: 60px;
}
.download-item .default-content .text {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
  line-height: 19px;
  text-align: center;
  font-family: var(--mfy-font-family);
  margin-top: 20px;
}
.download-item .default-content .text-harmony-os {
  margin-top: 25px;
}
.download-item .hover-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.download-item .hover-content .content-wrapper {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 20px 0;
  gap: 12px;
}
.download-item .hover-content .qr-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.download-item .hover-content .qr-box .qr-code {
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
  background: #FAFAFA;
  border-radius: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.download-item .hover-content .qr-box .qr-code img {
  width: 109px;
  height: 109px;
}
.download-item .hover-content .qr-box .qr-code-wechat {
  width: 120px;
  height: 120px;
  margin-bottom: 12px;
  background: white;
  border-radius: 6px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.download-item .hover-content .qr-box .qr-code-wechat img {
  width: 120px;
  height: 120px;
}
.download-item .hover-content .qr-box .qr-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  text-align: center;
}
.download-item .hover-content .download-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.download-item .hover-content .download-box .download-icon-wrapper {
  display: flex;
  width: 120px;
  height: 120px;
  background: #FAFAFA;
  border-radius: 12px;
  align-items: center;
  justify-content: center;
}
.download-item .hover-content .download-box .download-icon {
  font-size: 40px;
  color: var(--mfy-color-primary);
}
.download-item .hover-content .download-box .download-text {
  font-size: 14px;
  color: var(--mfy-color-new-main-text);
  text-align: center;
  margin-top: 12px;
}
.download-item .hover-content .version-info {
  width: 100%;
  padding: 10px;
  border-radius: 0 0 12px 12px;
}
.download-item .hover-content .version-info .version {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  margin-bottom: 4px;
}
.download-item .hover-content .version-info .system-version {
  font-size: var(--mfy-font-size-new-12);
  color: var(--mfy-color-new-secondary-describe-text);
  margin-bottom: 22px;
}
.download-item:hover {
  box-shadow: 0 4px 50px 0 rgba(181, 198, 217, 0.25);
}
.download-item:hover .default-content {
  opacity: 0;
}
.download-item:hover .hover-content {
  opacity: 1;
}
.download-item-four {
  padding: 74.5px 115px;
}
.download-item-harmony-os {
  padding: 86px 57px 63px 57px;
}

.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;
}

.downPage {
  padding: 0;
  overflow: auto;
  height: 100vh;
}
.downPage .down_background {
  padding-top: 78px;
  padding-bottom: 90px;
  background: url(..//img/download_page_background.a12c7d81.png), linear-gradient(180deg, #DEEDFC 0%, #FCFCFF 96%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.downPage .down_title {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 48px;
  color: #131628;
  line-height: 56px;
  text-align: center;
  margin-bottom: 0;
}
.downPage .down_txt {
  font-size: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #3C3F52;
  line-height: 19px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.downPage .down_info_txt {
  font-size: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #878999;
  line-height: 19px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 60px;
}
.downPage .download-grid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.downPage .download-grid {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
.downPage-footer {
  background: var(--mfy-color-white);
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}

.clean-file-screen {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.clean-file-screen-banner {
  width: 2720px;
  height: 1088px;
  background: url(..//img/clean_banner_pic.165a8956.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(calc(-50% - 58px));
}
.clean-file-screen .common-title {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
  line-height: 16px;
}
.clean-file-screen-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: bold;
  font-size: 46px;
  line-height: 59px;
  color: #3a4056;
  justify-content: center;
  margin-top: 48px;
  height: 37px;
}
.clean-file-screen-title-text {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 28px;
  color: #1b1f35;
}
.clean-file-screen-title-member {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 28px;
  color: #f9a400;
  margin-left: 4px;
  margin-right: 4px;
}
.clean-file-screen-content {
  position: relative;
  width: 100%;
  margin-top: 48px;
  padding-top: 32px;
  border-radius: 16px;
  background: var(--mfy-color-white);
  flex: 1;
  margin-bottom: 48px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.clean-file-screen-content--header {
  height: 56px;
  padding-left: 47px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 10px;
}
.clean-file-screen-content--subHeader {
  display: flex;
  align-items: center;
  gap: 16px;
}
.clean-file-screen-content--subHeader-check {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
}
.clean-file-screen-content--subHeader-cancel {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c80ff;
  cursor: pointer;
}
.clean-file-screen-content-remove {
  position: relative;
}
.clean-file-screen-content-vip {
  position: absolute;
  width: 30px;
  height: 16px;
  right: -1px;
  top: -9px;
}
.clean-file-screen-content-modalVip {
  position: relative;
  width: 30px;
  height: 16px;
  right: -4px;
  top: 3px;
}
.clean-file-screen-content-file {
  position: relative;
  padding: 0 40px 0 24px;
  flex: 1;
  min-height: 0;
}
.clean-file-screen-content-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 0;
  position: relative;
}
.clean-file-screen-content-title-border {
  border-bottom: 1px solid #f4f4f4;
  position: absolute;
  left: 17px;
  bottom: 0;
  width: calc(100% - 24px);
}
.clean-file-screen-content-title-nameHeader {
  width: 388px;
  text-align: left;
  padding-left: 58px;
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
  line-height: 16px;
}
.clean-file-screen-content-title-sizeHeader {
  width: 140px;
  text-align: left;
  padding-left: 24px;
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
  line-height: 16px;
}
.clean-file-screen-content-title-pathHeader {
  width: 360px;
  text-align: left;
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
  line-height: 16px;
}
.clean-file-screen-content-title-timeHeader {
  flex: 1;
  text-align: left;
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #7e8299;
  line-height: 16px;
}
.clean-file-screen-content-list {
  overflow-y: scroll;
  scroll-behavior: smooth;
  overflow-x: visible;
  padding-left: 16px;
  height: calc(100% - 32px);
}
.clean-file-screen-content-list::-webkit-scrollbar {
  width: 6px;
  cursor: pointer;
  border-radius: 12px 12px 12px 12px;
}
.clean-file-screen-content-list::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #edeef0;
  border-radius: 12px 12px 12px 12px;
}
.clean-file-screen-content-list-group {
  position: relative;
}
.clean-file-screen-content-list-group-line {
  position: absolute;
  height: calc(100% - 56px);
  top: 26px;
  left: -16px;
  width: 16px;
  border-radius: 4px 0 0 4px;
  border: 1px solid #d9d9d9;
  border-right: 0;
}
.clean-file-screen-content-list-group-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
.clean-file-screen-content-list-group-item:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 8px 8px 8px 8px;
}
.clean-file-screen-content-list-group-item.checked {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 8px 8px 8px 8px;
}
.clean-file-screen-content-list-group-item--check {
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 38px;
}
.clean-file-screen-content-list-group-item--name {
  width: 385px;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clean-file-screen-content-list-group-item--file {
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 20px;
  height: 20px;
  font-family: var(--mfy-font-family);
}
.clean-file-screen-content-list-group-item--size {
  width: 140px;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 24px;
  box-sizing: border-box;
}
.clean-file-screen-content-list-group-item--path {
  width: 360px;
  height: 56px;
  line-height: 56px;
  text-align: left;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 24px;
  box-sizing: border-box;
}
.clean-file-screen-content-list-group-item--time {
  flex: 1;
  padding-left: 24px;
  box-sizing: border-box;
  height: 56px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clean-file-screen-content-footer {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  line-height: 18px;
  text-align: center;
  font-style: normal;
  text-transform: none;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
}

.scan-screen {
  position: relative;
  height: 100vh;
}
.scan-screen-banner {
  width: 2720px;
  height: 1088px;
  background: url(..//img/clean_banner_pic.165a8956.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(calc(-50% - 58px));
}
.scan-screen-scan {
  width: 300px;
  height: 300px;
  position: absolute;
  top: 163px;
  left: 50%;
  transform: translateX(-50%);
}
.scan-screen-scanBg {
  width: 100%;
  height: 100%;
}
.scan-screen-barContainer {
  width: 198px;
  height: 192px;
  position: absolute;
  top: 54px;
  left: 51px;
  overflow: hidden;
  border-radius: 16px;
}
.scan-screen-barBox {
  animation: scanUpDown 3.5s ease-in-out infinite;
  width: calc(100% - 6px);
  height: 24px;
  position: absolute;
  top: -24px;
  left: 3px;
}
.scan-screen-barBg {
  width: 100%;
  height: 100%;
  animation: rotate 3.5s ease-in-out infinite;
}
.scan-screen-percentage {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  height: 48px;
  line-height: 42px;
  align-items: baseline;
}
.scan-screen-percentage-value {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 36px;
  color: #3c80ff;
}
.scan-screen-percentage-unit {
  height: 21px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 16px;
  color: #3c80ff;
  line-height: 19px;
}
.scan-screen-buttons {
  position: absolute;
  top: 496px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}
.scan-screen-buttons-left {
  width: 206px;
  height: 70px;
  background: var(--mfy-color-white);
  border-radius: 35px 35px 35px 35px;
  border: 1px solid #eff4f9;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 20px;
  color: #3c3f52;
  text-align: center;
  line-height: 70px;
  cursor: pointer;
}
.scan-screen-buttons-left:hover {
  background: rgba(182, 186, 195, 0.1);
}
.scan-screen-buttons-left:active {
  background: rgba(182, 186, 195, 0.15);
}
.scan-screen-buttons-right {
  width: 206px;
  background: #3c80ff;
  border-radius: 35px 35px 35px 35px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 20px;
  color: var(--mfy-color-white);
  text-align: center;
  height: 70px;
  line-height: 70px;
  cursor: pointer;
}
.scan-screen-buttons-right:hover {
  background: #66a1ff;
}
.scan-screen-buttons-right:active {
  background: #2961d9;
}
.scan-screen-tips {
  position: absolute;
  top: 90px;
  left: 50%;
  transform: translateX(-50%);
  height: 37px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 28px;
  color: #1b1f35;
  line-height: 37px;
  text-align: center;
}
@keyframes scanUpDown {
  0% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(218px);
  }
  49.99% {
    transform: translateY(218px);
  }
  50% {
    transform: translateY(218px);
  }
  50.01% {
    transform: translateY(218px);
  }
  90% {
    transform: translateY(0);
  }
  90.01% {
    transform: translateY(0);
  }
  99.99% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(180deg);
  }
  40% {
    transform: rotate(180deg);
  }
  49.99% {
    transform: rotate(180deg);
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: rotate(0deg);
  }
  50.01% {
    opacity: 1;
    transform: rotate(0deg);
  }
  90% {
    transform: rotate(0deg);
    opacity: 1;
  }
  90.01% {
    transform: rotate(0deg);
    opacity: 0;
  }
  99.99% {
    opacity: 0;
    transform: rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(180deg);
  }
}

.welcome-guide {
  margin: auto;
  position: relative;
}
.welcome-guide-container {
  height: 100%;
}
.welcome-guide-border {
  position: absolute;
  top: 657px;
  width: 100vw;
  z-index: 1;
  height: 206px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 0px 0px 0px 0px;
  border: 2px solid;
  border-image: linear-gradient(90deg, rgba(255, 255, 255, 0.22), #ffffff, #ffffff, rgba(255, 255, 255, 0.35)) 2 2;
}
.welcome-guide-banner {
  width: 2720px;
  height: 1088px;
  background: url(..//img/clean_banner_pic.165a8956.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(calc(-50% - 58px));
}
.welcome-guide-banner-title {
  height: 53px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 36px;
  color: #1b1f35;
  line-height: 53px;
  position: absolute;
  top: 108px;
  left: 80px;
  z-index: 1;
}
.welcome-guide-banner-left {
  width: 419px;
  height: 70px;
  position: absolute;
  top: 103px;
  left: 195px;
}
.welcome-guide-banner-right {
  width: 760px;
  height: 569px;
  position: absolute;
  top: 120px;
  left: 501px;
}
.welcome-guide-banner-right.electron {
  top: 45px;
  left: 400px;
}
.welcome-guide-top-title {
  margin-top: 108px;
  text-align: center;
  color: var(---1, #3a4056);
  font-size: 50px;
  font-weight: 800;
  margin-bottom: 72px;
}
.welcome-guide-content {
  display: flex;
  width: 1040px;
  height: 60px;
  position: absolute;
  top: 498px;
  left: 80px;
  z-index: 1;
}
.welcome-guide-content-item {
  flex-shrink: 0;
  position: relative;
  display: flex;
  margin-right: 80px;
}
.welcome-guide-content-item--banner {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}
.welcome-guide-content-item--right {
  height: 100%;
  padding-top: 9px;
  box-sizing: border-box;
}
.welcome-guide-content-item--title {
  font-family: var(--mfy-font-family);
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 14px;
  color: #1b1f35;
  line-height: 18px;
  height: 18px;
}
.welcome-guide-content-item--desc {
  margin-top: 1px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  line-height: 24px;
  height: 24px;
}
.welcome-guide-button {
  cursor: pointer;
  position: absolute;
  top: 233px;
  left: 80px;
  width: 206px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: linear-gradient(90deg, #216eff 0%, #3c80ff 100%);
  border-radius: 35px 35px 35px 35px;
  font-family: Microsoft YaHei UI;
  font-weight: bold;
  font-size: 20px;
  color: var(--mfy-color-white);
}
.welcome-guide-button:hover {
  background: linear-gradient(90deg, #3b7fff 0%, #74a5ff 100%);
}
.welcome-guide-button:active {
  background: linear-gradient(90deg, #2961d9 0%, #2571ff 100%);
}

.duplicate-file-clean {
  min-height: 100vh;
  position: relative;
  background-color: #f7fbff;
  overflow-x: hidden;
  overflow-y: hidden;
}
.duplicate-file-clean-header {
  height: 65px;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(143, 179, 213, 0.07);
  border: 1px solid #e3effa;
}
.duplicate-file-clean-header .mfy-header {
  width: 1200px !important;
}
.duplicate-file-clean-content {
  margin: 0 auto;
  width: 1200px;
}
.duplicate-file-clean-footer {
  background-color: var(--mfy-color-white);
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -100%);
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.duplicate-file-clean-customerService {
  position: fixed;
  right: 24px;
  bottom: 120px;
  z-index: 2;
}
.web {
  color: #e3effa;
  overflow-y: auto;
}
.web .duplicate-file-clean-content {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1280px;
}
.web .welcome-guide-banner-title {
  height: 53px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 40px;
  color: #1b1f35;
  line-height: 53px;
  position: absolute;
  top: 231px;
  left: 0;
  z-index: 1;
}
.web .welcome-guide-banner-left {
  width: 478px;
  height: 79px;
  position: absolute;
  top: 244px;
  left: 126px;
}
.web .welcome-guide-banner-right {
  width: 1166px;
  height: 728px;
  position: absolute;
  top: 133px;
  left: 561px;
}
.web .welcome-guide-button {
  cursor: pointer;
  position: absolute;
  top: 373px;
  left: 0;
  width: 206px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: linear-gradient(90deg, #216eff 0%, #3c80ff 100%);
  border-radius: 35px 35px 35px 35px;
  font-family: Microsoft YaHei UI;
  font-weight: bold;
  font-size: 20px;
  color: var(--mfy-color-white);
}
.web .welcome-guide-content {
  display: flex;
  width: 100%;
  height: 60px;
  position: absolute;
  top: 724px;
  left: 0;
  z-index: 1;
}
.web .welcome-guide-content-item {
  flex-shrink: 0;
  position: relative;
  display: flex;
  margin-right: 0;
}
.web .welcome-guide-content-item:first-child {
  width: 524px;
}
.web .welcome-guide-content-item:nth-child(2) {
  width: 472px;
}
.web .welcome-guide-content-item:nth-child(3) {
  flex: 1;
  min-width: 0;
}
.web .mfy-header {
  width: 1280px !important;
}
.web .welcome-guide-banner {
  width: 2720px;
  height: 1088px;
  background: url(https://statics.123pan.com/img/clean_banner_pic.42986a38.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(calc(-50% - 58px));
}

.mfy-file-preview-pdf__loaded {
  width: 184px;
  height: 40px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 90;
  background-color: transparent;
  cursor: pointer;
}
.mfy-file-preview-pdf__page {
  display: flex;
  padding: 10px 24px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: #FFFFFF;
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.05);
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 999;
  font-size: 14px;
  color: var(--mfy-color-text);
  opacity: 0;
  transition: all 1s linear;
}
.mfy-file-preview-pdf__page.show {
  opacity: 1;
}

.mobile-third-party-mount-auth-detail {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
  position: relative;
  display: flex;
  flex-direction: column;
}
.mobile-third-party-mount-auth-detail .ant-radio-checked .ant-radio-inner {
  border-color: var(--mfy-color-primary) !important;
  background-color: transparent !important;
}
.mobile-third-party-mount-auth-detail .ant-radio-checked .ant-radio-inner::after {
  background-color: var(--mfy-color-primary) !important;
  transform: scale(1) !important;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
}
.mobile-third-party-mount-auth-detail-header {
  position: sticky;
  background-color: #FFFFFF;
}
.mobile-third-party-mount-auth-detail-header-left {
  display: flex;
  gap: 4px;
}
.mobile-third-party-mount-auth-detail-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
}
.mobile-third-party-mount-auth-detail-content-background {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
  border-radius: 12px;
  background: #FFF;
}
.mobile-third-party-mount-auth-detail-content-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.mobile-third-party-mount-auth-detail-content-line-center {
  align-items: center;
}
.mobile-third-party-mount-auth-detail-content-label {
  color: #7E8299;
  font-size: var(--mfy-font-size-new-14);
  font-weight: 500;
  line-height: 20px;
  width: 56px;
  white-space: nowrap;
}
.mobile-third-party-mount-auth-detail-content-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 0 0;
  font-size: 14px;
  line-height: 22px;
  box-sizing: border-box;
  cursor: pointer;
}
.mobile-third-party-mount-auth-detail-content-name .mfy-input .mfy-input-element {
  font-size: 14px;
}
.mobile-third-party-mount-auth-detail-content-name-text {
  flex: 1;
}
.mobile-third-party-mount-auth-detail-content-name-count {
  color: #A7A9B8;
  font-size: 12px;
  line-height: 22px;
}
.mobile-third-party-mount-auth-detail-content-dir {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  line-height: 20px;
  box-sizing: border-box;
  cursor: pointer;
  min-height: 20px;
}
.mobile-third-party-mount-auth-detail-content-dir-text {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  max-height: 40px;
  overflow: hidden;
}
.mobile-third-party-mount-auth-detail-content-dir-text-android {
  display: -webkit-box;
}
.mobile-third-party-mount-auth-detail-content-dir-text-android .icon {
  margin-left: 4px;
}
.mobile-third-party-mount-auth-detail-content-dir-text .icon {
  vertical-align: middle;
  flex-shrink: 0;
}
.mobile-third-party-mount-auth-detail-content-dir .icon {
  margin-top: 0;
  color: var(--mfy-color-new-describe-text);
  flex-shrink: 0;
}
.mobile-third-party-mount-auth-detail-content-dir-right {
  margin-top: 1px !important;
}
.mobile-third-party-mount-auth-detail-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 20px 33px;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
}
.mobile-third-party-mount-auth-detail-modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  align-items: center;
  justify-content: center;
}
.mobile-third-party-mount-auth-detail-modal-title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-18);
  font-weight: 500;
  line-height: 26px;
}
.mobile-third-party-mount-auth-detail-modal-main {
  color: var(--mfy-color-new-secondary-text);
  line-height: 22px;
  letter-spacing: 0.28px;
}
.mobile-third-party-mount-auth-detail-modal-footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.mobile-third-party-mount-auth-detail {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: var(--mfy-font-size-new-14);
}
.mobile-third-party-mount-auth-detail-header {
  position: sticky;
  background-color: #FFFFFF;
}
.mobile-third-party-mount-auth-detail-header-left {
  display: flex;
  gap: 4px;
}
.mobile-third-party-mount-auth-detail-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 16px 16px 0 16px;
  justify-content: center;
  gap: 16px;
}
.mobile-third-party-mount-auth-detail-content-logo {
  width: 54px;
  height: 54px;
}
.mobile-third-party-mount-auth-detail-content-logo-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.mobile-third-party-mount-auth-detail-content-logo-text {
  color: var(--mfy-color-text-dark-bold);
  line-height: 1;
  letter-spacing: 0.5px;
}
.mobile-third-party-mount-auth-detail-content-text-wrapper {
  display: flex;
  padding: 13px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 12px;
  background: #FFF;
}
.mobile-third-party-mount-auth-detail-content-text-label {
  color: #7E8299;
  font-weight: 500;
}
.mobile-third-party-mount-auth-detail-content-text-main {
  color: var(--mfy-color-new-main-text);
}
.mobile-third-party-mount-auth-detail-content-auth-main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  flex: 1 0 0;
}
.mobile-third-party-mount-auth-detail-content-auth-date {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0;
}
.mobile-third-party-mount-auth-detail-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 20px 33px;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
}
.mobile-third-party-mount-auth-detail-modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  align-items: center;
  justify-content: center;
}
.mobile-third-party-mount-auth-detail-modal-title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-18);
  line-height: 26px;
}
.mobile-third-party-mount-auth-detail-modal-main {
  color: var(--mfy-color-new-secondary-text);
  line-height: 22px;
  letter-spacing: 0.28px;
}
.mobile-third-party-mount-auth-detail-modal-footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.mobile-third-party-mount-config-info {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
  position: relative;
  display: flex;
  flex-direction: column;
}
.mobile-third-party-mount-config-info-header {
  position: sticky;
  background-color: #FFFFFF;
}
.mobile-third-party-mount-config-info-header-left {
  display: flex;
  gap: 4px;
}
.mobile-third-party-mount-config-info-header-right {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-primary);
}
.mobile-third-party-mount-config-info-header-right:hover {
  color: var(--mfy-color-primary-hover);
}
.mobile-third-party-mount-config-info-header-right:active {
  color: var(--mfy-color-primary-active);
}
.mobile-third-party-mount-config-info-content {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.mobile-third-party-mount-config-info-content-background {
  display: flex;
  padding: 16px;
  flex-direction: column;
  gap: 20px;
  align-self: stretch;
  border-radius: 12px;
  background: #FFF;
}
.mobile-third-party-mount-config-info-content-line {
  display: flex;
  gap: 8px;
  flex-direction: row;
  align-items: flex-start;
}
.mobile-third-party-mount-config-info-content-label {
  color: #7E8299;
  font-weight: 500;
  line-height: 20px;
  width: 70px;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: var(--mfy-font-size-new-14);
}
.mobile-third-party-mount-config-info-content-label-margin {
  margin-top: 1px;
}
.mobile-third-party-mount-config-info-content-link {
  color: var(--mfy-color-primary);
  line-height: 20px;
  font-size: var(--mfy-font-size-new-14);
  word-break: break-all;
}
.mobile-third-party-mount-config-info-content-text {
  color: var(--mfy-color-new-main-text);
  font-size: var(--mfy-font-size-new-14);
  line-height: 22px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  max-height: 44px;
  overflow: hidden;
  flex: 1;
}
.mobile-third-party-mount-config-info-content-text-defalut {
  line-height: 20px;
}
.mobile-third-party-mount-config-info-content-text .icon {
  vertical-align: middle;
  color: #A7A9B8;
  flex-shrink: 0;
}
.mobile-third-party-mount-config-info-content-tip {
  margin-top: 4px;
  color: #A7A9B8;
  font-size: 12px;
  line-height: 20px;
}
.mobile-third-party-mount-config-info-content-title {
  color: #000;
  font-weight: 600;
  line-height: 24px;
  font-size: var(--mfy-font-size-new-14);
}
.mobile-third-party-mount-config-info-content-title-wrapper {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mobile-third-party-mount-config-info-modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  align-items: center;
  justify-content: center;
}
.mobile-third-party-mount-config-info-modal-title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-18);
  line-height: 26px;
}
.mobile-third-party-mount-config-info-modal-main {
  color: var(--mfy-color-new-secondary-text);
  line-height: 22px;
  letter-spacing: 0.28px;
}
.mobile-third-party-mount-config-info-modal-footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.mobile-third-party-mount-config-info-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 20px 33px;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
}

.tool-auth-list-item {
  display: flex;
  padding: 13px 10px 13px 16px;
  flex-direction: row;
  margin-top: 16px;
  gap: 8px;
  align-items: center;
  border-radius: 12px;
  background: #F4F6FB;
}
.tool-auth-list-item-icon {
  width: 40px;
  height: 40px;
}
.tool-auth-list-item-center {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 4px;
}
.tool-auth-list-item-name {
  color: var(--mfy-color-new-main-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.tool-auth-list-item-date {
  color: #7E8299;
  font-size: 12px;
  line-height: 1;
}
.tool-auth-list-item-arrow {
  color: #A7A9B8;
}

.mobile-third-party-mount {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mobile-third-party-mount-header {
  position: sticky;
  background-color: #FFFFFF;
}
.mobile-third-party-mount-header-right {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-primary);
}
.mobile-third-party-mount-header-right:hover {
  color: var(--mfy-color-primary-hover);
}
.mobile-third-party-mount-header-right:active {
  color: var(--mfy-color-primary-active);
}
.mobile-third-party-mount-tab {
  display: flex;
  padding: 4px 6px 6px 6px;
  flex-direction: column;
  align-items: center;
  color: var(--mfy-color-new-secondary-text);
  font-size: var(--mfy-font-size-new-14);
  position: relative;
}
.mobile-third-party-mount-tab:first-child {
  padding-left: 0;
}
.mobile-third-party-mount-tab:last-child {
  padding-right: 0;
}
.mobile-third-party-mount-tab-active {
  font-weight: 500;
  color: var(--mfy-color-new-emphasize-text);
}
.mobile-third-party-mount-tab-active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 64px;
  height: 2px;
  background: var(--mfy-color-primary);
  transform: translateX(-50%);
}
.mobile-third-party-mount-tab-wrapper {
  display: flex;
  padding: 8px 16px 0 16px;
  flex-direction: column;
  align-items: flex-start;
  background: #F4F6FB;
}
.mobile-third-party-mount-tab-wrapper-content {
  display: flex;
  padding: 6px 0 16px 0;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.mobile-third-party-mount-vip-expire {
  display: flex;
  padding: 9px 16px;
  flex-direction: row;
  align-items: center;
  gap: 4px;
  border-radius: 8px;
  background: #FFEDA3;
  width: calc(100% - 32px);
}
.mobile-third-party-mount-vip-expire-img {
  width: 20px;
  height: 20px;
}
.mobile-third-party-mount-vip-expire-text {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-12);
  font-weight: 500;
  line-height: 22px;
}
.mobile-third-party-mount-vip-expire-link {
  color: var(--mfy-color-primary);
  font-size: var(--mfy-font-size-new-12);
  line-height: 22px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.mobile-third-party-mount-content {
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 16px 16px 0 0;
  background: #FFFFFF;
  flex: 1;
  overflow: hidden;
}
.mobile-third-party-mount-content-wrapper {
  display: flex;
  width: 100%;
  flex: 1;
  overflow: hidden;
}
.mobile-third-party-mount-content-wrapper-with-bottom {
  margin-bottom: 75px;
}
.mobile-third-party-mount-content-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
}
.mobile-third-party-mount-content-header-margin {
  margin-top: 10px;
}
.mobile-third-party-mount-content-list {
  width: 100%;
  overflow-y: auto;
  flex: 1;
}
.mobile-third-party-mount-content-empty {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  overflow-y: auto;
}
.mobile-third-party-mount-content-empty-img {
  width: 88px;
  height: 88px;
}
.mobile-third-party-mount-content-empty-text {
  color: #7E8299;
  font-size: 12px;
  line-height: 20px;
}
.mobile-third-party-mount-content-bold-text {
  font-weight: 500;
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-14);
}
.mobile-third-party-mount-content-default-text {
  color: #7E8299;
  font-size: var(--mfy-font-size-new-14);
}
.mobile-third-party-mount-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 20px 33px;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
}
.mobile-third-party-mount-submit-badge {
  position: absolute;
  width: 30px;
  height: 16px;
  top: 0;
  right: 0;
  transform: translateY(-4px) translateX(-20px);
}
.mobile-third-party-mount-modal-header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 32px;
  align-items: center;
  justify-content: center;
}
.mobile-third-party-mount-modal-img {
  width: 295px;
  height: 80px;
  margin-left: -24px;
  margin-top: -24px;
}
.mobile-third-party-mount-modal-title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-18);
  line-height: 26px;
}
.mobile-third-party-mount-modal-main {
  color: var(--mfy-color-new-secondary-text);
  line-height: 22px;
  letter-spacing: 0.28px;
}
.mobile-third-party-mount-modal-footer {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.webdav-auth-list-item {
  display: flex;
  padding: 8px 12px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin-top: 16px;
  border-radius: 12px;
  background: #F4F6FB;
}
.webdav-auth-list-item-line {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 4px;
  width: 100%;
}
.webdav-auth-list-item-line-start {
  align-items: flex-start;
}
.webdav-auth-list-item-line-left {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex: 1;
}
.webdav-auth-list-item-label {
  color: #A7A9B8;
  font-size: 12px;
  line-height: 150%;
  white-space: nowrap;
}
.webdav-auth-list-item-text {
  color: var(--mfy-color-new-secondary-text);
  font-size: 12px;
  line-height: 150%;
}
.webdav-auth-list-item-arrow {
  color: #A7A9B8;
}
.webdav-auth-list-item-name {
  color: var(--mfy-color-new-emphasize-text);
  font-size: 14px;
  font-weight: 600;
  flex: 1;
  position: relative;
}
.webdav-auth-list-item-name::before {
  height: 12px;
  content: "";
  position: absolute;
  transform: translateX(-12px) translateY(1.5px);
  width: 4px;
  background: var(--mfy-color-primary);
  border-radius: 4px;
}
.webdav-auth-list-item-permission {
  display: flex;
  height: 18px;
  padding: 2px 6px;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #FFF;
  color: var(--mfy-color-new-main-text);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
}
.webdav-auth-list-item-permission-all {
  color: var(--mfy-color-primary);
}
.webdav-auth-list-item-error {
  color: var(--mfy-color-danger);
  font-size: 10px;
  line-height: 150%;
}
.webdav-auth-list-item-error .icon {
  font-size: 9px;
  color: inherit;
}
.expired-vip {
  opacity: 0.55;
}

.page-not-found {
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: radial-gradient(35% at 75% 75%, #F3F7FF 21%, #D8E7FF 100%);
}
.page-not-found-content {
  width: 400px;
  height: 400px;
  background: url(..//img/web_wrong404.24b1bec6.png) no-repeat center;
  background-size: cover;
  padding-top: 300px;
}
.page-not-found-content--action {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.page-not-found-content--text {
  font-weight: 400;
  font-size: 16px;
  color: #3A4056;
  line-height: 24px;
  text-align: center;
  margin-bottom: 12px;
}
.page-not-found-content--action-text {
  font-weight: 400;
  font-size: 14px;
  color: #597DFC;
  line-height: 16px;
  margin-right: 12px;
}
.page-not-found-content--action-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 12px !important;
  height: auto;
}
.page-not-found-content--action-button__icon {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}

.notice-center {
  height: 100vh;
  position: relative;
  background-color: #F5F6F7;
  overflow-x: hidden;
}
.notice-center-header {
  height: 65px;
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.notice-center-content {
  width: 1200px;
  background: #ffffff;
  border-radius: 16px 16px 16px 16px;
  margin: auto;
  margin-top: 16px;
  padding: 32px 40px;
}
.notice-center-content-row {
  height: 76px;
  padding: 16px;
  box-sizing: border-box;
  margin-bottom: 4px;
  cursor: pointer;
}
.notice-center-content-row:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 16px 16px 16px 16px;
}
.notice-center-content-row-top {
  display: flex;
  justify-content: space-between;
}
.notice-center-content-row-top-title {
  font-weight: bold;
  font-size: 14px;
  color: #1b1f35;
}
.notice-center-content-row-top-time {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.notice-center-content-row-bottom {
  margin-top: 8px;
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
}
.notice-center-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 16px;
  padding: 40px 0;
}
.notice-center-modalWrap .ant-modal-content {
  padding: 0 !important;
  padding-bottom: 24px !important;
}
.notice-center-modal {
  padding-top: 52px;
  font-family: var(--mfy-font-family);
}
.notice-center-modal strong {
  color: var(--mfy-color-new-main-text);
  font-weight: 700;
}
.notice-center-modal-title {
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
  text-align: center;
}
.notice-center-modal-time {
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  text-align: center;
  margin-top: 8px;
}
.notice-center-modal-content {
  min-height: 168px;
  max-height: 406px;
  overflow-y: auto;
  padding: 0 44px;
}
.notice-center-customerService {
  position: fixed;
  right: 24px;
  top: 713px;
  z-index: 2;
}
.notice-center-content-pc {
  margin-left: 16px !important;
  margin-right: 16px !important;
  box-sizing: border-box !important;
  width: unset !important;
}

.Notification ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.Notification ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #909090;
}
.Notification .content .ant-table-thead .ant-table-cell {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.Notification .content .ant-table-thead > tr > th:nth-child(2) {
  padding-left: 0;
}
.Notification .ant-table-tbody > tr {
  cursor: pointer;
}
.Notification .ant-spin-container {
  min-height: calc(100vh - 312px);
}
.Notification .content .ant-tabs-nav-list {
  width: 15%;
}
.send_time {
  width: 118px;
  height: 9px;
  font-size: 12px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #999999;
  line-height: 20px;
}
.NotificationTableTitle {
  margin-bottom: 13px;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 800px;
}
.NotificationTableNote {
  margin-bottom: 0;
  font-size: 14px;
  height: 14px;
  line-height: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 800px;
}

.feature-introduction {
  display: flex;
  flex-direction: column;
  background: #F5F6F7;
  padding: 0;
}
.feature-introduction a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.feature-introduction .top-nav {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #FFFFFF;
  overflow: hidden;
}
.feature-introduction-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.feature-introduction-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.feature-introduction-content-wrapper {
  position: relative;
  height: calc(100vh - 80px);
  overflow: auto;
  margin-top: 16px;
}
.feature-introduction-content {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border-radius: 16px;
  width: 1280px;
  padding: 32px 40px;
}
.feature-introduction-content-body {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.feature-introduction-content--tab {
  transition: all 0.3s;
  width: 1200px;
  min-height: 70px;
  border-radius: 16px 16px 0 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  padding: 0 40px 32px 40px;
}
.feature-introduction-content--tab__content {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 32px 0 16px;
  transition: all 0.3s ease;
  position: relative;
  background: white;
}
.feature-introduction-content--tab__content.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}
.feature-introduction-content--tab__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  background: #F5F6F7;
  text-align: center;
  border-radius: 100px;
  white-space: nowrap;
  padding: 10px 16px;
}
.feature-introduction-content--tab__item:hover {
  background: #EDEEF0;
}
.feature-introduction-content--tab__item.tab-active {
  color: white;
  background: var(--mfy-color-primary);
  font-weight: var(--mfy-font-width-new-bold);
}
.feature-introduction-content--tab__toggle {
  position: absolute;
  right: 40px;
  top: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  transition: all 0.3s;
  padding: 10px 0;
  margin-left: 32px;
}
.feature-introduction-content--tab__toggle .toggle-icon {
  margin-left: 6px;
  font-size: 16px;
  color: var(--mfy-color-new-describe-text);
}
.feature-introduction-content--tabContent {
  border-radius: 0 0 16px 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
}
.feature-introduction-content--tabContent .introduction_content-wrapper {
  width: 100%;
  border-bottom: 1px solid #EDEEF0;
}
.feature-introduction-content--tabContent .introduction_content-wrapper:last-child {
  border-bottom: none;
}
.feature-introduction-content--tabContent .introduction_section-title {
  width: 100%;
  margin-left: 16px;
  margin-bottom: 16px;
  margin-top: 40px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 20px;
  color: var(--mfy-color-new-emphasize-text);
  line-height: 1.5;
}
.feature-introduction-content--tabContent .introduction_section-describe {
  margin-left: 16px;
  margin-bottom: 16px;
  color: var(--mfy-color-new-describe-text);
  font-size: var(--mfy-font-size-new-14);
  font-style: normal;
  line-height: 180%;
}
.feature-introduction-content--tabContent .introduction_content-flex {
  display: flex;
  gap: 24px;
  width: 100%;
}
.feature-introduction-content--tabContent .introduction_column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.feature-introduction .introduction_card {
  width: 100%;
  border-radius: 8px;
  padding: 16px;
  transition: all 0.3s;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.feature-introduction .introduction_card .introduction_head {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.feature-introduction .introduction_card .introduction_head .introduction_img-wrap {
  width: 20px;
  height: 20px;
  padding: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.feature-introduction .introduction_card .introduction_head .introduction_img-wrap .introduction_img {
  font-size: 16px;
  color: var(--mfy-color-new-disable-text);
}
.feature-introduction .introduction_card .introduction_head .introduction_title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-16);
  font-style: normal;
  font-weight: var(--mfy-font-width-new-bold);
  line-height: 180%;
  font-family: "Microsoft YaHei", serif;
}
.feature-introduction .introduction_card .introduction_txt {
  color: var(--mfy-color-new-describe-text);
  font-size: var(--mfy-font-size-new-14);
  font-style: normal;
  line-height: 180%;
  font-family: "Microsoft YaHei", serif;
  text-align: justify;
}
.feature-introduction .introduction_card .introduction_txt_ul {
  margin-left: 15px;
}
.feature-introduction .introduction_card .introduction_txt_ul > div {
  position: relative;
}
.feature-introduction .introduction_card .introduction_txt_ul > div::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--mfy-color-new-describe-text);
  border-radius: 50%;
  top: 12px;
  left: -10px;
}
.feature-introduction .introduction_card .introduction_txt_bold {
  font-weight: var(--mfy-font-width-new-bold);
}
.feature-introduction .introduction_card .introduction_link {
  color: var(--mfy-color-primary);
}
.feature-introduction .introduction_card .introduction_background_text {
  background: #F5F6F7;
  border-radius: 8px;
  color: var(--mfy-color-new-main-text);
  padding: 12px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.feature-introduction .introduction_card .introduction_image {
  margin-top: 16px;
  margin-bottom: 16px;
}
.feature-introduction .introduction_card .introduction_background_block {
  border-radius: 8px;
  margin-bottom: 16px;
}
.feature-introduction .introduction_card .introduction_background_block_header {
  background: #EDEEF0;
  color: var(--mfy-color-new-main-text);
  border-radius: 8px 8px 0 0;
}
.feature-introduction .introduction_card .introduction_background_block_content {
  padding: 16px 12px;
  color: var(--mfy-color-new-main-text);
  background: #F5F6F7;
  border-radius: 0 0 8px 8px;
}
.feature-introduction .introduction_card .introduction_background_block_content > div {
  position: relative;
  margin-left: 15px;
}
.feature-introduction .introduction_card .introduction_background_block_content > div::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--mfy-color-new-main-text);
  border-radius: 50%;
  top: 12px;
  left: -10px;
}

.half-screen-modal-pc {
  height: 100%;
  display: flex;
  flex-direction: column;
  width: 620px;
  overflow-x: hidden;
  background: #F6F6F6;
  padding-top: 20px;
}
.half-screen-modal-pc .mfy-modal .ant-modal-content {
  border-radius: 0 !important;
}
.half-screen-modal-pc .header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #F6F6F6;
  margin: 0 24px;
}
.half-screen-modal-pc .header-container .tabs-header {
  display: flex;
  gap: 2px;
  background-color: #FFFFFF;
  border-radius: 100px;
  padding: 0 4px;
}
.half-screen-modal-pc .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-pc .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-pc .header-container .tabs-header .tab-item:hover {
  background: rgba(182, 186, 195, 0.1);
}
.half-screen-modal-pc .header-container .tabs-header .tab-item:active {
  background: rgba(182, 186, 195, 0.15);
}
.half-screen-modal-pc .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-pc .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-pc .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-pc .header-container .icon-group .icon-wrapper:hover {
  background: rgba(182, 186, 195, 0.1);
}
.half-screen-modal-pc .header-container .icon-group .icon-wrapper:active {
  background: rgba(182, 186, 195, 0.15);
}
.half-screen-modal-pc .header-container .icon-group .icon-wrapper span {
  display: flex;
}
.half-screen-modal-pc .header-container .icon-group .icon {
  font-size: 16px;
  color: inherit;
}
.half-screen-modal-pc .tabs-content {
  flex: 1;
  overflow: hidden;
  padding: 20px 0 12px 0;
}
.half-screen-modal-pc .tabs-content .message-list-container {
  height: 100%;
}
.half-screen-modal-pc .tabs-content .message-list-container .message-fix-list {
  position: relative;
  overflow: auto;
  will-change: transform;
  direction: ltr;
}
.half-screen-modal-pc .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-pc .tabs-content .message-list-container .message-list-actions .actions-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.half-screen-modal-pc .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-pc .tabs-content .message-list-container .message-list-actions .actions-left .cancel-select-btn:hover {
  color: var(--mfy-color-primary-hover);
}
.half-screen-modal-pc .tabs-content .message-list-container .message-list-actions .actions-left .cancel-select-btn:active {
  color: var(--mfy-color-primary-active);
}
.half-screen-modal-pc .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-pc .tabs-content .message-item {
  padding: 6px 0;
  border-radius: 4px;
  box-sizing: border-box;
  background: #F6F6F6;
  cursor: pointer;
}
.half-screen-modal-pc .tabs-content .message-item .message-container {
  padding: 16px;
  position: relative;
  background-color: #FFFFFF;
  border-radius: 16px;
  margin: 0 9px 0 24px;
}
.half-screen-modal-pc .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-pc .tabs-content .message-item .message-container.unread:before {
  visibility: visible;
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-header-left {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-header-left .anticon,
.half-screen-modal-pc .tabs-content .message-item .message-container .message-header-left .anticonfont {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
.half-screen-modal-pc .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-pc .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-pc .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-pc .tabs-content .message-item .message-container .message-actions {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}
.half-screen-modal-pc .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-pc .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-pc .tabs-content .message-item .message-container .message-actions .message-action-button.read:hover {
  color: var(--mfy-color-new-secondary-describe-text);
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-actions .message-action-button.read:active {
  color: var(--mfy-color-new-secondary-describe-text);
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-actions .message-action-button:hover {
  color: var(--mfy-color-primary-hover);
}
.half-screen-modal-pc .tabs-content .message-item .message-container .message-actions .message-action-button:active {
  color: var(--mfy-color-primary-active);
}
.half-screen-modal-pc .tabs-content .loading-more {
  text-align: center;
  padding: 12px 0;
}
.half-screen-modal-pc .message-detail-wrapper {
  padding: 0 24px;
  border-radius: 16px;
  background-color: #F6F6F6;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-header {
  padding: 0 0 12px 0;
}
.half-screen-modal-pc .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-pc .message-detail-wrapper .message-detail-header .back-button:hover {
  background: rgba(182, 186, 195, 0.3);
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-header .back-button:hover {
  background: #E3E4E5;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-header .back-button .icon {
  color: inherit;
}
.half-screen-modal-pc .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-pc .message-detail-wrapper .message-detail-content .detail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.half-screen-modal-pc .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-pc .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-pc .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-pc .message-detail-wrapper .message-detail-content .detail-body img {
  max-width: 500px;
  height: auto;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-content .detail-body p:first-child {
  margin-top: 0;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-content .detail-body p:last-child {
  margin-bottom: 0;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-content .detail-body a {
  display: inline;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-content .detail-body a > span {
  color: var(--mfy-color-new-main-text);
  cursor: default;
}
.half-screen-modal-pc .message-detail-wrapper .message-detail-content::-webkit-scrollbar {
  display: none;
}
.half-screen-modal-pc .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);
}

.Problem-OfflineLog-title {
  margin-top: 16px;
}
.Problem-OfflineLog-table {
  width: fit-content;
  margin-top: 12px;
  border-radius: 8px;
  border: 1px solid #e5e6eb;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.Problem-OfflineLog-table-row {
  display: flex;
  border-bottom: 1px solid #e5e6eb;
}
.Problem-OfflineLog-table-row:last-child {
  border-bottom: none;
}
.Problem-OfflineLog-table-row-td {
  padding: 10px;
  border-right: 1px solid #e5e6eb;
  box-sizing: border-box;
}
.Problem-OfflineLog-table-row-td:nth-child(1) {
  width: 91px;
}
.Problem-OfflineLog-table-row-td:nth-child(2) {
  width: 196px;
}
.Problem-OfflineLog-table-row-td:nth-child(3) {
  width: 253px;
}
.Problem-OfflineLog-table-row-td:last-child {
  border-right: none;
}

.VideoTranscoding-const-action-group {
  display: flex;
  gap: 16px;
}
.VideoTranscoding-const-action-group .ant-btn-link {
  padding: 0 !important;
}
.VideoTranscoding-const-FileName {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 400px;
  padding-right: 24px;
  box-sizing: border-box;
}
.VideoTranscoding-const-TotalSize {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.VideoTranscoding-const-link {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #bbbdc9;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  width: 316px;
}
.VideoTranscoding-const-button {
  color: #3c80ff;
  display: flex;
  flex: 1;
  cursor: pointer;
}
.VideoTranscoding-const-mark {
  display: flex;
  align-items: center;
  gap: 10px;
}
.VideoTranscoding-const-rate {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.VideoTranscoding-const-pendingStatus {
  width: 66px;
  height: 30px;
  line-height: 30px;
  background: #f0f8ff;
  border-radius: 6px 6px 6px 6px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c80ff;
  text-align: center;
}
.VideoTranscoding-const-failStatus {
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #fff6f7;
  border-radius: 6px 6px 6px 6px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #f64e60;
  text-align: center;
}
.VideoTranscoding-const-successStatus {
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #e8faec;
  border-radius: 6px 6px 6px 6px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #0dbe30;
  text-align: center;
}
.VideoTranscoding-const-table-fileName {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
}
.VideoTranscoding-const-table-normal {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #bbbdc9;
}
.VideoTranscoding-const-table-action {
  display: flex;
  align-items: center;
  gap: 16px;
}
.VideoTranscoding-const-table-action .ant-btn-link {
  padding: 0 !important;
}
.video-look {
  z-index: 9999991!important;
}

.problem {
  background: var(---, #F5F6F7);
}
.problem .contentColor {
  font-weight: var(--mfy-font-width-new-bold);
}
.problem .top-nav {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #FFFFFF;
  overflow: hidden;
}
.problem-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.problem-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.problem-content {
  position: relative;
  height: calc(100vh - 64px);
  overflow: auto;
}
.problem-content-inner {
  margin: 0 auto;
}
.problem-content--container {
  position: relative;
  min-height: calc(100vh - 200px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.problem-content--tab {
  transition: all 0.3s;
  width: 1200px;
  min-height: 70px;
  border-radius: 16px 16px 0 0;
  justify-content: center;
  display: flex;
  flex-direction: column;
  position: relative;
  background: white;
  padding: 16px 40px 0 40px;
}
.problem-content--tab.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}
.problem-content--tab__wrap {
  width: 1094px;
  position: relative;
}
.problem-content--tab__content {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
  transition: all 0.3s ease;
  position: relative;
}
.problem-content--tab__content.expanded {
  height: auto;
}
.problem-content--tab__content.collapsed {
  max-height: 38px;
  overflow: hidden;
}
.problem-content--tab__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  background: #F5F6F7;
  text-align: center;
  border-radius: 100px;
  white-space: nowrap;
  padding: 10px 16px;
}
.problem-content--tab__item:hover {
  background: #EDEEF0;
}
.problem-content--tab__item.tab-active {
  color: white;
  background: var(--mfy-color-primary);
  font-weight: var(--mfy-font-width-new-bold);
}
.problem-content--tab__toggle {
  position: absolute;
  right: 40px;
  top: 32px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  transition: all 0.3s;
  padding: 10px 0;
  margin-left: 32px;
}
.problem-content--tab__toggle .toggle-icon {
  margin-left: 6px;
  font-size: 16px;
  color: var(--mfy-color-new-describe-text);
}
.problem-content--tabContent {
  width: 1200px;
  padding: 32px 40px;
  border-radius: 0 0 16px 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
  min-height: 264px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.problem-content--tabContent .problem_content-wrapper {
  width: 100%;
}
.problem-content--tabContent .problem_section-title {
  width: 100%;
  margin-bottom: 40px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 20px;
  color: var(--mfy-color-new-emphasize-text);
  line-height: 1.5;
}
.problem-content--tabContent .problem_section-title.special {
  margin-bottom: 32px;
}
.problem-content--tabContent .problem_section-describe {
  margin-bottom: 32px;
  color: var(--mfy-color-new-describe-text);
  font-size: var(--mfy-font-size-new-14);
  font-style: normal;
  line-height: 180%;
}
.problem-content--tabContent .problem_content-flex {
  display: flex;
  gap: 120px;
  width: 100%;
  margin-bottom: 32px;
}
.problem-content--tabContent .problem_column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 540px;
}
.problem .problem_card {
  width: 100%;
  border-radius: 8px;
  transition: all 0.3s;
  box-sizing: border-box;
}
.problem .problem_card .problem_head {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.problem .problem_card .problem_head .problem_img-wrap {
  width: 20px;
  height: 20px;
  padding: 2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
.problem .problem_card .problem_head .problem_img-wrap .problem_img {
  font-size: 16px;
  color: var(--mfy-color-new-disable-text);
}
.problem .problem_card .problem_head .problem_title {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-16);
  font-style: normal;
  font-weight: var(--mfy-font-width-new-bold);
  line-height: 24px;
}
.problem .problem_card .problem_txt {
  color: var(--mfy-color-new-describe-text);
  font-size: var(--mfy-font-size-new-14);
  font-style: normal;
  line-height: 24px;
}
.problem .problem_card .problem_txt .sub_title {
  color: #878999;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  height: 24px;
  display: inline-block;
  margin-top: 16px;
}
.problem .problem_card .problem_txt .sub_title_distance {
  display: inline-block;
  line-height: 24px;
  height: 24px;
}
.problem .problem_card .problem_txt .problem_txt_vip {
  margin-top: 16px;
  line-height: 24px;
  height: 24px;
}
.problem .problem_card .problem_txt_ul {
  margin-left: 15px;
}
.problem .problem_card .problem_txt_ul > div {
  position: relative;
}
.problem .problem_card .problem_txt_ul > div::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--mfy-color-new-describe-text);
  border-radius: 50%;
  top: 12px;
  left: -10px;
}
.problem .problem_card .problem_txt_bold {
  font-weight: var(--mfy-font-width-new-bold);
}
.problem .problem_card .problem_link {
  color: var(--mfy-color-primary);
}
.problem .problem_card .problem_background_text {
  background: #F5F6F7;
  border-radius: 8px;
  color: var(--mfy-color-new-main-text);
  padding: 12px;
  margin-top: 12px;
  margin-bottom: 16px;
}
.problem .problem_card .problem_image {
  margin-top: 16px;
  margin-bottom: 16px;
}
.problem .problem_card .problem_image_top_12 {
  margin-top: 12px;
}
.problem .problem_card .problem_background_block {
  border-radius: 8px;
  margin-bottom: 16px;
}
.problem .problem_card .problem_background_block_header {
  padding: 12px;
  background: #EDEEF0;
  color: var(--mfy-color-new-main-text);
  border-radius: 8px 8px 0 0;
}
.problem .problem_card .problem_background_block_content {
  padding: 16px 12px;
  color: var(--mfy-color-new-main-text);
  background: #F5F6F7;
  border-radius: 0 0 8px 8px;
}
.problem .problem_card .problem_background_block_content > div {
  position: relative;
  margin-left: 15px;
}
.problem .problem_card .problem_background_block_content > div::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: var(--mfy-color-new-main-text);
  border-radius: 50%;
  top: 12px;
  left: -10px;
}
.problem .problem_card .problem_table {
  margin-top: 16px;
  border: 1px solid #E5E6EB;
  border-radius: 8px;
  overflow: hidden;
}
.problem .problem_card .problem_table .row {
  display: flex;
}
.problem .problem_card .problem_table .row > div {
  padding: 12px;
  text-align: left;
  flex: 1;
  border-right: 1px solid #E5E6EB;
  border-bottom: 1px solid #E5E6EB;
}
.problem .problem_card .problem_table .row > div:nth-child(1),
.problem .problem_card .problem_table .row > div:nth-child(2) {
  flex: 0.75;
}
.problem .problem_card .problem_table .row > div:last-child {
  border-right: none;
}
.problem .problem_card .problem_table .row:last-child > div {
  border-bottom: none;
}
.problem_search {
  width: 100%;
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.problem_search .problem_middle {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.problem_search .problem_middle .problem_middle_title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 24px;
}
.problem_search .problem_middle .problem_input {
  width: 560px;
  height: 48px;
  border-radius: 100px;
  background: var(--ffffff, #FFF);
  margin-bottom: 16px;
  border: 1px solid transparent;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.problem_search .problem_middle .problem_input input {
  font-weight: 400 !important;
  font-size: 14px !important;
  color: #3C3F52 !important;
}
.problem_search .problem_middle .problem_input:hover {
  border: 1px solid #3C80FF;
}
.problem_search .problem_middle .problem_input.ant-input-affix-wrapper-focused {
  border: 1px solid #3C80FF;
}
.problem_search .problem_middle .problem_input.ant-input-affix-wrapper-focused .problem_search-icon {
  color: #3C80FF !important;
}
.problem_search .problem_middle .problem_input:focus {
  border: 1px solid #3C80FF;
}
.problem_search .problem_middle .problem_input:focus .problem_search-icon {
  color: #3C80FF !important;
}
.problem_search .problem_middle .problem_input:active {
  border: 1px solid #3C80FF;
}
.problem_search .problem_middle .problem_input:active .problem_search-icon {
  color: #3C80FF;
}
.problem_search .problem_middle .problem_input .problem_search-icon {
  font-size: var(--mfy-font-size-new-16);
  transition: color 0.3s;
  cursor: pointer;
}
.problem_search .problem_middle .problem_input .problem_clear-icon {
  font-size: var(--mfy-font-size-new-16);
  transition: color 0.3s;
  color: var(--mfy-color-new-describe-text);
}
.problem_search .problem_middle .problem_Click {
  display: inherit;
  font-size: 14px;
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 0;
}
.problem_search .problem_middle .problem_Click .problem_keyword_wrap {
  margin-left: 12px;
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.problem_search .problem_middle .problem_Click .problem_keyword {
  cursor: pointer;
  transition: color 0.3s;
}
.problem_search .problem_middle .problem_Click .problem_keyword:hover {
  color: var(--mfy-color-new-emphasize-text);
}
.DirectLinkFaq {
  padding: 16px;
}
.DirectLinkFaq .DirectLinkFaq-title {
  width: 100%;
  margin-bottom: 16px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 20px;
  color: var(--mfy-color-new-emphasize-text);
  line-height: 1.5;
}
.DirectLinkFaq .DLF-nav {
  width: 180px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  -webkit-background-clip: text;
}
.DirectLinkFaq .DLF-nav a {
  display: block;
  color: #597DFC;
}
.DirectLinkFaq .DLF-text1 {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  line-height: 1.5;
  margin-bottom: 40px;
}
.problem-image-tools--preview-list {
  background: #141414;
  border-radius: 100px 100px 100px 100px;
  display: flex;
  flex-direction: row;
  gap: 27px;
  padding: 21px 53px;
}
.problem-image-tools--preview-list .icon {
  font-size: 16px;
  color: white;
  cursor: pointer;
}
.problem-image-preview-group-preview-progress {
  display: none;
}
.problem-image-preview-group-preview-wrap {
  background: rgba(0, 0, 0, 0.8);
}
.problem-image-preview-group-preview-switch-left {
  display: none !important;
}
.problem-image-preview-group-preview-switch-right {
  display: none !important;
}
.problem-image-preview-group-preview-close {
  background-color: transparent !important;
}
.problem-pc {
  padding-top: 16px!important;
}
.problem-pc .problem-content {
  height: calc(100vh - 16px) !important;
  overflow-x: hidden !important;
}
.problem-pc .problem-content-inner {
  width: 1092px;
}
.problem-pc .problem-content--tab {
  width: 100% !important;
}
.problem-pc .problem-content--tab:after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  background: #ffffff;
  border-radius: 16px 16px 0 0;
}
.problem-pc .problem-content--tab::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 20px;
  background: #F5F6F7;
}
.problem-pc .problem-content--tab__wrap {
  width: 1014px !important;
}
.problem-pc .problem-content--tabContent {
  width: 100% !important;
  box-shadow: unset!important;
  margin-bottom: 16px!important;
}
.problem-pc .problem_middle_title {
  font-size: 24px!important;
}
.problem-pc .problem_search {
  padding: 40px 0!important;
}

.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;
}

.recycle-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.recycle-wrapper .ant-table .ant-table-row .ant-table-cell:first-child {
  border-radius: 8px 0 0 8px !important;
}
.recycle-wrapper .ant-table .ant-table-row .ant-table-cell:last-child {
  border-radius: 0 8px 8px 0 !important;
}
.recycle-wrapper .ant-table .ant-table-header {
  padding-bottom: 3px !important;
  border-bottom: 1px solid var(--mfy-color-fill-default) !important;
}
.recycle-wrapper .ant-table .ant-table-header th {
  padding: 0 8px 0 24px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.recycle-wrapper .ant-table .ant-table-header th:first-child {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.recycle-wrapper .ant-table .ant-table-header th:nth-child(2) {
  padding-left: 1px !important;
}
.recycle-wrapper .btn-item {
  height: 40px !important;
}
.recycle-wrapper-title {
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  margin-bottom: 16px;
  padding-left: 8px;
}
.recycle-wrapper-content {
  display: flex;
  margin-bottom: 24px;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 8px;
}
.recycle-wrapper-content-left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.recycle-wrapper-content-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;
}
.recycle-wrapper-content-icon:hover {
  background: rgba(182, 186, 195, 0.1);
}
.recycle-wrapper-content-icon:active {
  background: rgba(182, 186, 195, 0.15);
}
.recycle-wrapper-content-icon .icon {
  font-size: 16px;
}
.recycle-wrapper-list {
  flex: 1;
  min-height: 0;
}
.recycle-wrapper-list .ant-table {
  height: 100%;
}
.recycle-wrapper-list .ant-table .ant-table-container {
  height: 100%;
}
.recycle-wrapper-list .ant-table-wrapper {
  height: 100%;
}
.recycle-wrapper-list .ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.recycle-wrapper-list .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.recycle-wrapper .recycle-loading-more {
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  color: #BBBDC9;
}
.recycle-wrapper .table-list-file-name {
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  line-height: 16px;
  height: 56px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.recycle-wrapper .table-list-file-name .file-icon-wrapper {
  width: 32px;
}
.recycle-wrapper .table-list-file-name .file-name-wrapper {
  flex: 1;
  min-width: 0;
}
.recycle-wrapper .vip-message {
  margin-left: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.recycle-wrapper .vip-message-open {
  width: 72px;
  height: 26px;
  background: #F0F8FF;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  color: #3C80FF;
  margin-left: 12px;
}
.recycle-wrapper .del-button {
  width: 104px;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  display: flex;
}
.recycle-wrapper .del-button:hover svg {
  color: #66a1ff;
}
.recycle-wrapper .del-button svg {
  color: #3c80ff;
  font-size: 16px;
}
.recycle-wrapper .del-button span {
  font-size: 12px;
}
.recycle-wrapper .table-list-file-image {
  width: 32px;
  height: 32px;
}
.recycle-wrapper .table-file-name {
  font-weight: 400;
  font-size: 14px;
  color: #1B1F35;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 12px;
}
.recycle-wrapper .table-list-file-time {
  font-weight: 400;
  font-size: 13px;
  color: #BBBDC9;
  line-height: 16px;
}
.recycle-wrapper .table-list-file-size {
  font-weight: 400;
  font-size: 14px;
  color: #BBBDC9;
  line-height: 16px;
}
.recycle-wrapper .icon-list-wrap {
  display: none;
  color: #1B1F35;
  font-size: 16px;
}
.recycle-wrapper .ant-table-cell-row-hover .icon-list-wrap {
  display: flex;
}
.recycle-wrapper .ant-table-cell-row-hover .hover-visible {
  visibility: visible;
}
.recycle-wrapper .icon-list-wrap {
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.recycle-wrapper .icon-list-wrap .ant-space-item {
  height: 24px;
}
.recycle-wrapper .icon-list-wrap-content {
  border-radius: 4px;
  cursor: pointer;
  padding: 4px;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.recycle-wrapper .icon-list-wrap-content.starred svg {
  color: #FFA800;
}
.recycle-wrapper .icon-list-wrap-content:hover {
  background: rgba(182, 186, 195, 0.3);
}
.recycle-wrapper .icon-list-wrap-content svg {
  font-size: 16px;
  color: #1B1F35;
}
.recycle-web-wrapper .del-button {
  width: 130px;
  height: 40px;
  border-radius: 8px !important;
}
.recycle-web-wrapper .del-button span {
  font-size: 14px;
}
.recycle-web-wrapper .del-button .icon {
  font-size: 16px !important;
}
.recycle-web-wrapper .recycle-wrapper-content-icon {
  width: 40px;
  height: 40px;
}
.recycle-web-wrapper .recycle-wrapper-content-icon .icon {
  font-size: 24px;
}
.recycle-web-wrapper .recycle-wrapper-list .table-head-title {
  font-size: 14px !important;
}

.renderTitle {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 48px;
  color: #131628;
  line-height: 56px;
  text-align: center;
  margin-bottom: 92px;
}

.shareStaticPage {
  /* background-color:transparent; */
  /****layout*****/
  /************table*************/
  /********login*********/
  /*****animate******/
  /* 动画代码 */
}
.shareStaticPage .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
.shareStaticPage .uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
  background: none !important;
  display: none;
}
.shareStaticPage .uppy-StatusBar-progress {
  display: none;
}
.shareStaticPage .ant-col-8 {
  flex: none;
}
.shareStaticPage .filepond--root {
  margin-bottom: 0;
}
.shareStaticPage .react-resizable {
  position: relative;
  background-clip: padding-box;
}
.shareStaticPage .react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: -5px;
  cursor: col-resize;
  z-index: 1;
}
.shareStaticPage .loginCard .ant-card-actions {
  margin-top: 70px !important;
}
.shareStaticPage .userlogin .ant-card-actions {
  margin-top: 38px !important;
}
.shareStaticPage body {
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shareStaticPage .app {
  display: grid;
}
.shareStaticPage .uppy-FileInput-btn {
  width: 100%;
}
.shareStaticPage .App-logo {
  height: 40vmin;
  pointer-events: none;
}
.shareStaticPage .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;
}
.shareStaticPage .App-link {
  color: #61dafb;
}
@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.shareStaticPage .logo {
  width: 156px;
  height: 33px;
  margin-bottom: 30px;
  margin-top: 10px;
}
.shareStaticPage .ant-btn-primary {
  background: #597dfc;
}
.shareStaticPage .ant-btn-primary:hover,
.shareStaticPage .ant-btn-primary:focus {
  color: #fff;
  background: #597dfc;
}
.shareStaticPage .parmiryButton:hover,
.shareStaticPage .parmiryButton:focus {
  color: #fff;
  background: #597dfc;
}
.shareStaticPage .site-layout .site-layout-background {
  background: #fff;
}
.shareStaticPage .editable-cell {
  position: relative;
}
.shareStaticPage .editable-cell-value-wrap {
  padding: 5px 12px;
  cursor: pointer;
}
.shareStaticPage .editable-row:hover .editable-cell-value-wrap {
  padding: 4px 11px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
}
.shareStaticPage .hombody :hover {
  cursor: pointer;
}
.shareStaticPage .overlayName {
  min-height: 50px;
  max-height: 200px;
  overflow-y: auto;
}
.shareStaticPage .ant-table-body::-webkit-scrollbar {
  width: 4px;
}
.shareStaticPage .ant-table-body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0.2;
  background: rgba(42, 130, 228, 0.6);
}
.shareStaticPage .ant-table-body::-webkit-scrollbar-track {
  border-right: 0;
  background: rgba(255, 255, 255, 0.3);
}
.shareStaticPage [data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
  border: 1px solid #434343;
  cursor: pointer;
}
.shareStaticPage .row-dragging {
  background: #fafafa;
  border: 1px solid #ccc;
}
.shareStaticPage .row-dragging td {
  padding: 16px;
}
.shareStaticPage .row-dragging .drag-visible {
  visibility: visible;
}
.shareStaticPage .header {
  background: #597dfc;
  box-shadow: 0px 0px 8px 1px rgba(142, 167, 255, 0.5);
}
.shareStaticPage .sysButton {
  width: 104px;
  height: 36px;
  border-radius: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.shareStaticPage .sysdiv {
  width: 94px;
  height: 38px;
  border-radius: 19px;
  line-height: 38px;
  text-align: center;
  cursor: pointer;
}
.shareStaticPage .sysRadio {
  width: 86px;
  width: 104px;
  height: 36px;
  text-align: center;
  line-height: 38px;
  cursor: pointer;
}
.shareStaticPage .sysRadio:last-child {
  border: none;
  border-radius: 0 18px 18px 0;
}
.shareStaticPage .sysbut:hover {
  background: #F2F5FF;
  color: #597dfc;
}
.shareStaticPage .parmiryButton {
  background: #597dfc;
  color: #ffffff;
}
.shareStaticPage .ant-table-thead > tr > th {
  background: none;
}
.shareStaticPage .ant-table-thead > tr > .ant-table-cell {
  font-size: 12px;
  color: #25262BB8;
}
.shareStaticPage .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;
}
.shareStaticPage .ant-table-column-sorters {
  justify-content: flex-start;
}
.shareStaticPage .ant-table-column-title {
  flex: none;
}
.shareStaticPage .headerMenu {
  color: #fff;
  font-size: 18px;
}
.shareStaticPage .listinfo .ant-card-body {
  padding: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
}
.shareStaticPage .layoutlogin {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
}
.shareStaticPage .loginTitle {
  font-size: 14px;
  font-weight: 400;
  color: #181818;
  line-height: 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.shareStaticPage .downbody {
  color: #597dfc;
}
.shareStaticPage .downban div {
  width: 25%;
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}
.shareStaticPage .downban div span {
  width: 40px;
  background: #BABABA;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 12px;
  padding: 2px;
  position: absolute;
  top: 32%;
  right: 16%;
}
.shareStaticPage .bbbody {
  height: 400px;
}
.shareStaticPage .bbbody > div {
  width: 300px;
  height: 100%;
}
.shareStaticPage .footer {
  width: 100%;
  height: 126px;
  background: #F5F8F9;
  display: flex;
  flex-direction: column;
  line-height: 32px;
  font-size: 14px;
  color: #000000;
}
.shareStaticPage .footgong {
  width: 88px;
  height: 102px;
  box-shadow: 0px 2px 16px -7px rgba(0, 0, 0, 0.25);
  border-radius: 6px 6px 6px 6px;
  position: absolute;
  top: -12px;
  right: 0px;
}
.shareStaticPage .noti .ant-modal-body {
  padding-right: 12px;
}
.shareStaticPage .headerLogin {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shareStaticPage .content {
  width: 1200px;
  margin: 0 auto;
}
.shareStaticPage .content ::-webkit-scrollbar {
  width: 0;
}
.shareStaticPage .swiper-container {
  /*--swiper-theme-color: #ff6600;*/
  --swiper-pagination-color: #5A7CFC;
  /* 两种都可以 */
}
.shareStaticPage .slidertitle {
  width: 100%;
  font-size: 42px;
  font-weight: 800;
  color: #000000;
  line-height: 42px;
  margin: 0 auto;
  background: #000000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.shareStaticPage .titleBottom {
  width: 100%;
  font-size: 36px;
  margin: 0 auto;
  font-weight: 400;
  color: #000000;
}
.shareStaticPage .swiper-container {
  margin-left: unset !important;
  margin-right: unset !important;
}
.shareStaticPage .ant-tabs-nav-list {
  width: 100%;
  justify-content: space-between;
}
.shareStaticPage .usertab .ant-tabs > .ant-tabs-nav .ant-tabs-nav-list,
.shareStaticPage .ant-tabs > div > .ant-tabs-nav .ant-tabs-nav-list {
  display: block;
}
.shareStaticPage .loginForm .ant-col-16 {
  width: 100%;
  max-width: 100%;
}
.shareStaticPage .loginBtn {
  width: 100%;
  height: 38px;
  background: #597dfc;
  box-shadow: 0px 0px 8px 1px rgba(142, 167, 255, 0.5);
  border-radius: 2px;
}
.shareStaticPage .loginForm .ant-col-offset-8 {
  margin: 0 auto;
}
.shareStaticPage .takeCode {
  background: #597dfc;
  box-shadow: 0px 0px 8px 1px rgba(142, 167, 255, 0.5);
  border-radius: 2px;
}
.shareStaticPage .acIcon {
  color: #5A7CFC;
}
.shareStaticPage .lvIcon {
  color: #AFB3BF;
}
.shareStaticPage .ant-table-tbody > tr > td {
  border-bottom: none ;
}
.shareStaticPage .ant-table-thead > tr > th {
  border-bottom: none;
}
.shareStaticPage .tabs-wrap-enter {
  opacity: 0.01;
}
.shareStaticPage .tabs-wrap-enter.tabs-wrap-enter-active {
  opacity: 1;
  transition: all 300ms ease-in;
}
.shareStaticPage .tabs-wrap-leave {
  opacity: 1;
}
.shareStaticPage .tabs-wrap-leave.tabs-wrap-leave-active {
  opacity: 0.01;
  transition: all 300ms ease-in;
}
.shareStaticPage .ant-empty {
  line-height: 23.5715;
}
.shareStaticPage .ant-menu-light {
  background: #f0f2f5;
}
.shareStaticPage .ant-menu-light > .ant-menu-item {
  height: 44px;
}
.shareStaticPage .ant-menu-item .ant-menu-item-icon + span,
.shareStaticPage .ant-menu-submenu-title .ant-menu-item-icon + span,
.shareStaticPage .ant-menu-item .anticon + span,
.shareStaticPage .ant-menu-submenu-title .anticon + span {
  margin-left: 16px;
}
.shareStaticPage .ant-progress-inner {
  background-color: #84858D33;
  width: 100%;
  height: 6px;
  border-radius: 100px;
}
.shareStaticPage .ant-menu-inline.ant-menu-root .ant-menu-item > *,
.shareStaticPage .ant-menu-inline.ant-menu-root .ant-menu-submenu-title > * {
  margin-left: 24px;
}
.shareStaticPage button {
  cursor: pointer;
  border: none;
}
.shareStaticPage .sharheader1 {
  width: 100%;
  height: 64px;
  box-shadow: 0 4px 24px 0 rgba(184, 189, 209, 0.25);
  background-color: #FFFFFF;
}
.shareStaticPage .sharheader1 .logoDiv {
  margin-left: 3%;
  margin-top: 15px;
}
.shareStaticPage .sharheader1 .sloganTitle {
  width: 190px;
  margin-top: 15px;
  margin-left: 15px;
}
.shareStaticPage .sharheader1 .logoDiv:hover {
  cursor: pointer;
}
.shareStaticPage .sharheader1 .registerShareStaticPage {
  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;
}
.shareStaticPage .sharheader1 .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;
}
.shareStaticPage .sharheader1 i {
  width: 14px;
  height: 14px;
}
.shareStaticPage .sharheader1 .cent {
  font-size: 14px;
  color: #7B808F;
  font-weight: 400;
  line-height: 64px;
  float: right;
  margin-right: 8%;
}
.shareStaticPage .top {
  width: 244px;
  height: 60px;
  margin: 0 auto;
  /* background: url(./images/top.png); */
  margin-top: 40px;
  margin-bottom: 80px;
}
.shareStaticPage .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;
}
.shareStaticPage .ca-top {
  width: 510px;
  height: 79px;
  background: #597dfc;
  border-radius: 6px 6px 0 0;
  padding: 12px 18px 13px 22px;
}
.shareStaticPage .ca-top img {
  width: 53px;
  height: 54px;
}
.shareStaticPage .ca-right {
  width: 404px;
  height: 54px;
  float: right;
}
.shareStaticPage .ca-right span {
  width: 98px;
  height: 14px;
  font-size: 17px;
  font-weight: 400;
  color: #FFFFFF;
}
.shareStaticPage .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;
}
.shareStaticPage .ca-right span:nth-child(2) {
  width: 217px;
  height: 13px;
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 24px;
}
.shareStaticPage .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;
}
.shareStaticPage .ca-mid {
  width: 100%;
  height: 14px;
  font-size: 14px;
  font-weight: 400;
  color: #03081A;
  margin: 37px 0 20px 0;
  padding-left: 33px ;
}
.shareStaticPage .ca-fot {
  padding-left: 31px;
}
.shareStaticPage .ca-fot input {
  width: 341px;
  height: 30px;
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 4px;
}
.shareStaticPage .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;
}
.shareStaticPage .imfoot {
  width: 100%;
  height: 300px;
  display: block;
}
.shareStaticPage .conterShareStaticPage {
  display: flex;
  justify-content: space-between;
}
.shareStaticPage .conterShareStaticPage img {
  width: 40px;
  height: 40px;
}
.shareStaticPage .con-textShareStaticPage {
  width: auto;
  max-width: 556px;
  margin-top: 25px;
  float: left;
  position: relative;
  padding-right: 72px;
}
.shareStaticPage .con-textShareStaticPage span:nth-child(1) {
  font-size: 15px;
  font-weight: 400;
  color: #03081A;
  margin-right: 6px;
}
.shareStaticPage .con-textShareStaticPage span:nth-child(2) {
  font-size: 14px;
  font-weight: 400;
  color: #03081A;
}
.shareStaticPage .con-textShareStaticPage span:nth-child(3) {
  font-size: 13px;
  font-weight: 400;
  display: block;
}
.shareStaticPage .con-textShareStaticPage .reportDiv {
  width: 72px;
  height: 34px;
  background: #F5F6FA;
  border-radius: 4px;
  position: absolute;
  right: 0;
  bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.shareStaticPage .conterShareStaticPage .registerShareStaticPage {
  width: 130px;
  height: 38px;
  background: #597DFC;
  border: 1px solid #5C80F9;
  border-radius: 8px;
  float: right;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
}
.shareStaticPage .conterShareStaticPage .Sign {
  width: 130px;
  height: 34px;
  border-radius: 4px 4px 4px 4px;
  background: #597dfc;
  float: right;
  text-align: center;
  line-height: 34px;
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFF;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareStaticPage .xianShareStaticPage {
  width: 100%;
  height: 1px;
  background: #F4F4F4;
}
.shareStaticPage .ant-table-row:hover {
  background-color: rgba(244, 246, 252, 0.9) !important;
}
.shareStaticPage .ant-table-tbody > tr.ant-table-row:hover > td,
.shareStaticPage .ant-table-tbody > tr > td.ant-table-cell-row-hover {
  background-color: rgba(244, 246, 252, 0.9) !important;
}
.shareStaticPage .ant-table-thead > tr > th {
  border-bottom: 1px solid #f4f4f4 !important;
}
.shareStaticPage .xtextShareStaticPage {
  height: 42px;
  font-size: 14px;
  font-weight: 400;
  color: #010101;
  line-height: 52px;
  margin: 0 auto;
  overflow: hidden;
}
.shareStaticPage .sortBtn {
  float: right;
  margin-right: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  color: #3A4056;
}
.shareStaticPage .sort ul {
  width: 162px;
  background: #FFFFFF;
  box-shadow: 2px 5px 12px 0px rgba(58, 64, 86, 0.09);
  border-radius: 8px 8px 8px 8px;
  opacity: 1;
  border: 1px solid #F0F0F0;
}
.shareStaticPage .sort ul .ant-dropdown-menu-item,
.shareStaticPage .sort ul .ant-dropdown-menu-item-selected,
.shareStaticPage .sort ul .ant-dropdown-menu-item-only-child {
  height: 38px;
  font-size: 14px;
  font-weight: 400;
  color: #3A4056;
  line-height: 38px;
  background: #FFFFFF;
}
.shareStaticPage .sort ul .ant-dropdown-menu-item:hover {
  background: #F0F0F0;
}
.shareStaticPage .sort ul .sortIcon {
  font-size: 16px;
  visibility: hidden;
  margin-left: 5px;
  margin-right: 16px;
}
.shareStaticPage .sort ul .ant-dropdown-menu-item-selected .sortIcon {
  color: #2a82e4;
  visibility: visible;
}
.shareStaticPage .sort ul .ant-dropdown-menu-title-content {
  text-align: left;
}
.shareStaticPage .repbut {
  height: 33px;
  margin: 0 auto;
  border: 0;
  background: #597dfc;
  border-radius: 20px;
  display: block;
  margin-top: 60px;
  text-align: center;
  line-height: 33px;
}
.shareStaticPage .logobut {
  height: 54px;
  margin-top: 0px;
  line-height: 54px;
}
.shareStaticPage .codebut {
  width: 100px;
  height: 32px;
  display: inline-block;
  border: none;
  background: #597dfc;
  color: #FFFFFF;
  font-size: 15px;
  line-height: 32px;
  text-align: center;
  float: right;
}
.shareStaticPage .codebut:hover {
  color: #FFFFFF;
}
.shareStaticPage .copya:hover {
  border-radius: 10px;
  background: #f7f6f6;
  cursor: pointer;
}
.shareStaticPage .copybut {
  width: 115px;
  height: 33px;
  border: 0;
  background: #597dfc;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  float: right;
}
.shareStaticPage .amdon {
  animation-name: example ;
  animation-duration: 2s;
}
.shareStaticPage .ant-table-tbody > tr > .sharicon {
  padding-right: 0;
}
@keyframes example {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.shareStaticPage .upbody .upherd {
  width: 100%;
  padding: 10px 10px 10px 18px;
}
.shareStaticPage .upbody .upherd:hover {
  background: rgba(132, 133, 141, 0.08);
  cursor: pointer;
}
.shareStaticPage .drop-over-downward td {
  background: rgba(99, 125, 255, 0.12);
}
.shareStaticPage .drop-over-upward td {
  background: rgba(99, 125, 255, 0.12);
}
.shareStaticPage .upbody {
  width: 374px;
  height: 500px;
  overflow-y: auto;
  border-radius: 5px 5px 0 0;
  background: #fff;
  position: fixed;
  bottom: 20px;
  right: 32px;
  box-shadow: 0px 0px 7px 1px rgba(87, 87, 87, 0.31);
  z-index: 99;
  padding-bottom: 40px;
}
.shareStaticPage .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;
}
.shareStaticPage .uppy-Dashboard-files > div {
  overflow: hidden;
}
.shareStaticPage .uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #fff;
}
.shareStaticPage .site-back-top-basic {
  color: rgba(64, 64, 64, 0.6);
}
.shareStaticPage .ant-dropdown-menu-title-content {
  text-align: center;
}
.shareStaticPage .ant-dropdown-menu-item-active {
  color: #5A7CFC;
}
.shareStaticPage .appremche {
  margin-left: 72px;
}
.shareStaticPage .wenserh {
  width: 240px;
  height: 32px;
  line-height: 32px;
  margin-right: 66px;
  position: relative;
  float: right;
  margin-bottom: 20px;
}
.shareStaticPage .foota {
  padding: 0 4px;
}
.shareStaticPage .foota:after {
  content: "|";
  height: 22px;
  margin-left: 5px;
  line-height: 20px;
  color: #000;
  color: rgba(0, 0, 0, 0.3);
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.shareStaticPage .ant-table-thead > tr > .ant-table-column-has-sorters {
  padding-left: 6%;
}
.shareStaticPage .ant-table-thead > tr > .drag-visible {
  padding-left: 20px;
}
.shareStaticPage .ant-modal-header {
  border-bottom: 1px solid #f9f9f9;
}
.shareStaticPage .ant-modal-footer {
  border-top: none;
}
.shareStaticPage .ant-modal-footer {
  padding-top: 0;
  padding-bottom: 20px;
}
.shareStaticPage .ant-modal-title {
  font-weight: inherit;
  font-size: 12px;
}
.shareStaticPage .vieodemp4 .ant-modal-body {
  padding: 0;
}
.shareStaticPage .vieodemp4 .ant-modal-footer {
  padding: 10px;
}
.shareStaticPage .vieodemp4 .ant-modal-header {
  padding: 8px;
}
.shareStaticPage .vieodemp4 .ant-modal-close-x {
  line-height: 38px;
  height: 38px;
}
.shareStaticPage .gongyaotext {
  margin-left: 120px;
}
.shareStaticPage .gongyaotext .ant-upload-list {
  display: none;
}
.shareStaticPage .loginconcent::-webkit-scrollbar {
  display: none;
}
.shareStaticPage .uppy-Dashboard-AddFiles {
  background: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
}
.shareStaticPage .problem {
  color: #232f3e;
  font-weight: 400;
}
.shareStaticPage .problem h2 {
  font-weight: 700;
}
.shareStaticPage .problem h3 {
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 15px;
}
.shareStaticPage .problem p {
  text-indent: 2.1em;
}
.shareStaticPage .content_left {
  width: 210px;
  padding: 14px 14px 0;
  background-color: #fff;
}
.shareStaticPage .content_left div {
  width: 180px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.shareStaticPage .content_left .activeCheck {
  color: #597DFC;
  border-radius: 4px;
  background-color: #EBEFFF;
}
.shareStaticPage .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);
}
.shareStaticPage .content_right {
  width: 100%;
  padding: 14px 14px 0;
  margin-left: 15px;
  background-color: #fff;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.shareStaticPage .content_right::-webkit-scrollbar {
  display: none;
}
.shareStaticPage .content_right .content_right-card {
  min-height: 105px;
  margin-top: 12px;
  border-bottom: 1px dotted #EAEAEA;
}
.shareStaticPage .content_right .content_right-card div {
  padding-bottom: 18px;
}
.shareStaticPage .content_right .content_right-card div:first-child {
  color: #222222;
  font-size: 20px;
  font-weight: 700;
  padding-top: 16px;
}
.shareStaticPage .content_right .content_right-card div:last-child {
  color: #444444;
  font-size: 14px;
}
.shareStaticPage .qrcode {
  float: right;
  text-align: center;
  font-size: 12px;
  color: #25262B;
}
.shareStaticPage .leftInfo {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shareStaticPage .headImg {
  display: flex;
  align-items: center;
}
.shareStaticPage .rightInfo {
  display: flex;
  align-items: center;
}
.shareStaticPage .table-row-karl > td {
  padding: 13px 8px !important;
}
.shareStaticPage .contentBorder {
  width: 68%;
  max-width: 1064px;
  background: #fff;
  height: calc(100vh - 201px);
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 16px;
  padding: 32px;
  overflow: hidden;
}
.shareStaticPage .loginRight {
  width: 86px;
  height: 34px;
  background: #597DFC;
  border-radius: 16px;
  border: none;
  color: #fff;
}
.shareStaticPage .loginRight:hover,
.shareStaticPage .loginRight:active,
.shareStaticPage .loginRight:focus {
  background: #325CF0;
  color: #fff;
}
.shareStaticPage .ReactVirtualized__Grid::-webkit-scrollbar {
  width: 4px;
}
.shareStaticPage .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0.2;
  background: rgba(42, 130, 228, 0.6);
}
.shareStaticPage .ReactVirtualized__Grid::-webkit-scrollbar-track {
  border-right: 0;
  background: rgba(255, 255, 255, 0.3);
}
.shareStaticPage .lazyload-wrapper {
  height: 100%;
}
.shareStaticPage .ant-breadcrumb a {
  color: #333;
}
.shareStaticPage .ant-breadcrumb a:hover {
  color: #597DFC;
}
.shareStaticPage .ant-image-preview-wrap {
  position: absolute;
}
.shareStaticPage .ant-image-preview-mask {
  position: absolute;
}
.shareStaticPage .vip-video-single .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;
}
.shareStaticPage .vip-video-single .video-header .video-title {
  width: 681px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 35px;
  font-size: 14px;
  color: #fff !important;
}
.shareStaticPage .vip-video-single .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;
}
.shareStaticPage .vip-video-single .video-header .video-icon-box .icon {
  font-size: 20px;
  cursor: pointer;
}
.shareStaticPage .vip-video-single .video-header .video-icon-box:hover .icon {
  color: #597dfc !important;
}
.shareStaticPage .vip-video-single .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;
}
.shareStaticPage .vip-video-single .video-header .video-vip-btn::after {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: inherit;
}
.shareStaticPage .vip-video-single .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;
}
.shareStaticPage .vip-video-single .video-header .video-close .icon {
  font-size: 24px;
  color: #fff !important;
}
.shareStaticPage .vip-video-single .video-header .icon {
  color: #fff;
}
.shareStaticPage .adv-container-pc {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.shareStaticPage .adv-container-h5 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.shareStaticPage iframe body {
  overflow: hidden !important;
}
.shareStaticPage .file-adv-cotainer {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  z-index: 10;
}
.shareStaticPage .file-adv-type {
  position: absolute;
  right: 3px;
  top: -3px;
  color: #7B808F;
  font-size: 10px;
}
.shareStaticPage .file-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.shareStaticPage .file-content .file-adv {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 36px;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  color: #262626;
  line-clamp: 2;
  line-height: 18px;
  -webkit-box-orient: vertical;
}
.shareStaticPage .file-content .file-adv-name {
  margin-top: 9px;
}
.shareStaticPage .file-content .file-adv-desc {
  font-size: 12px;
  color: #597DFC;
}
.shareStaticPage .file-list-adv-container {
  display: flex;
  height: 52px;
  border-bottom: 1px solid #f1f1f1cc;
  line-height: 52px;
  position: absolute;
  top: -156px;
  width: 100%;
}
.shareStaticPage .file-list-adv-container .adv-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px 6px;
  width: calc(100% - 550px);
}
.shareStaticPage .file-list-adv-container .adv-description {
  width: 160px;
  color: #597DFC;
  text-align: center;
  padding: 0px 16px;
  white-space: nowrap;
}
.shareStaticPage .file-list-adv-container .adv-label {
  width: 100px;
  padding: 0px 16px;
  text-align: center;
}
.shareStaticPage .pointer {
  cursor: pointer;
  margin-right: 80px;
}
.shareStaticPage .mr10 {
  margin-right: 10px;
}
.shareStaticPage .brHalf {
  border-radius: 50%;
}
.shareStaticPage .ReactVirtualized__Grid {
  overflow-x: hidden !important;
}
.shareStaticPage .ReactVirtualized__Grid:focus {
  outline: unset;
}
.shareStaticPage .ant-modal-wrap {
  z-index: 4000 !important;
}
.shareStaticPage .frontend-message {
  z-index: 5000 !important;
}
.shareStaticPage .file-list {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  padding: 0 30px;
}
.shareStaticPage .file-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shareStaticPage .filesInfo {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #fff;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  z-index: 10;
}
.shareStaticPage .filesInfo:hover {
  background: rgba(244, 246, 252, 0.6);
}
.shareStaticPage .filesInfo.selected {
  background-color: rgba(244, 246, 252);
  color: #fff;
}
.shareStaticPage .sortList {
  width: 190px !important;
}
.shareStaticPage .sortList .ant-dropdown-menu {
  border-radius: 8px !important;
}
.shareStaticPage .fileBox div {
  width: 100%;
}
.shareStaticPage .selection-box {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px dashed #000;
  pointer-events: none;
}
.shareStaticPage .boxBorder {
  -ms-overflow-style: none;
  -moz-appearance: none;
  scrollbar-width: none;
  overflow: -moz-scrollbars-none;
}
.shareStaticPage .boxBorder::-webkit-scrollbar {
  width: 0 !important;
}
.shareStaticPage .fileBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.shareStaticPage .fileNameBox {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  max-height: 36px;
  font-weight: 400;
  word-break: break-all;
  white-space: normal;
  color: #262626;
  line-clamp: 2;
  line-height: 18px;
  -webkit-box-orient: vertical;
}
.shareStaticPage .shareWeb404Img {
  width: 311px;
  height: 211px;
  margin: 20px auto;
  display: block;
  margin-top: 200px;
}
.shareStaticPage .mobileCheck .ant-checkbox-inner {
  border-radius: 50% !important;
}
.shareStaticPage .shareWeb404Text {
  color: #A9A9A9;
  text-align: center;
  font-size: 20px;
  line-height: 2;
}
.shareStaticPage .shareApp404Img {
  width: 211px;
  height: 161px;
  margin: 20px auto;
  display: block;
  margin-top: 200px;
}
.shareStaticPage .shareApp404Text {
  color: #A9A9A9;
  text-align: center;
  font-size: 20px;
  line-height: 2;
}
.shareStaticPage .shareTable404Img {
  display: block;
  width: 270px;
  height: 170px;
  margin: 10px auto;
  margin-top: 160px;
}
.shareStaticPage .shareTable404Text {
  font-size: 14px;
  color: #A9A9A9;
  text-align: center;
}
.shareStaticPage .appVis2Plh {
  width: 100%;
  overflow: hidden;
  background: #ffffff;
  height: 40px;
}
.shareStaticPage .appHeader {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #F0F0F0;
  padding: 5px 20px;
  height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shareStaticPage .appHeaderImg {
  display: block;
  float: left;
}
.shareStaticPage .appHeaderBtn {
  float: right;
  width: 76px;
  height: 30px;
  border-radius: 16px;
  background: #6372FD;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  margin-top: 3px;
}
.shareStaticPage .appTopImg {
  display: block;
  float: left;
  margin-top: 2px;
}
.shareStaticPage .appTopText {
  font-size: 14px;
  color: #020208;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shareStaticPage .appTopNav {
  min-height: 22px;
  max-height: 44px;
  margin: 4px 0;
  padding: 0 10px;
  box-sizing: border-box;
}
.shareStaticPage .appFileName {
  width: 100%;
  height: 35px;
  color: #9B9C9F;
  font-size: 14px;
  padding-left: 20px;
  box-sizing: border-box;
}
.shareStaticPage .appFileChoose {
  width: 68px;
  float: right;
  margin-right: 8px;
  text-align: center;
  color: #6372FD;
  box-sizing: border-box;
  line-height: 35px;
}
.shareStaticPage .appTable {
  width: 100%;
  height: 56px;
  padding: 0 10px 0 20px;
  box-sizing: border-box;
}
.shareStaticPage .appTableRowLeft {
  width: 76%;
  margin-top: 8px;
  display: inline-block;
}
.shareStaticPage .appTableRowLeftContent {
  width: 100%;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shareStaticPage .appTableRowLeftImg {
  float: left;
  margin-top: 6px;
  margin-right: 10px;
}
.shareStaticPage .appTableRowLeftText {
  font-size: 16px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.shareStaticPage .appTableRowRight {
  width: 60px;
  float: right;
  text-align: center;
  margin-top: 24px;
}
.shareStaticPage .appBottomBtn {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}
.shareStaticPage .appBottomBtnLeft {
  width: 165px;
  height: 40px;
  border-radius: 8px;
  line-height: 40px;
  border: 1px solid #6372FD;
  text-align: center;
  color: #6372FD;
  font-size: 16px;
}
.shareStaticPage .appBottomBtnRight {
  width: 165px;
  height: 40px;
  line-height: 40px;
  background: #6372FD;
  text-align: center;
  border-radius: 15px;
  font-size: 16px;
  color: #ffffff;
}
.shareStaticPage .ant-checkbox:hover::after,
.shareStaticPage .ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible !important;
}
.shareStaticPage .ant-checkbox-checked::after {
  border: none !important;
}
.shareStaticPage .jd_checkAll {
  margin-left: 30px !important;
}
.shareStaticPage .jd_checkAll .ant-checkbox-indeterminate .ant-checkbox-inner {
  background: #1890ff;
  border-radius: 5px;
}
.shareStaticPage .jd_checkAll .ant-checkbox-indeterminate .ant-checkbox-inner::after {
  height: 2px !important;
  background: #fff;
}
.shareStaticPage .ant-checkbox-inner {
  border-radius: 5px !important;
}
.shareStaticPage .columnsFile {
  width: 100%;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.shareStaticPage .columnsFileText {
  margin-left: 10px;
  color: #25262B;
  font-size: 14px;
}
.shareStaticPage .ant-image-preview-operations-operation {
  z-index: 20;
}
.shareStaticPage .isVip {
  display: flex;
  flex-direction: column;
}
.shareStaticPage .sortBox:focus {
  color: #333333 !important;
}
.shareStaticPage .ant-dropdown-menu-item:hover,
.shareStaticPage .ant-dropdown-menu-submenu-title:hover,
.shareStaticPage .ant-dropdown-menu-item.ant-dropdown-menu-item-active,
.shareStaticPage .ant-dropdown-menu-item.ant-dropdown-menu-submenu-title-active,
.shareStaticPage .ant-dropdown-menu-submenu-title.ant-dropdown-menu-item-active,
.shareStaticPage .ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-active {
  border-radius: 6px !important;
}
.shareStaticPage .usedRate {
  display: inline-block;
  min-width: 153px;
  height: 28px;
  background: #E0E7FF;
  border-radius: 6px 6px 6px 6px;
  opacity: 1;
  padding: 0 8px;
  color: #597DFC;
  line-height: 28px;
  margin-left: 12px;
}
.shareStaticPage .app-adv-container {
  height: 56px;
  padding: 0 10px 0 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.shareStaticPage .app-adv-container .app-adv-left {
  flex: 1;
  display: flex;
  align-items: center;
}
.shareStaticPage .app-adv-container .app-adv-left .app-adv-content {
  margin-left: 10px;
}
.shareStaticPage .app-adv-container .app-adv-left .app-adv-content .app-adv-name {
  font-size: 16px;
}
.shareStaticPage .app-adv-container .app-adv-left .app-adv-content .app-adv-desc {
  font-size: 12px;
  color: #597DFC;
}
.shareStaticPage .app-adv-container .app-adv-right {
  width: 60px;
  text-align: center;
  font-size: 12px;
  color: #7B808F;
  margin-right: 8px;
}
.shareStaticPage .sharePay {
  background-image: url(..//img/web_btn_reward.7fa6cb0f.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 117px;
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shareStaticPage .ant-table {
  background-color: unset;
}

.share-list {
  background: white;
  padding: 4px 24px 24px 24px;
  border-left: 1px solid #F5F6F7;
  border-radius: 0;
}
.share-list .file-name .click-mode:hover {
  color: #3C80FF;
}
.share-list .share-list-content-box {
  height: 32px;
  display: flex;
  justify-content: space-between;
  margin-left: 8px;
}
.share-list .ant-table-row {
  align-items: center !important;
}
.share-list .ant-table-row input {
  width: 100% !important;
  height: 100% !important;
  cursor: initial!important;
}
.share-list .ant-table-tbody-virtual-scrollbar-thumb {
  background: #EDEEF0 !important;
}
.share-list .mfy-button-group .btn-item {
  font-size: 12px;
  padding: 4px 12px;
  height: 32px;
}
.share-list-file-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.share-list-file-title-link {
  color: var(--mfy-color-primary);
}
.share-list-file-title-link:hover {
  color: var(--mfy-color-primary-active);
}
.share-list-file-title-link:active {
  color: var(--mfy-color-primary-active);
}
.share-list .ant-table .ant-table-header {
  border-bottom: 1px solid var(--mfy-color-fill-default) !important;
}
.share-list-input-wrapper .search-input {
  width: 180px;
  height: 32px;
}
.share-list-input-wrapper .search-input-prefix-icon {
  cursor: pointer;
  font-size: 16px;
}
.share-list-input-wrapper .search-input-clear-icon {
  cursor: pointer;
  font-size: 16px;
  color: #878999;
}
.share-list .icon-list-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.share-list .icon-list-wrap .icon-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
}
.share-list .icon-list-wrap .icon-wrap .icon-item {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-emphasize-text);
}
.share-list .icon-list-wrap .icon-wrap:hover {
  background: rgba(182, 186, 195, 0.3);
}
.share-list .float-span-operate {
  visibility: hidden;
}
.share-list .ant-table-cell-row-hover .float-span-operate {
  visibility: visible;
}
.share-list .operate-link {
  color: #597DFC !important;
}
.share-list .operate-link svg {
  color: #597DFC !important;
}
.share-list .operate-link:hover {
  color: #51a1f0 !important;
}
.share-list .operate-link:hover svg {
  color: #51a1f0 !important;
}
.share-list .table-content-text-status-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.share-list .table-content-text-status-wrapper .table-content-text-status {
  margin-left: 4px;
}
.share-list .table-content-text-status-wrapper > span:first-child {
  width: 86px;
  flex-basis: 86px;
  min-width: 86px;
  max-width: 86px;
  height: 24px;
  line-height: 24px;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
}
.share-list .table-content-text-status-violation-wrapper {
  display: flex;
  padding: 2px 2px 2px 6px;
  align-items: center;
  gap: 2px;
  border-radius: 4px;
  background: #FFF6F7;
  cursor: pointer;
  color: #F64E60;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.share-list .table-content-text-status-violation-wrapper:hover {
  color: #FF7A83;
}
.share-list .table-content-text-status-violation-wrapper:hover span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41MDQ4MyAwLjUwNTA3NEMwLjc3ODE5NyAwLjIzMTcwNyAxLjIyMTQxIDAuMjMxNzA3IDEuNDk0NzggMC41MDUwNzRMNS40OTQ3OCA0LjUwNTA3QzUuNzY4MTUgNC43Nzg0NCA1Ljc2ODE1IDUuMjIxNjYgNS40OTQ3OCA1LjQ5NTAyTDEuNDk0NzggOS40OTUwMkMxLjIyMTQxIDkuNzY4MzkgMC43NzgxOTcgOS43NjgzOSAwLjUwNDgzIDkuNDk1MDJDMC4yMzE0NjMgOS4yMjE2NiAwLjIzMTQ2MyA4Ljc3ODQ0IDAuNTA0ODMgOC41MDUwN0w0LjAwOTg2IDUuMDAwMDVMMC41MDQ4MyAxLjQ5NTAyQzAuMjMxNDYzIDEuMjIxNjYgMC4yMzE0NjMgMC43Nzg0NDEgMC41MDQ4MyAwLjUwNTA3NFoiIGZpbGw9IiNGRjdBODMiLz4KPC9zdmc+Cg==) no-repeat center center;
}
.share-list .table-content-text-status-violation-wrapper:active {
  color: #CF384C;
}
.share-list .table-content-text-status-violation-wrapper:active span {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41MDQ4MyAwLjUwNTA3NEMwLjc3ODE5NyAwLjIzMTcwNyAxLjIyMTQxIDAuMjMxNzA3IDEuNDk0NzggMC41MDUwNzRMNS40OTQ3OCA0LjUwNTA3QzUuNzY4MTUgNC43Nzg0NCA1Ljc2ODE1IDUuMjIxNjYgNS40OTQ3OCA1LjQ5NTAyTDEuNDk0NzggOS40OTUwMkMxLjIyMTQxIDkuNzY4MzkgMC43NzgxOTcgOS43NjgzOSAwLjUwNDgzIDkuNDk1MDJDMC4yMzE0NjMgOS4yMjE2NiAwLjIzMTQ2MyA4Ljc3ODQ0IDAuNTA0ODMgOC41MDUwN0w0LjAwOTg2IDUuMDAwMDVMMC41MDQ4MyAxLjQ5NTAyQzAuMjMxNDYzIDEuMjIxNjYgMC4yMzE0NjMgMC43Nzg0NDEgMC41MDQ4MyAwLjUwNTA3NFoiIGZpbGw9IiNDRjM4NEMiLz4KPC9zdmc+Cg==) no-repeat center center;
}
.share-list .table-content-text-status-violation-wrapper span {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDYgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41MDQ4MyAwLjUwNTA3NEMwLjc3ODE5NyAwLjIzMTcwNyAxLjIyMTQxIDAuMjMxNzA3IDEuNDk0NzggMC41MDUwNzRMNS40OTQ3OCA0LjUwNTA3QzUuNzY4MTUgNC43Nzg0NCA1Ljc2ODE1IDUuMjIxNjYgNS40OTQ3OCA1LjQ5NTAyTDEuNDk0NzggOS40OTUwMkMxLjIyMTQxIDkuNzY4MzkgMC43NzgxOTcgOS43NjgzOSAwLjUwNDgzIDkuNDk1MDJDMC4yMzE0NjMgOS4yMjE2NiAwLjIzMTQ2MyA4Ljc3ODQ0IDAuNTA0ODMgOC41MDUwN0w0LjAwOTg2IDUuMDAwMDVMMC41MDQ4MyAxLjQ5NTAyQzAuMjMxNDYzIDEuMjIxNjYgMC4yMzE0NjMgMC43Nzg0NDEgMC41MDQ4MyAwLjUwNTA3NFoiIGZpbGw9IiNGNjRFNjAiLz4KPC9zdmc+Cg==) no-repeat center center;
}
.share-list .share-btn-wrapper {
  height: 38px;
  display: flex;
  align-items: center;
  border: 1px solid #D9D9D9;
  border-radius: 24px;
}
.share-list .share-btn-wrapper .btn-item {
  font-weight: normal;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.9);
  padding: 0 15px;
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
}
.share-list .share-btn-wrapper .btn-item.disabled {
  background-color: #F4F4F4;
  color: #B8BBC4;
  cursor: not-allowed;
}
.share-list .share-btn-wrapper .btn-item.disabled:hover {
  background-color: #F4F4F4;
  color: #B8BBC4;
}
.share-list .share-btn-wrapper .btn-item.disabled:hover svg {
  color: #B8BBC4;
}
.share-list .share-btn-wrapper .btn-item.disabled svg {
  color: #B8BBC4;
}
.share-list .share-btn-wrapper .btn-item:not(:last-child) {
  border-right: 1px solid #D9D9D9;
}
.share-list .share-btn-wrapper .btn-item:last-child {
  border-radius: 0 24px 24px 0;
}
.share-list .share-btn-wrapper .btn-item:first-child {
  border-radius: 24px 0 0 24px;
}
.share-list .share-btn-wrapper .btn-item svg {
  color: #000000D9;
}
.share-list .share-btn-wrapper .btn-item:hover {
  background: #F6F8FF;
  color: #597DFC;
}
.share-list .share-btn-wrapper .btn-item:hover svg {
  color: #597DFC;
}
.share-list .share-btn-wrapper .btn-item .mr3 {
  margin-right: 3px;
}
.share-list .btn-cancel-share {
  width: 115px;
  height: 38px;
  border-radius: 19px;
  background: #597DFC;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.share-list .btn-cancel-share .mr3 {
  margin-right: 3px;
}
.share-list .clear-all-btn {
  width: 158px;
  height: 32px;
  padding: 8px 12px;
  line-height: 32px;
  background: white;
  color: var(--mfy-color-primary);
  text-align: center;
  border-radius: 6px;
  border: 1px solid var(--mfy-color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  gap: 4px;
}
.share-list .clear-all-btn-icon {
  color: inherit;
  font-size: 16px;
}
.share-list .share-list-input-wrapper {
  height: 32px;
}
.share-list .table-title-icon {
  font-size: var(--mfy-font-size-new-14);
  margin-left: 6px;
  color: var(--mfy-color-new-describe-text);
}
.share-list .table-content-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-describe-text);
}
.share-list .table-content-text-status {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-text);
}
.share-list .table-content-text-status-error {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-secondary-describe-text);
}
.share-list .table-content-text-status-warning {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-warning);
}
.share-list .table-content-text-filename-max-width {
  max-width: 336px;
}
.share-list .table-content-text-filename {
  margin-left: 12px;
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
}
.share-list .table-tab-wrapper {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 8px;
}
.share-list .table-tab-wrapper .mfy-tabs {
  width: 146px;
  height: 32px;
  padding: 2px;
  font-size: 12px;
}
.share-list .table-tab-wrapper .mfy-tabs .mfy-tabs-item {
  font-size: 12px;
  padding: 0;
  flex: 1;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-list .table-content-wrapper {
  flex: 1;
  min-height: 0;
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper {
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading {
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container {
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table {
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-container {
  height: 100%;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-row .ant-table-cell:first-child {
  border-radius: 8px 0 0 8px !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-row .ant-table-cell:last-child {
  border-radius: 0 8px 8px 0 !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-row > .ant-table-cell-row-hover {
  background: #F8F8F9 !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-header {
  padding-bottom: 3px !important;
  border-bottom: 1px solid var(--mfy-color-fill-default) !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-header th {
  padding: 0 8px 0 8px !important;
  height: 32px !important;
  border-radius: 8px !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-header th:first-child {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-spin-nested-loading .ant-spin-container .ant-table .ant-table-header th:nth-child(2) {
  padding-left: 1px !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-table-tbody .ant-table-row.ant-table-row-selected > .ant-table-cell {
  background: #F3F5F7 !important;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: unset;
}
.share-list .table-content-wrapper .ant-table-wrapper .ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.06);
}
.cancel-share-modal .ant-modal-title {
  font-size: 14px;
}
.share-web-list {
  padding: 24px 24px 24px 16px;
  border-radius: 16px 16px 0 0;
  margin-right: 12px;
}
.share-web-list .share-list-content-box {
  height: 40px;
}
.share-web-list .mfy-button-group .btn-item {
  font-size: 14px;
  height: 40px;
}
.share-web-list .clear-all-btn {
  width: auto;
  height: 40px;
  padding: 0 16px;
  border-radius: 8px;
}
.share-web-list .clear-all-btn .clear-all-btn-icon {
  font-size: 14px;
}
.share-web-list .table-tab-wrapper {
  margin-top: 24px;
  margin-bottom: 16px;
  margin-left: 8px;
}
.share-web-list .search-input {
  width: 260px;
  height: 40px;
}
.share-web-list .mfy-tabs {
  width: fit-content !important;
  padding: 4px !important;
  height: 40px !important;
}
.share-web-list .mfy-tabs .mfy-tabs-item {
  font-weight: 400;
  font-size: 14px !important;
  cursor: pointer;
  height: 32px !important;
  padding: 7px 16px !important;
  text-align: center;
  border-radius: 8px;
  white-space: nowrap;
}
.share-web-list .mfy-tabs .active {
  font-weight: bold;
}

.sharing-agreement {
  background: #F5F6F7;
  overflow: auto;
  height: 100vh;
}
.sharing-agreement a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.sharing-agreement a:hover {
  color: var(--mfy-color-primary-hover);
}
.sharing-agreement a:active {
  color: var(--mfy-color-primary-active);
}
.sharing-agreement .top-nav {
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.sharing-agreement-content {
  background: var(---, #F5F6F7);
}
.sharing-agreement-content.mobile .sharing-agreement-content--banner {
  display: none;
}
.sharing-agreement-content.mobile .sharing-agreement-content--tab {
  width: 100%;
}
.sharing-agreement-content.mobile .sharing-agreement-content--tabContent {
  width: 100%;
  padding: 12px 24px;
}
.sharing-agreement-content.mobile .sharing-agreement-content--tabContent__title {
  text-align: center;
}
.sharing-agreement-content--title {
  display: flex;
  flex-direction: column;
  height: 196px;
  align-items: center;
  justify-content: center;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
}
.sharing-agreement-content--tabContent {
  width: 1200px;
  padding: 32px 40px;
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
  margin: 0 auto;
  min-height: 264px;
  margin-bottom: 24px;
}
.sharing-agreement-content--tabContent__title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 150%;
  /* 24px */
  margin-bottom: 12px;
}
.sharing-agreement-content--tabContent__subTitle {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 200%;
  /* 25.2px */
  margin-bottom: 40px;
}
.sharing-agreement-content--tabContent__subContent {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
  font-style: normal;
  line-height: 200%;
  margin-bottom: 24px;
}

.synchronous-space-main {
  padding: 24px 0 0 0;
  height: 100%;
}
.synchronous-space-main .layout-operate-icon .no-hover {
  display: block;
  cursor: pointer;
}
.synchronous-space-main .layout-operate-icon .hover {
  display: none;
  cursor: pointer;
}
.synchronous-space-main .layout-operate-icon:hover .no-hover {
  display: none;
}
.synchronous-space-main .layout-operate-icon:hover .hover {
  display: block;
}
.synchronous-space-main strong {
  color: #597dfc;
}
.synchronous-space-main .ant-table-body {
  overflow-y: scroll !important;
}
.synchronous-space-main .ant-table .ant-table-body::-webkit-scrollbar,
.synchronous-space-main .ant-table .ant-table-body-inner::-webkit-scrollbar {
  width: 4px !important;
  cursor: pointer;
  height: 4px;
}
.synchronous-space-main .ant-table .ant-table-body::-webkit-scrollbar-thumb,
.synchronous-space-main .ant-table .ant-table-body-inner::-webkit-scrollbar-thumb {
  cursor: pointer;
}
.synchronous-space-main .float-span-operate {
  visibility: hidden;
}
.synchronous-space-main .ant-table-thead th.ant-table-column-sort,
.synchronous-space-main .ant-table-tbody td.ant-table-column-sort {
  background: #ffffff;
}
.synchronous-space-main .ant-table-thead th.ant-table-column-has-sorters:hover {
  background: #ffffff;
}
.synchronous-space-main .ant-table-cell-row-hover .float-span-operate {
  visibility: visible;
}
.synchronous-space-main .ant-table-cell-row-hover .hover-visible {
  visibility: visible;
}
.synchronous-space-main .ant-table-row {
  cursor: default;
}
.synchronous-space-main .floatSpan {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.synchronous-space-main-header {
  margin-bottom: 24px;
  padding: 0 24px;
}
.synchronous-space-main-header__operate {
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.synchronous-space-main-header__operate--root {
  font-weight: 600;
  font-size: 14px;
  color: #3A4056;
  line-height: 22px;
  margin-right: 15px;
}
.synchronous-space-main-header__operate--wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 435px;
}
.synchronous-space-main-header__operate--button {
  background: #597DFC;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
  margin-right: 12px;
}
.synchronous-space-main-header__operate--group {
  border: 1px solid #D9D9D9;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all 0.5s linear;
}
.synchronous-space-main-header__operate--group.operate-hidden .synchronous-space-main-header__operate--group_button .icon {
  margin-right: 0;
}
.synchronous-space-main-header__operate--group.operate-hidden .synchronous-space-main-header__operate--group_button span {
  display: none;
}
.synchronous-space-main-header__operate--group_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 7px 19px;
  border-right: 1px solid #D9D9D9;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
}
.synchronous-space-main-header__operate--group_button:hover {
  background: rgba(244, 246, 252, 0.9);
  color: #597DFC;
}
.synchronous-space-main-header__operate--group_button:hover .icon {
  color: #597DFC;
}
.synchronous-space-main-header__operate--group_button .icon {
  margin-right: 2px;
  font-size: 18px;
}
.synchronous-space-main-header__operate--group_button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.synchronous-space-main-header__operate--group_button:last-child {
  border-right: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.synchronous-space-main-header__operate--search_input {
  padding: 5px 8px;
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 20px;
  border-radius: 6px;
  border: 1px solid #EAEAEA;
  box-shadow: none;
}
.synchronous-space-main-header__operate--search_input.ant-input-affix-wrapper-focused {
  border-color: #597DFC !important;
}
.synchronous-space-main-header__operate--search_input::placeholder {
  font-size: 14px;
  color: #B8BBC4;
  line-height: 20px;
}
.synchronous-space-main-header__operate--search_input:focus {
  border-color: #597DFC !important;
}
.synchronous-space-main-header__operate--search_input:hover {
  border-color: #597dfc !important;
}
.synchronous-space-main-content {
  height: calc(100% - 56px);
}
.synchronous-space-main-content-menu {
  padding: 0 24px;
}
.synchronous-space-main-content tr:hover {
  cursor: pointer !important;
}
.synchronous-space-main-content__breadcrumb {
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.synchronous-space-record {
  padding: 24px 24px 0 24px;
  height: 100%;
}
.synchronous-space-record .ant-table .ant-table-body::-webkit-scrollbar,
.synchronous-space-record .ant-table .ant-table-body-inner::-webkit-scrollbar {
  width: 4px !important;
  cursor: pointer;
  height: 4px;
}
.synchronous-space-record .ant-table .ant-table-body::-webkit-scrollbar-thumb,
.synchronous-space-record .ant-table .ant-table-body-inner::-webkit-scrollbar-thumb {
  cursor: pointer;
}
.synchronous-space-record .ant-table-body {
  overflow-y: scroll !important;
}
.synchronous-space-record-operate__label {
  padding: 3px 8px;
  font-size: 14px;
  display: inline-flex;
  border-radius: 6px;
}
.synchronous-space-record-operate__label.create {
  background: #F0F3FA;
  color: #597DFC;
}
.synchronous-space-record-operate__label.change {
  background: #F4FFE8;
  color: #52C41A;
}
.synchronous-space-record-operate__label.remove {
  background: #FFE7E7;
  color: #FF6C6C;
}
.synchronous-space-record-header {
  margin-bottom: 24px;
}
.synchronous-space-record-header__operate {
  height: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.synchronous-space-record-header__operate--root {
  font-weight: 600;
  font-size: 14px;
  color: #3A4056;
  line-height: 22px;
}
.synchronous-space-record-header__operate--search_input {
  padding: 4px 8px;
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 20px;
  border-radius: 6px;
  border: 1px solid #EAEAEA;
  box-shadow: none;
}
.synchronous-space-record-header__operate--search_input.ant-input-affix-wrapper-focused {
  border-color: #597DFC !important;
}
.synchronous-space-record-header__operate--search_input::placeholder {
  font-size: 14px;
  color: #B8BBC4;
  line-height: 20px;
}
.synchronous-space-record-header__operate--search_input:focus {
  border-color: #597DFC !important;
}
.synchronous-space-record-header__operate--search_input:hover {
  border-color: #597dfc !important;
}
.synchronous-space-record-content {
  height: calc(100% - 56px);
}

.synchronous-space-recycle {
  padding: 24px 24px 0 24px;
  height: 100%;
}
.synchronous-space-recycle .ant-table .ant-table-body::-webkit-scrollbar,
.synchronous-space-recycle .ant-table .ant-table-body-inner::-webkit-scrollbar {
  width: 4px !important;
  cursor: pointer;
  height: 4px;
}
.synchronous-space-recycle .ant-table .ant-table-body::-webkit-scrollbar-thumb,
.synchronous-space-recycle .ant-table .ant-table-body-inner::-webkit-scrollbar-thumb {
  cursor: pointer;
}
.synchronous-space-recycle .ant-table-body {
  overflow-y: scroll !important;
}
.synchronous-space-recycle-header {
  margin-bottom: 10px;
}
.synchronous-space-recycle-header__operate {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.synchronous-space-recycle-header__operate--button {
  height: 32px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 12px;
  background: #597DFC;
  border-radius: 6px;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
  cursor: pointer;
}
.synchronous-space-recycle-header__operate--button-icon {
  margin-right: 2px;
  color: #FFFFFF;
  font-size: 16px;
}
.synchronous-space-recycle-header__operate--group {
  border: 1px solid #D9D9D9;
  align-items: center;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
}
.synchronous-space-recycle-header__operate--group_button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 22px;
  border-right: 1px solid #D9D9D9;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  color: #3A4056;
  line-height: 16px;
}
.synchronous-space-recycle-header__operate--group_button:hover {
  background: rgba(244, 246, 252, 0.9);
  color: #597DFC;
}
.synchronous-space-recycle-header__operate--group_button:hover .icon {
  color: #597DFC;
}
.synchronous-space-recycle-header__operate--group_button .icon {
  margin-right: 2px;
  font-size: 16px;
}
.synchronous-space-recycle-header__operate--group_button:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.synchronous-space-recycle-header__operate--group_button:last-child {
  border-right: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.synchronous-space-recycle-content {
  height: calc(100% - 56px);
}

.tools-container {
  padding-left: 8px;
  height: 100%;
  overflow: auto;
}
.tools-container__header {
  line-height: 36px;
  margin-bottom: 20px;
  font-size: 14px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #3A4056;
}
.tools-container__header--title {
  position: relative;
}
.tools-container__header--title::before {
  content: '';
  display: block;
  width: 1px;
  height: 16px;
  background: #EDEFF3;
  position: absolute;
  left: -14px;
  top: 2px;
}
.tools-container__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.tools-container__content-row-title {
  color: var(--mfy-color-new-secondary-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 12px;
}
.tools-container__content-row-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
}
.tools-container__content-row-list--item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 24px;
  height: 80px;
  gap: 8px;
  border-radius: 12px;
  background: #FAFAFA;
  cursor: pointer;
  min-width: 236px;
  max-width: 236px;
  width: clamp(212px, calc(212px + (48 * ((100vw - 1200px) / 720))), 236px);
  position: relative;
}
.tools-container__content-row-list--item__icon {
  width: 40px;
  height: 40px;
}
.tools-container__content-row-list--item__title {
  color: #1B1F35;
  font-size: 14px;
  white-space: nowrap;
}
.tools-container-hot--label {
  position: absolute;
  top: 0;
  right: 0;
  width: 38px;
  height: 22px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: linear-gradient(122deg, #FC602F 1%, #FFC28A 100%);
  border-radius: 8px 8px 0 8px;
  border-image: linear-gradient(223deg, #ffffff, rgba(255, 255, 255, 0)) 0 0;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 22px;
}
.tools-web-container .tools-container__content-row-list--item__icon {
  width: 42px;
  height: 42px;
}

.user-agreement {
  background: #F5F6F7;
  overflow: auto;
  height: 100vh;
}
.user-agreement ul {
  margin: 0;
}
.user-agreement a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.user-agreement a:hover {
  color: var(--mfy-color-primary-hover);
}
.user-agreement a:active {
  color: var(--mfy-color-primary-active);
}
.user-agreement p {
  margin: 0 0 24px 0;
}
.user-agreement .top-nav {
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.user-agreement-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.user-agreement-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.user-agreement-content {
  background: var(---, #F5F6F7);
}
.user-agreement-content.mobile .user-agreement-content--title {
  display: none;
}
.user-agreement-content.mobile .user-agreement-content--tabContent {
  width: 100%;
  padding: 12px 24px;
}
.user-agreement-content.mobile .user-agreement-content--tabContent__title {
  text-align: center;
}
.user-agreement-content--title {
  display: flex;
  flex-direction: column;
  height: 196px;
  align-items: center;
  justify-content: center;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
}
.user-agreement-content--tabContent {
  width: 1200px;
  padding: 32px 40px;
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
  margin: 0 auto;
  min-height: 264px;
}
.user-agreement-content--tabContent p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.user-agreement-content--tabContent p > strong:first-child {
  margin-bottom: 16px;
  display: inline-block;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 24px;
}
.user-agreement-content--tabContent p > strong,
.user-agreement-content--tabContent ul > li > strong {
  color: var(--mfy-color-new-emphasize-text);
}
.user-agreement-content--tabContent p > span,
.user-agreement-content--tabContent ul > li > span {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
}
.user-agreement-content--tabContent h2 {
  color: var(---1, #3a4056);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
.user-agreement-content--tabContent .firstParagraph {
  margin-bottom: 40px;
}
.user-agreement-content--tabContent .firstParagraph > span {
  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: 24px;
}
.user-agreement-content--tabContent .strongParagraph span {
  font-weight: bolder;
}

.UserCenter-const-productExplain {
  color: #1b1f35;
  display: flex;
  align-items: center;
  gap: 21px;
}
.UserCenter-const-productExplain-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}
.UserCenter-const-Iconfont {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.UserCenter-const-status-refund {
  width: 56px;
  height: 28px;
  background: #e8faec;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #0dbe30;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCenter-const-status-success {
  width: 56px;
  height: 28px;
  background: #e8faec;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #0dbe30;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCenter-const-status-refunding {
  width: 56px;
  height: 28px;
  background: #fff7e8;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #f9a400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCenter-const-status-failed {
  width: 70px;
  height: 28px;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  background: #fff6f7;
  color: #f64e60;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCenter-const-status-wait {
  width: 56px;
  height: 28px;
  background: #fff7e8;
  border-radius: 6px 6px 6px 6px;
  font-size: 12px;
  color: #f9a400;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserCenter-const-action {
  display: flex;
  align-items: center;
  gap: 16px;
}
.UserCenter-const-action .ant-btn-variant-link {
  padding: 0;
}

.UserCenter-UserRevenue {
  color: var(--mfy-color-text);
}
.UserCenter-UserRevenue .ant-table {
  padding: 4px 16px 0 !important;
  color: #bbbdc9;
}
.UserCenter-UserRevenue .ant-table-cell {
  height: 56px !important;
}
.UserCenter-UserRevenue .ant-table-body .ant-table-cell {
  color: #bbbdc9 !important;
}
.UserCenter-UserRevenue .ant-table {
  border-radius: 8px !important;
}
.UserCenter-UserRevenue-accountTitle {
  height: 21px;
  line-height: 21px;
  font-weight: 400;
  font-size: 16px;
  color: #878999;
  margin-top: 4px;
  margin-left: 8px;
}
.UserCenter-UserRevenue-accountList {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-right: 12px;
  margin-top: 12px;
}
.UserCenter-UserRevenue-accountList-item {
  flex: 1;
  height: 160px;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
  position: relative;
}
.UserCenter-UserRevenue-accountList-item-preImg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 40px;
  left: 36px;
  z-index: 1;
}
.UserCenter-UserRevenue-accountList-item-label {
  position: absolute;
  top: 43px;
  left: 68px;
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  text-align: left;
  z-index: 1;
}
.UserCenter-UserRevenue-accountList-item-label-Iconfont {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 6px;
  color: #878999;
}
.UserCenter-UserRevenue-accountList-item-btn {
  position: absolute;
  top: 42px;
  left: 122px;
  z-index: 1;
}
.UserCenter-UserRevenue-accountList-item-btn-withdraw {
  display: flex;
  align-items: center;
  color: #3c80ff;
}
.UserCenter-UserRevenue-accountList-item-btn-img {
  width: 16px;
  height: 16px;
}
.UserCenter-UserRevenue-accountList-item-pre {
  position: absolute;
  top: 102px;
  left: 36px;
  color: #1b1f35;
  height: 18px;
  line-height: 18px;
  z-index: 1;
}
.UserCenter-UserRevenue-accountList-item-value {
  position: absolute;
  top: 90px;
  left: 52px;
  height: 32px;
  line-height: 33px;
  font-size: 24px;
  color: #1b1f35;
  text-align: left;
  z-index: 1;
  font-family: var(--mfy-font-family);
  font-weight: bold;
}
.UserCenter-UserRevenue-accountList-item-afterImg {
  position: absolute;
  top: 0;
  right: 24px;
  width: 160px;
  height: 160px;
}
.UserCenter-UserRevenue-incomeTitle {
  height: 21px;
  line-height: 21px;
  font-weight: 400;
  font-size: 16px;
  color: #878999;
  margin-top: 24px;
  margin-left: 8px;
}
.UserCenter-UserRevenue-incomeTitle-Iconfont {
  width: 16px;
  height: 16px;
  cursor: pointer;
  margin-left: 6px;
  color: #878999;
}
.UserCenter-UserRevenue-income {
  margin-top: 12px;
  margin-right: 12px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.UserCenter-UserRevenue-income-left {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.UserCenter-UserRevenue-income-left-card {
  height: 160px;
  width: 240px;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
}
.UserCenter-UserRevenue-income-left-card-item {
  position: relative;
}
.UserCenter-UserRevenue-income-left-card-item-preImg {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 40px;
  left: 36px;
}
.UserCenter-UserRevenue-income-left-card-item-label {
  position: absolute;
  top: 43px;
  left: 68px;
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  text-align: left;
  z-index: 1;
}
.UserCenter-UserRevenue-income-left-card-item-value {
  position: absolute;
  top: 86px;
  left: 36px;
}
.UserCenter-UserRevenue-income-left-card-item-value-pre {
  color: #1b1f35;
  height: 18px;
  line-height: 18px;
}
.UserCenter-UserRevenue-income-left-card-item-value-text {
  height: 32px;
  line-height: 33px;
  font-size: 24px;
  color: #1b1f35;
  text-align: left;
  font-family: var(--mfy-font-family);
  font-weight: bold;
}
.UserCenter-UserRevenue-income-right {
  flex: 1;
  background: #ffffff;
  border-radius: 12px 12px 12px 12px;
  padding: 24px;
}
.UserCenter-UserRevenue-buyTitle {
  height: 21px;
  line-height: 21px;
  font-weight: 400;
  font-size: 16px;
  color: #878999;
  margin-top: 24px;
  margin-left: 8px;
  margin-bottom: 12px;
}
.UserCenter-UserRevenue-buyOrders {
  position: sticky;
  top: 0;
  z-index: 2;
  width: calc(100% - 12px);
}
.UserCenter-UserRevenue-buyOrders .ant-table-thead .ant-table-cell {
  font-size: 14px;
  color: #878999 !important;
}
.UserCenter-UserRevenue-buyOrders .ant-table-ping-left .ant-table-cell-fix-left-last::after {
  box-shadow: none !important;
}
.UserCenter-UserRevenue-buyOrders .ant-table-ping-right:not(.ant-table-has-fix-right) .ant-table-container::after {
  box-shadow: none !important;
}
.UserCenter-UserRevenue-buyOrders .ant-table-container::before,
.UserCenter-UserRevenue-buyOrders .ant-table-container::after {
  box-shadow: none !important;
}
.UserCenter-UserRevenue-tableAction-item {
  color: #597dfc;
  font-size: 14px;
}
.UserCenter-UserRevenue-table-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 450px;
  justify-content: center;
}
.UserCenter-UserRevenue-cursorPoint {
  cursor: pointer;
}
.UserCenter-UserRevenue-cursorDisable {
  cursor: unset;
  color: #D1D3E0;
}

.user-certificate {
  padding: 32px 24px;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  background: white;
}
.user-certificate-title {
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  margin-bottom: 56px;
}
.user-certificate-content-form-input {
  border-radius: 6px;
  color: #3A4056;
  font-size: 14px;
  width: 230px;
}
.user-certificate-content-form-button {
  border-radius: 6px;
  margin-right: 7px;
}
.user-certificate-flex {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.user-certificate .ant-input-affix-wrapper-disabled {
  background: #F0F3FA;
}
.user-certificate .ant-input-affix-wrapper-disabled .ant-input {
  background: #F0F3FA;
  color: #3A4056;
}
.user-certificate-modal__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-certificate-modal__desc {
  color: var(--mfy-label-color);
  font-size: var(--mfy-font-size-6);
  text-align: center;
  margin-bottom: 8px;
}
.user-certificate-modal__tip {
  color: var(--mfy-color-primary);
  font-size: var(--mfy-font-size-6);
}
.user-certificate-modal__qrcode {
  margin: 0 auto 8px;
}
.user-certificate-modal__text {
  color: var(--mfy-color-text);
  font-size: var(--mfy-font-size-6);
  margin-bottom: 24px;
}

.user-withdraw {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-withdraw .ant-form-item {
  margin-bottom: 0;
}
.user-withdraw-back {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
  left: 24px;
  top: 24px;
  width: 32px;
  height: 32px;
  background: #f5f6f7;
  border-radius: 100px 100px 100px 100px;
}
.user-withdraw-title {
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
  margin-top: 40px;
  height: 24px;
}
.user-withdraw-container {
  width: 450px;
  font-family: var(--mfy-font-family);
  margin-top: 56px;
}
.user-withdraw-top {
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.03);
  border-radius: 16px 16px 16px 16px;
  border: 1px solid #f4f5fa;
  width: 100%;
  padding: 24px;
}
.user-withdraw-content-card {
  background: linear-gradient(92deg, #f0f4ff 0%, #f8faff 100%);
  border-radius: 8px 8px 8px 8px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-withdraw-content-card-can {
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  height: 18px;
  margin-bottom: 8px;
}
.user-withdraw-content-card-canBottom {
  display: flex;
  align-items: baseline;
}
.user-withdraw-content-card-canBottom-unit {
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
}
.user-withdraw-content-card-canBottom-value {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 24px;
  color: #1b1f35;
  height: 32px;
  font-weight: bold;
}
.user-withdraw-content-card-has {
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
}
.user-withdraw-content-tips {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 16px;
  height: 16px;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.user-withdraw-content-title {
  margin-top: 24px;
  margin-bottom: 10px;
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
}
.user-withdraw-form-input-prefix {
  font-weight: 600;
  font-size: 14px;
  color: #3a4056;
  line-height: 16px;
}
.user-withdraw-buttons {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
.user-withdraw-buttons-item {
  height: 24px;
  background: #ffffff;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #66a1ff;
  font-size: 12px;
  color: #3c80ff;
  cursor: pointer;
  padding: 0 8px;
  line-height: 24px;
  text-align: center;
  display: flex;
  align-items: center;
}
.user-withdraw-buttons-item:hover {
  border: 1px solid #66a1ff;
  color: #66a1ff;
}
.user-withdraw-buttons-item:active {
  border: 1px solid #2961d9;
  color: #2961d9;
}
.user-withdraw-buttons-curButton {
  border: 1px solid #2961d9;
  color: #2961d9;
}
.user-withdraw-alipay {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
}
.user-withdraw-alipay-content {
  display: flex;
  align-items: center;
}
.user-withdraw-alipay-content-logo {
  width: 40px;
  height: 40px;
  margin-right: 8px;
}
.user-withdraw-alipay-content-desc {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2px 0;
}
.user-withdraw-alipay-content-desc-title {
  height: 18px;
  line-height: 18px;
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
}
.user-withdraw-alipay-content-desc-text {
  height: 16px;
  line-height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.user-withdraw-alipay-button {
  width: 127px;
}
.user-withdraw-alipay-form-item {
  margin-bottom: 0 !important;
}
.user-withdraw-instructions {
  margin-top: 32px;
}
.user-withdraw-pc .user-withdraw-back {
  left: 16px;
  top: 16px;
}
.user-withdraw-pc .user-withdraw-container {
  margin-top: 24px;
}

.basic-setting {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 72px;
}
.basic-setting .avatar-wrapper {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
}
.basic-setting .avatar-wrapper .basic-setting-avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.basic-setting .avatar-wrapper .avatar-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.basic-setting .avatar-wrapper .avatar-mask span {
  color: white;
  font-size: var(--mfy-font-size-new-14);
}
.basic-setting .avatar-wrapper:hover .avatar-mask {
  opacity: 1;
}
.basic-setting .basic-setting-uid {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-top: 8px;
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  align-items: center;
  line-height: 22px;
}
.basic-setting .basic-setting-uid .icon {
  font-size: var(--mfy-font-size-new-16);
  color: var(--mfy-color-new-describe-text);
  cursor: pointer;
}
.basic-setting .basic-setting-nickname {
  margin-top: 20px;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  line-height: 26px;
}
.basic-setting .list-container {
  width: 100%;
  max-width: 560px;
  margin-top: 51px;
  margin-bottom: 48px;
}
.basic-setting .list-container .list-group {
  margin-bottom: 16px;
  background: #FAFAFA;
  border-radius: 16px;
  padding: 24px 24px;
}
.basic-setting .list-container .list-group:last-child {
  margin-bottom: 0;
}
.basic-setting .list-container .list-item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-setting .list-container .list-item .item-icon {
  margin-right: 12px;
  padding: 7.5px 10px;
  background: white;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06);
  border-radius: 8px;
}
.basic-setting .list-container .list-item .item-icon .icon {
  color: var(--mfy-color-new-emphasize-text);
  font-size: var(--mfy-font-size-new-16);
}
.basic-setting .list-container .list-item .item-wrapper {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #EDEEF0;
}
.basic-setting .list-container .list-item .item-content {
  flex: 1;
}
.basic-setting .list-container .list-item .item-content .item-title {
  font-size: var(--mfy-font-size-new-14);
  font-weight: var(--mfy-font-width-new-normal);
  color: var(--mfy-color-new-emphasize-text);
  line-height: 22px;
  margin-bottom: 2px;
}
.basic-setting .list-container .list-item .item-content .item-description {
  font-size: var(--mfy-font-size-new-12);
  font-weight: var(--mfy-font-width-new-normal);
  color: var(--mfy-color-new-describe-text);
  line-height: 20px;
}
.basic-setting .list-container .list-item .item-action {
  margin-left: 16px;
}
.basic-setting .list-container .list-item .item-action .action-button {
  font-size: var(--mfy-font-size-new-14);
  font-weight: var(--mfy-font-width-new-normal);
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.basic-setting .list-container .list-item .item-action .action-button.danger {
  color: #F64E60;
}
.basic-setting .list-container .list-item .item-action .action-button.disabled {
  color: var(--mfy-color-new-describe-text);
  cursor: not-allowed;
}
.basic-setting .list-container .list-item .item-action .action-button:hover {
  opacity: 0.8;
}
.basic-setting .list-container .list-item:last-child .item-wrapper {
  border-bottom: none;
  padding-bottom: 0;
}
.basic-setting .list-container .list-item:not(:first-child) {
  padding-top: 16px;
}
.basic-setting .listContainerPc {
  margin-top: 28px !important;
}
.basic-setting .avatarWrapperPc {
  width: 56px !important;
  height: 56px !important;
}
.basic-setting .avatarMaskPc span {
  font-size: 12px !important;
}

.change-email-modal .label-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}
.change-email-modal .modal-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-end;
}
.change-email-modal .modal-send-code {
  font-size: var(--mfy-font-size-new-14);
}
.change-email-modal .modal-send-code:hover {
  color: var(--mfy-color-primary-hover);
}
.change-email-modal .modal-send-code:active {
  color: var(--mfy-color-primary-active);
}
.change-email-modal .modal-send-code-ban {
  cursor: not-allowed;
}
.change-email-modal .modal-send-code-ban:hover {
  color: var(--mfy-color-primary);
}
.change-email-modal .modal-send-code-ban:active {
  color: var(--mfy-color-primary);
}

.user-info-tabs {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 20px;
}
.user-info-tabs__item {
  color: var(--mfy-tabs-color);
  font-size: var(-mfy-font-size-6);
  cursor: pointer;
}
.user-info-tabs__item.active {
  color: var(--mfy-color-primary);
}
.user-info-tabs__item:nth-child(1) {
  padding-right: 16px;
  position: relative;
}
.user-info-tabs__item:nth-child(1):after {
  content: '';
  height: 16px;
  width: 1px;
  background: var(--mfy-tabs-split-color);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.user-info-tabs__item:nth-child(2) {
  padding-left: 16px;
}

.change-phone-modal .warning-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  color: var(--mfy-color-warning);
  font-size: var(--mfy-font-size-new-12);
  margin-bottom: 20px;
  line-height: 1;
}
.change-phone-modal .warning-text .icon {
  color: inherit;
  font-size: var(--mfy-font-size-new-16);
  display: flex;
  align-items: center;
}
.change-phone-modal .label-text {
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
  margin-bottom: 8px;
}
.change-phone-modal .modal-send-code {
  font-size: var(--mfy-font-size-new-14);
}
.change-phone-modal .modal-send-code:hover {
  color: var(--mfy-color-primary-hover);
}
.change-phone-modal .modal-send-code:active {
  color: var(--mfy-color-primary-active);
}
.change-phone-modal .modal-send-code-ban {
  cursor: not-allowed;
  font-size: var(--mfy-font-size-new-14);
}
.change-phone-modal .modal-send-code-ban:hover {
  color: var(--mfy-color-primary);
}
.change-phone-modal .modal-send-code-ban:active {
  color: var(--mfy-color-primary);
}
.change-phone-modal .modal-footer {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: flex-end;
}

.user-info {
  display: flex;
  height: 100%;
}
.user-info .with-side-menu-layout-sider {
  max-width: 242px;
  background: linear-gradient(180deg, #F7F8FA 0%, #EDEFF1 100%);
  width: 242px;
  min-width: 242px;
  border-radius: 16px;
  margin: 0 12px 0 0;
  height: calc(100% - 12px);
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu {
  border-radius: 16px;
  background: url(..//img/second-side-bg.9a3fb23a.png) no-repeat center center;
  background-size: cover;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-content {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item {
  cursor: pointer;
}
.user-info .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;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item:hover .sider-menu-item-label {
  font-weight: bold;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.active {
  background: #ffffff;
  border-radius: 12px;
}
.user-info .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;
}
.user-info .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;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-label {
  font-size: var(--mfy-font-size-6);
  color: var(--mfy-color-text);
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-left svg {
  font-size: 16px;
  color: inherit;
}
.user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu--item-right svg {
  color: #D1D3E0;
  font-size: 16px;
}
.user-info .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;
}
.user-info .equipment-login-tab {
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  background: var(--mfy-color-white);
}
.user-info .equipment-login-tab .mfy-tabs {
  margin-right: 24px;
}
.user-info .equipment-login-tab-text {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-describe-text);
}
.user-info .equipment-login-tab-link {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-primary);
  cursor: pointer;
}
.user-info-pc .user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.active {
  box-shadow: 0 4px 16px 0 rgba(153, 169, 185, 0.1);
}
.user-info-pc .with-side-menu-layout-sider {
  width: 192px !important;
  min-width: 192px !important;
  max-width: 192px !important;
  background: #f5f6f7 !important;
  margin-right: 0 !important;
  border-radius: 0px !important;
}
.user-info-pc .with-side-menu-layout-sider .with-side-menu-layout-sider-menu {
  background: unset !important;
}
.user-info-pc .with-side-menu-layout-sider .with-side-menu-layout-sider-menu-content {
  gap: 8px !important;
}
.user-info-pc .user-info-content {
  border-radius: 0px !important;
}
.user-info-pc .UserCenter-UserRevenue {
  padding: 16px !important;
  padding-right: 0 !important;
  background: #ffffff;
}
.user-info-pc .UserCenter-UserRevenue-accountList-item,
.user-info-pc .UserCenter-UserRevenue-income-left-card,
.user-info-pc .UserCenter-UserRevenue-income-right {
  border: 1px solid #E5E6EB;
}
.user-info-pc .UserCenter-UserRevenue-accountList-item-afterImg {
  right: 0px!important;
  height: 155px!important;
}
.user-info-web .user-info .with-side-menu-layout-sider .with-side-menu-layout-sider-menu .sider-menu-item.active {
  box-shadow: none;
}

.user-privacy {
  background: #F5F6F7;
  overflow: auto;
  height: 100vh;
}
.user-privacy p {
  margin: 0 0 24px 0;
}
.user-privacy a {
  color: var(--mfy-color-primary);
  text-decoration: none;
}
.user-privacy a:hover {
  color: var(--mfy-color-primary-hover);
}
.user-privacy a:active {
  color: var(--mfy-color-primary-active);
}
.user-privacy .top-nav {
  background: var(--mfy-color-white);
  position: sticky;
  top: 0;
  z-index: 1;
}
.user-privacy-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 40px 0;
}
.user-privacy-customerService {
  position: fixed;
  right: 24px;
  bottom: 118px;
  z-index: 2;
}
.user-privacy-content {
  background: var(---, #F5F6F7);
}
.user-privacy-content.mobile .user-privacy-content--title {
  display: none;
}
.user-privacy-content.mobile .user-privacy-content--tabContent {
  width: 100%;
  padding: 12px 24px;
}
.user-privacy-content.mobile .user-privacy-content--tabContent__title {
  text-align: center;
}
.user-privacy-content--title {
  display: flex;
  flex-direction: column;
  height: 196px;
  align-items: center;
  justify-content: center;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: 32px;
  color: var(--mfy-color-new-emphasize-text);
}
.user-privacy-content--tabContent {
  width: 1200px;
  padding: 32px 40px;
  border-radius: 16px;
  background: var(--ffffff, #FFF);
  transition: all ease-in 50ms;
  margin: 0 auto;
  min-height: 264px;
}
.user-privacy-content--tabContent p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.user-privacy-content--tabContent p.user-privacy-title {
  margin-bottom: 0;
}
.user-privacy-content--tabContent p > strong:first-child {
  margin-bottom: 16px;
  display: inline-block;
  font-weight: var(--mfy-font-width-new-bold);
  font-size: var(--mfy-font-size-new-18);
  color: var(--mfy-color-new-emphasize-text);
  font-style: normal;
  line-height: 24px;
}
.user-privacy-content--tabContent p > span {
  font-weight: var(--mfy-font-width-new-normal);
  font-size: var(--mfy-font-size-new-14);
  color: var(--mfy-color-new-main-text);
}
.user-privacy-content--tabContent h2 {
  color: var(---1, #3a4056);
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  text-align: center;
}
.user-privacy-content--tabContent .firstParagraph {
  margin-bottom: 40px;
}
.user-privacy-content--tabContent .firstParagraph > span {
  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: 24px;
}

.user-revenue-mobile {
  background: #F4F6FB;
  padding: 16px 20px;
}
.user-revenue-mobile-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 18px;
  font-weight: bold;
}
.user-revenue-mobile-title__sort {
  width: 120px;
}
.user-revenue-mobile-title__text {
  color: var(--mfy-color-text);
  font-size: 16px;
}
.user-revenue-mobile-benefit {
  background: url(..//img/income_1balance_bg.9e282116.png) center no-repeat;
  background-size: 100%;
  border-radius: 8px;
  min-height: 188px;
  margin-bottom: 26px;
}
.user-revenue-mobile-benefit__line {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 7px 0 12px;
  justify-content: space-between;
}
.user-revenue-mobile-benefit__line:nth-child(1) {
  margin-top: 24px;
  margin-bottom: 10px;
}
.user-revenue-mobile-benefit__line--prefix {
  font-size: 20px;
  color: #FFFFFF;
  font-weight: bold;
}
.user-revenue-mobile-benefit__line--count {
  font-family: D-DIN-Bold, serif;
  font-size: 32px;
  color: #FFFFFF;
}
.user-revenue-mobile-benefit__title {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
.user-revenue-mobile-benefit__text {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.user-revenue-mobile-benefit__text--text {
  font-size: 14px;
  color: #ffffff;
}
.user-revenue-mobile-benefit__top {
  height: 114px;
  overflow: hidden;
}
.user-revenue-mobile-benefit__bottom {
  border-radius: 8px;
  background: #FFFFFF;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  height: 74px;
}
.user-revenue-mobile-benefit__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-revenue-mobile-benefit__item--text {
  font-size: 13px;
  color: var(--mfy-label-color);
  margin-bottom: 2px;
}
.user-revenue-mobile-benefit__item--prefix {
  font-size: 12px;
  color: var(--mfy-color-text);
  font-weight: bold;
  line-height: 14px;
}
.user-revenue-mobile-benefit__item--mount {
  font-size: 16px;
  color: var(--mfy-color-text);
  font-weight: bold;
  line-height: 18px;
}
.user-revenue-mobile-statics {
  background: #FFFFFF;
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 26px;
  justify-content: space-around;
  padding: 16px 0;
}
.user-revenue-mobile-statics__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.user-revenue-mobile-statics__item--text {
  font-size: 13px;
  color: var(--mfy-label-color);
  margin-bottom: 2px;
}
.user-revenue-mobile-statics__item--prefix {
  font-size: 12px;
  color: var(--mfy-color-text);
  font-weight: bold;
  line-height: 14px;
}
.user-revenue-mobile-statics__item--mount {
  font-size: 16px;
  color: var(--mfy-color-text);
  font-weight: bold;
  line-height: 18px;
}
.user-revenue-mobile-graph {
  padding: 16px 12px;
  border-radius: 8px;
  background: #FFFFFF;
  height: 221px;
}

.ConvertHisModal-modal .ant-table-header .ant-table-cell {
  height: 48px !important;
  background: #fafafa !important;
}
.ConvertHisModal-modal .ant-table-body .ant-table-cell {
  height: 56px !important;
}
.ConvertHisModal-table {
  min-height: 465px;
}
.ConvertHisModal-table .ant-table-thead .ant-table-cell {
  font-size: 14px;
}
.ConvertHisModal-table thead > tr:first-child > *:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ConvertHisModal-table table .ant-table-cell:nth-last-child(2) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ConvertHisModal-table-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 365px;
}

.VideoTranscodingDeleteModal-content {
  color: #3C3F52;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
}
.VideoTranscodingDeleteModal-content-subContent {
  color: #878999;
}

.selectVideo-list-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.selectVideo-modal .ant-modal-footer {
  margin-top: 7px !important;
}
.select-file-modal-breadcrumb {
  margin-bottom: 20px !important;
  margin-top: 24px !important;
  height: 18px;
  line-height: 18px !important;
}
.select-file-modal-breadcrumb .ant-dropdown-trigger .anticon.anticon-down {
  display: none;
}
.select-file-modal-breadcrumb a {
  height: 18px;
  color: #878999;
}
.select-file-modal-breadcrumb-link {
  width: 20px;
  margin-top: -8px;
  margin-right: 5px;
}
.select-file-modal-list {
  width: 100%;
  height: 372px;
  overflow-y: auto;
  box-sizing: border-box;
  margin-top: 17px;
  margin-bottom: 17px;
}
.select-file-modal-list-item {
  display: flex;
  align-items: center;
  height: 56px;
}
.select-file-modal-list-item.choose {
  background: #f7f6f6;
}
.select-file-modal-list-item-checkbox {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}
.select-file-modal-list-item:hover {
  border-radius: 8px;
  background: #f7f6f6;
  cursor: pointer;
}
.select-file-modal-list-item-filename {
  height: 18px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  display: inline-block;
  overflow: hidden;
  margin-left: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 900px) {
  .select-file-modal-list-item-filename {
    max-width: 380px;
  }
}
@media screen and (max-width: 900px) {
  .select-file-modal-list-item-filename {
    width: 78%;
  }
}
.SelectVideo-breadcrumb > ol {
  align-items: center;
}
.SelectVideo-breadcrumb .ant-space-item > img {
  width: 16px;
  margin-top: 4px;
}
.SelectVideo-breadcrumb .ant-breadcrumb-separator {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.SelectVideo-breadcrumb .ant-breadcrumb-separator > svg {
  font-size: 16px;
  margin-right: 0 !important;
  color: #d1d3e0;
}
.SelectVideo-breadcrumb .ant-space-gap-col-small {
  gap: 4px !important;
}
.SelectVideo-breadcrumb .anticon-down {
  display: none;
}

.VideoTranscoding-detail-Header {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  padding-right: 14px;
  box-sizing: border-box;
}
.VideoTranscoding-detail-Header-title {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 16px;
  color: #1b1f35;
}
.VideoTranscoding-detail-Header-subTitle {
  margin-left: 8px;
}
.VideoTranscoding-detail-Header-leftButton {
  margin-left: auto;
}
.VideoTranscoding-detail-Header-rightButton {
  margin-left: 12px;
}

.BasicInfo {
  padding: 20px 6px 17px 20px;
  background: #ffffff;
  border-radius: 16px 16px 16px 16px;
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
}
.BasicInfo-content {
  display: flex;
  flex-direction: row;
  margin-top: 16px;
  align-items: center;
  justify-content: space-between;
  height: 209px;
}
.BasicInfo-content-left {
  width: 428px;
  height: 100%;
}
.BasicInfo-content-left-deleted {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BasicInfo-content-left-deleted-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  color: #ffffff;
}
.BasicInfo-content-left-image {
  width: 100%;
  height: 100%;
  position: relative;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px 8px 8px 8px;
}
.BasicInfo-content-left-image-content {
  border-radius: 8px 8px 8px 8px;
}
.BasicInfo-content-left-image-pause {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px;
}
.BasicInfo-content-left-image-mask {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px 8px 8px 8px;
  background: rgba(0, 0, 0, 0.5);
}
.BasicInfo-content-left img {
  width: 100%;
  height: 100%;
}
.BasicInfo-content-right {
  width: 420px;
  height: 100%;
  padding: 20px 24px;
  background: #fafafa;
  border-radius: 8px 8px 8px 8px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  gap: 20px;
}
.BasicInfo-content-right-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 18px;
}
.BasicInfo-content-right-item-pre {
  display: flex;
  align-items: center;
}
.BasicInfo-content-right-item-pre-title {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  margin-right: 4px;
}
.BasicInfo-content-right-item-pre-img {
  width: 16px;
  height: 16px;
  cursor: pointer;
}
.BasicInfo-content-right-item-after {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
  display: flex;
  align-items: center;
  gap: 4px;
}
.BasicInfo-content-right-item-after-title {
  display: inline-block;
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.BasicInfo-content-right-item-after-icon {
  width: 16px;
  height: 16px;
}
.BasicInfo-list-deleted {
  color: #f64e60;
}

.TranscodingTable {
  padding: 20px 20px 17px 20px;
  background: #ffffff;
  border-radius: 16px 16px 16px 16px;
  margin-top: 24px;
  margin-left: 24px;
  margin-right: 24px;
  margin-bottom: 24px;
}
.TranscodingTable .ant-btn-link {
  padding: 0 !important;
}
.TranscodingTable thead .ant-table-cell {
  height: 32px !important;
  border-bottom: 1px solid #f5f6f7 !important;
  padding: 7px 8px 10px !important;
  box-sizing: border-box;
  font-size: 14px !important;
}
.TranscodingTable .ant-table-body .ant-table-cell {
  height: 48px !important;
}
.TranscodingTable-subTitle {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.TranscodingTable-subTitle-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
}
.TranscodingTable-subTitle-btn {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c80ff;
  cursor: pointer;
}
.TranscodingTable-tabs {
  height: 40px;
  margin-top: 16px;
  margin-bottom: 16px;
  overflow: hidden;
  padding-right: 10px;
}
.TranscodingTable-table-empty {
  height: calc(100vh - 587px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.VideoTranscodingDetail {
  background-color: #f5f6f7;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.VideoTranscodingDetail-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 938px;
  height: 56px;
  background-color: #fff;
  padding: 0 24px;
}
.VideoTranscodingDetail-header-title {
  font-family: var(--mfy-font-family);
  height: 24px;
  font-weight: bold;
  font-size: 18px;
  color: #1b1f35;
}
.VideoTranscodingDetail-header-close {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
}
.VideoTranscodingDetail-header-close img {
  width: 16px;
  height: 16px;
}

.VideoList-table {
  position: relative;
}
.VideoList-table .ant-empty {
  line-height: 200px;
}
.VideoList-table .ant-table-header .ant-table-cell {
  height: 48px !important;
}
.VideoList-table .ant-table-body .ant-table-cell {
  height: 56px !important;
}
.VideoList-table .ant-btn-link {
  padding: 0 !important;
}
.VideoList-table-drawer .ant-drawer-body {
  padding: 0 !important;
  overflow-x: hidden !important;
}
.VideoList-table .table-header {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 1199px;
  height: 80px;
  background: #ffffff;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.04);
  border-radius: 16px 16px 16px 16px;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  z-index: 1;
  padding: 0 24px;
  box-sizing: border-box;
}
.VideoList-table .table-header-title {
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 16px;
  color: #1b1f35;
}
.VideoList-table .table-header-hideUpload {
  position: absolute;
  left: -9999px;
}
.VideoList-table .table-header-input {
  width: 262px;
  margin-left: auto;
}
.VideoList-table .table-header-input-clear {
  width: 16px;
  height: 16px;
}
.VideoList-table .table-header-input:focus-within .table-header-input-prefix {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAGFRJREFUeF7tXQmYXFWV/s/rTiQdIsgySIBR1BkJIA6RrbteJQ1EEAgYgoKzILsMQpBVINBdt5KAIohKMy4oURa/ARECiGFwiDSpV90hDPjhFmRcQZLRYRUNkE7Vmb6VIhMhnVTde99791Wd9335IF/ef865/7l/ve3ecwhyCAPCwJgMkHAjDAgDYzMgApHZIQxsggERiEwPYUAEInNAGDBjQK4gZrwJqk0YEIG0SaJlmGYMiEDMeBNUmzAgAmmTRMswzRgQgZjxJqg2YUAE0iaJlmGaMSACMeNNUG3CgAikTRItwzRjQARixpug2oQBEUibJFqGacaACMSMN0G1CQMikDZJtAzTjAERiBlvgmoTBkQgbZJoGaYZAyIQM94E1SYMiEDaJNEyTDMGRCBmvAmqTRgQgbRJomWYZgyIQMx4E1SbMCACaZNEyzDNGBCBmPEmqDZhQATiKNEzPstbvfIqphBhCjF2ZUYXCF0MTCCgC6j9fxcBIwBWE7CaCavBeKX2d8LzzFhRAZ4YVvRLR2GJGUsGRCAGBPbM53ejgnwA7MPAFAJ2AzDZwNRYEC2iFQSsYOAJAIOVl/Dw8BdIi0mOBBkQgTRAdk8f7xt0YF8G9h2drL0EvLMBWBynDAIoE+GRKuORsqKVcTgRm//PgAhkjNmQV7wfgFkMHI11Vwj/DsIiMO7iCVhUvohe9i/A7EckAtkgh92X8k4d4zELXBPFwZlJL+EZLRQiLCoVaElm4s5AoCIQALk+zlMHTgBwLIBJGcjbpkJcToRvbfksFt43QK9lfCyph9/WAskpPopQE8bs1DPhOgDCz8BY2AksHFT0omvz7WKvLQWSK/IJVMUJIBzYBon+NQgL6TUsLF1Bq9pgvE6H2FYCCfv5aAS4AECPUxazYIzxNAhXR4quzUK4vsTYFgKZ1sfvq3bUhPFxX4hPLQ7Gg0y4uqxocWoxZMhxSwuk+1yeEGyNC4hxYQs8fLueVl8HaleUJ10bbiV7LSuQngIfQsBnibB3KyXM8VieBUFFBfo3x3ZbxlxLCiSn+AICrmqZLMU/kJsqI5g7fDk9E7+rbHloKYHsfznvMG6kJozjs5UGL6J9AlXMjebRIi+i8SSIlhGIvqUKqCaOvTzhNpNhEPCZkqK5mQw+hqBbQiBhkU/SH8Vi4KdpkwysAaAXEa4CYyUIq0BYybzu7x0BJjFjp/rqX70CeDIYkynAZGZs1bTDGAAM3F1WNCsG05kzmXmBpPy8oT+8LWZgcbWC/65MwMrlc+k501lwyFU8cfVf1ovnQwD0n/eb2rPERZGivKWNzMMzLZBQsQJQSDQLhDJVsRiEB0qKlsftu2cBvyOo4CACDtWCSfgq8/NI0R5xj9Fn+5kVSGLiILwAxhImPMABHhjqo1+lldDDruW3/OkFHBQwDmLgIABTE4jlD5Gityfgx0sXmRRIQuJYDWCg0omB4cv8fP2ZUzybgDl6E1ess4swEhVofKw+PDWeOYHkinwKMb4RM5/XV4GBIUU/jdmPE/N1TrRQ4nteIfwmKtC7nAScISOZEkhY5I+C8Z3Y+CXcXmVcN6RoaWw+YjJcu/16HnPqV5S/jcUN4XtRgY6KxbanRjMjkJjFsYQIA6UC3e1pnhoOq1fx20eAOUSYA3a/+YuAL5YUndtwQBk/MRMCiVEcPyHgmpKib2U8j28KP694dyacBcYZrsfWTh8TvRdI/Qv5/TEkeXGVcUa5SE+5tu2TvVDxJwE4X4xIjItKRfqcT2ONIxavBVJfW/WDGJaPfC1S9K9xEOqjzbDIRxLjywzs7DI+Bo4pK7rTpU3fbHktkFDxTc4XHhIuiwp0uW+JiDue/CW8PbbA3czodujrGQIOLyn6sUObXpnyViAxLCHR5T2PaveyOGGBvwPCRx3OwsHKW3H48HmtWfXRS4HE8NzxixnA7kpR1eHEyKypUPF5ozssP+9qAKO3bt8oKzrNlT2f7HgnkNo22bfWyms62QlIwI0lRSf6RLoPsXT38d4dHXjMWSyEs1pxZ6J3AskVuY8Y8xwl7iuRIv0WR46NMFBfPfxnR+T8rjKCXKvtSvRKIPXqI2VHBRZkuXYDMz+n+IDRlcLDDZy62VNa8SOiVwIJFd/oqDTPi1EB24CIN5tVOQH5Ip/GjOtdUEEV9Jbm00MubPlgwxuB1Iu6OXmnzgH2LPfTz3wgOCsxhIq/BOBsB/HeGyk60oEdL0z4IxDF+tbKvuJhFcdG8+h2L9jNWBBhgX/oqBzrKZEiL7ZA26bAC4HUauUyrNdDEVAoKXL1gG/Lbebwox9m9XL2hwFsZxn8skiRyw+SluGYw70QiItfrtFWaLeVFX3MnApBagZCxTMBfM+WjdF+i8eVixTf1gTbABvEpy6QegsC22XmP6Zx+FDpUqle3mDeN3lavsgXjjYhtV2IeF+k6HAX8aRpI3WBhIrvsO3PQcBJrbhkPc2JERY5AiNnEwMTDikX6D9tbKSNTVUg9c5Otrv3lkSKZqRNZKv5n1bk46qMW23GRcC3S4r+xcZG2thUBRIq1nvLT7EhgQizWmEnoA0HcWFDxfpZRD+TGB+6M3BZ0X8ZG0gZmJpAag0zx2GF1Vdzwu1RgXRfQTliYGBagQ+pEqw2q2V992FqAgmLfCYY19nktQpMz2KBBZsxJ411sCfniUjRlKTjduUvPYEofsCy1fL1kaLTXREhdjbOQM883jeo1r6NmM+VKmZntWq8+aAtZlRe8X687oOU6bG6CuyflbpVpoP0BedgGcpNkSLdTThzR1oCuYKBSyzYujJSdLEFXqBNMNCt+D2dhGXM2LYJ2IanvlwZwZQsLoVPRSChYv1wvpsh2S9WOrGnr+VADcfkPcy63GtGN1QlLpCePu4OOjBkPCMIi6ICzTbGC9CIgfw8ns5VDBqBNYhxe1TM3hvHxAWSL/K5zLjGmGjgU9Lr24I9C2ioWFe2N63P+/tI0S4W7lOBJi4Q26oawVrsvnQB6Vs0ORJmIFR8A4CTTd0GAaYu7acfmeLTwCUvEMVPw7yA2aORon3SIEp81lb6/hOAb5tywcCcsiKrb1+mvk1xiQokN5/fSxU8YRHs1SVFF5riBWfHQK/iLdcCLwDoNLR0a6ToHw2xqcASFUioWF+e9WXa6AiA6Usz2JrAaLCegkLFuhTsB43CYzwdFSme1gxGAW0elLRA9OX1zM2HtdEz/hgp2sEQKzBHDOQUn0PAF0zNdQLbDyp61hSfNC5RgeQUL6F1vfVMjsx+jTUZrK+Y+rZc4z6NHGBauZ9Kvo7vjXElKpBQ8TP1/uBN80OEj5QKpDdXyZEyA6HinwDY0zCM0yNFTkoMGfpvCpaYQGZ8lrd69VW82FR0G5xcqWCv4fmkEyNHygzkCvxdIhxjEkbWisslJhDbCn5rxmO75XPpOZOkCMYtAznFAwScZWj1/kjRhwyxicMSE0hY5JPAMKqVxMCasqK3JM6OONwoA7kiX0KMK4zoIfwuKtA7jbApgBITSF7xPAb6TMbIwG/LinY1wQrGPQM9ik8MgG+aWp4BdGSlFUViAgkLfDUI55uQysBwWZF91UUT54J5EwO2/Vs6gUmDilxVlY81Q8kJRPGXAbOOq8y4o1ykj8TKhBhvmIHuPn5fRweM265VgR2GFP2xYYcpnpiYQHKKv0mAUSMbBq4rK5qTIk/iegMG9ruCtx2/BsYf+9YCuy5T9NsskJqYQELFtwEwqkDChLnlAn0mC4S2S4w5xa8RMN5kvATsUVL0cxNs0pgkBWJcY6kKnDSkyLq4ddLktrK/nOLfEGD2NirAPlE/PZoFfhITiM0ykyrj0KEi6UVycnjCQE7xEMGspXSWlpskJpBQ8X8AONQkv7LMxIS1eDE2y00Y6C4rWhZvhG6sJykQmyLVss3WTb6dWQkV61UN25gYJOD9JUXGb8FMfJpiEhNITvHNBJgWMpYyP6YZjgHXq3iLtcArpqYrwN8NK/qlKT5JXGICCRV/DcAnDAd3c6To44ZYgTlmwHbJO43D5Kz0cklMIHnFX2DgHMNcSYsDQ+LigOUKHBLBeE/HFltg6wcuppfiiM21zcQEklN8OQFzjQbAWBEVaXcjrICcM5Dr5+MoMO8d8sqOGP/o6TTiPLAYDCYpkLMIGDAZAxFeKhVoaxOsYNwzYFnb7NlI0fbuo4rHYnIC6ecPUgDjbxldE7HlDy6kv8RDg1hthoG84qsYuKAZzAbnliNFoSE2cVhiApm2gHeprsVTFiN8b6ToSQu8QB0xECrWtbF0jSyTY2GkyKqrmIlTU0xiAtEBhor1FaDLMNgDI0XmtWENnQrszQyEih8E0GvCDTEuKhXJtoOuiWsjTKICyRX4MSLsbRQpIN9CDIlzCfuA4q4JgPGtLgMfLiu6x2VMcdpKVCCh4n8H8DHDAT0eKfoHQ6zAHDGQVzyLgUWm5rgDu5X76Bem+KRxSQtEjRbCL5gOstqJdw5dRr8zxQvOnoFQ8VcBGLe+ixQlOudsR5xosKFifd+q71/NDsLJUYGM90KbORXUhgyEivVGp3cYsjIYKTrQEJsKLFGBdJ/LEzq2wmrTkRLhtlKBTG/RTN0Krs5ATvE+BDxiQUgxUqTvIjJzJCoQzYrVGxDCS1u+DTvcdza9lhmGWyjQfIE/zYQrTYcUMA5dmrF9PWkIZAGAS01JZsLh5QLdZ4oXnDkDOcX3E3CIqYUKsO2woudN8WngEhdIvsgfZsZdpoMlQHqEmJJngetVvPNaQDc/MjpGi5YvLSmabgROEZS4QHKKJxOgi1ibHo9Fij5gChacGQOhYr3d4EYzdA11TaTIqC6ahU9raOICqT2HFPlOMI42jZ6BY8qK7jTFC655BkLFiwEc1jxyHYIIM0oFWmKKTwuXjkDsf40y97owrQS78GvbmxDA8kjR/i5iSdpGKgLJXcmT6FWsAGMn0wEz4dRygYzbuZn6bUdcqHgYwAGmY89yXbNUBFK7zVJs045Nm3h80jbYX175mk7bxnBhkc8Ew6ozbQWYMqzIuHlrY5HGc1ZqAskX+WBmPGAzLAYuLCu62saGYMdmoFfx1msJy8B4rzFPhEVRgWYb41MGpiaQ+lXkYQD7WXDwVCew/6Ci/7GwIdAxGMgVuY8Y8ywJOiFSdJOljdTgqQokX+QzmKGrvhsfDFxRVmT84dHYcYsDp83nXasV6B8wm+2xj88ApmalF8jGUpqqQA6bw295eTs8CsYexvON8DIxDshKMWTjcSYMzCm+hoBzLd1mvuBfqgKp32adB+DzVokgfCUq0CetbAh4PQN5xVMZtatHpwUtT3ZNxNSs1xFIXSC1B0FAV/p+l0UyNPTMSJHV7Zql/5aA167q20J/0MtZDYhwcVQg44WNVr4dglMXSO0qUuRLwdCLGO0OwlFRgXSbBTkMGbDc9bnOK+PpTsLUQUXGTXYMw3cO80Ig+bm8I4/DwyDsYjNCAn6P1zC19Bn6Xxs77YrNKf4cARc6GH/m9n2MNWYvBFK7iig+G8CXbJNDhOFSQRp+NstjTvGpBHy9WdxGzn+8ayJyWX/2eH1c3gikJpIC/xAE+y2ZjNujIhm1e3MwQTJnoucyfnfQCSfV1gk4vqTolsyRMEbAXgkkp/hwAr7viNzzI0XXOLLV0mbCIq8EY0fbQRLjjlKLdSP2SiD1W63rAZxmmyyNr1QwdXg+/ciFrVa1ERZ5EAzrjUwMVPWbr6x0jmo0nz4K5O8BlAFs1+ggNnWe1PQdm51QsVUZpjdYbsnCft4JpHYVcbCCdMPkZaknnosfhUZs5Av8XSYc08i5DZxT7pqIQ1vlwXzD8XopkPqtlt7e6ayrFBE+USqQi7c0DcwXf0/pUfw3AWrNb/SV2vpgxkvUgUOjftJf3lvu8FYg3ZfyTh3jasvhd3PI+rWRok85tJcpU6aF+/Qk4TFG2uob17wVSO0q0s9HI4DbveeMB0E4dbTn4a8zNbstg3Wxcnp9CHXFEPDFkiLbBY2WI4sX7rVA9NDziq9g4BLHNOglECdFiu51bNc7c72KOyuA7g95lsvgGBjpAHqXKhpyadc3W94LRBOWU3wXAR92TR4RPl0q0FWu7fpir7Yql/A5MA5uKCZ9H9XEjCDCc1XGzFZ7tbshV03Q0RDFsZ0UKtYPlu5bdxHKATCwtEC3xRZ8wob1ZqdKBXMImGO5ZH2zkbe6SDIjkNozieKfAYir2+29AWMga7VjN5zBeuvACGEOcU0YNjsBNyuMv/qVbeErSaYEUheJ3n++Q1MZbO7km6sBBob6yaaKeXMeHZxd+3akrxg2BRYs4mjVK0nmBFITSZHXgDHOIp+bg+q78YHRYssDw4qcLOLbnEPTf68XddNXDOO6Vdr3pl7lNhpbK4okkwKpi+TXYOzaaPJMztMJZ8Z1FODBUj89ZGIjDsy0y3hX7sR0BvSKZeNyoHHE1moiyaxA6iK5B4wj40j0Rmzq7ya6y+6STuCeQUV/TshvzU2uwGFAtdYDWhjTkvTdrK9WEkmmBaITl1es3/Gf02wSLc9fq1vJMbCYgHvi+OjYq3jLCjATwExe13LZuEyr5VhN4c8zcETWXwFnXiB1kcTxMbGZifFTZvwChFUgrGTGKjBWchWrKhOwcvlceu6NxnoVb7EWmMyMybpGcdBR++9kBiZj3R+jPuTNBP2mc108iPy10cyLpCUEUhOJZXswq4m1GTADawCsHO0Ou4qASXUBbBOnT1Pb+gs5wekLkEyLpGUEUrtPVzybgGszeDtiOp+d4vTaKgJuZ8I9zNjWofHMiqSlBFK/3dqL1xV/SP4WxeGMStKUXrKOAOe/3k4ip/iAgHCva5FUK5g5NJ90K4XMHC0nEM189zU8IfgTrh0tA3RqZjKRXqBlLY437ucQkaxLSEsK5PW5Vt+ZqOs8mTa+T2/axuxZ7yEn4KquiZg/1k5AEUmLC6R2NbmUd+ochwtSeBUc8xQ3N6+rj1QJVzfyCjY2kQSYOdTv/+1WS19BNpxC+T6ezh24QH9XMJ9amUc+Xm+j3VTdqnYWSdsIZP1tl+KT62WFrNYuZUoqjKdBWNg1EVeZFlZoV5G0nUBen9i5Ah9LhBN9W8vkWHhPamF0Mm5wUUhai6Re2M/lN5znqx7fbrWtQNYLpcgfDBgnMPDPjidnmuYeB2pXjBtMrxhjBd9uIml7gawXiuJ9AmA2A0c7rqSSnFAIi8C4awZwS5xtz9pJJCKQjUzfejWVWaOtprVY9NIQn4/lTLiryliUZKvldhGJCGQTU79Wm2s8ZqGK6SB0A9jZB6XoFg9VxrKA8P1SgXQ3qFSOmETyQjXAEb68AhaBNDG1ps3jvStV5Ei3J2PkbBv+NOFa1youM1AeBwy5eOBuwvcmT+3p4+6gA7p8kssHd29EIgKxmCm9ircbCTCFqphCwBQGpoCwG9joy/1qACsYWBEwVlQJT3SsxYqlC2iFRYiJQOMSSUeAIx5K+WOiCCSGKaQUB4NA1xqgqwp0jQO6OMAEBrpQxQhV8ErAWD2yBVZ3dGD1pIlYfd/Z9FoMoSRmMi6RBMDMNIvTiUASm0Kt76hnHncHVfe3W2mKRATS+vM20RG2mkhEIIlOn/ZwFotICC8EnPztlgikPeZs4qOMRSTACxwgX+4nXWEzkUMEkgjN7ekkFpEwHoyKdFBSjIpAkmK6Tf3EIhLgyKRaV4hA2nTiJjnsukh0e++3ufDLwFfLis5wYWtzNkQgm2NI/t0JAy5FwsDSsiLr1tWNDEwE0ghLco4TBlyJhAiPlAq0n5OgNmNEBJIEy+JjPQPT53F3pQrb2617I0WJ1GQWgcjkTZyBaYp7qqh9cTd7JiFcFhXo8iQCF4EkwbL4eBMDNiKprsV7hhbQr5KgVQSSBMviY6MM1ERCuBfc1JVkQaSoLylKRSBJMS1+xhZJg7dbDNxSVnR8klSKQJJkW3xtlIHcPN6DKhgA4cBNUJToleP1OEQgMmm9YSBUPJOAI6rA7gFhAjP+AMKy6ghuTeqZ441kiEC8mR4SiI8MiEB8zIrE5A0DIhBvUiGB+MiACMTHrEhM3jAgAvEmFRKIjwyIQHzMisTkDQMiEG9SIYH4yIAIxMesSEzeMCAC8SYVEoiPDIhAfMyKxOQNAyIQb1IhgfjIgAjEx6xITN4wIALxJhUSiI8MiEB8zIrE5A0DIhBvUiGB+MiACMTHrEhM3jAgAvEmFRKIjwyIQHzMisTkDQMiEG9SIYH4yIAIxMesSEzeMCAC8SYVEoiPDIhAfMyKxOQNAyIQb1IhgfjIgAjEx6xITN4wIALxJhUSiI8MiEB8zIrE5A0D/wfFVlYyBmQp0wAAAABJRU5ErkJggg==);
}
.VideoList-table .table-header-input-prefix {
  position: relative;
  top: 1px;
  width: 18px;
  height: 18px;
  background-image: url(data:image/png;base64,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);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.VideoList-table .table-header .right {
  display: flex;
  gap: 16px;
}
.VideoList-table .table-header .right .ant-input-affix-wrapper {
  background: #ffffff;
  border-radius: 6px 6px 6px 6px;
}
.VideoList-table .table-content {
  width: 100%;
  height: calc(100vh - 210px);
  background: #f5f6f7;
  padding-top: 37px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin-bottom: 60px;
}
.VideoList-table .table-content-box {
  background: #ffffff;
  border-radius: 16px 16px 16px 16px;
  flex: 1;
  padding: 60px 40px 40px 40px;
  position: relative;
}
.VideoList-table .table-content-box .ant-table-wrapper,
.VideoList-table .table-content-box .ant-spin-nested-loading,
.VideoList-table .table-content-box .ant-spin-container {
  position: static;
}
.VideoList-table .table-content-box .ant-table-thead .ant-table-cell {
  font-size: 14px;
}
.VideoList-table .table-content-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: calc(-550px + 100vh);
  justify-content: center;
}
.VideoList-table .drawer-footer {
  position: fixed;
  width: 1280px;
  height: 344px;
  padding-top: 32px;
  box-sizing: border-box;
  bottom: -156px;
  z-index: 999;
}
.VideoList-table .drawer-footer-show {
  pointer-events: all;
  bottom: 0;
  animation: drawerMoveUp 0.5s ease-in-out forwards;
}
.VideoList-table .drawer-footer-hide {
  pointer-events: none;
  bottom: -156px;
  animation: drawerMoveDown 0.5s ease-in-out forwards;
}
.VideoList-table .drawer-footer-card {
  height: 100%;
  background: #ffffff;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  padding-top: 80px;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
}
.VideoList-table .drawer-footer-card-title {
  height: 41px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 32px;
  text-align: center;
  margin-bottom: 48px;
  color: #1b1f35;
}
.VideoList-table .drawer-footer-card-tips {
  height: 22px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
}
.VideoList-table .drawer-footer-card-tips-container {
  padding-left: 74px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.VideoList-table .drawer-footer-card-tips-link {
  color: #3c80ff;
  cursor: pointer;
}
.VideoList-table .drawer-footer-icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%);
  width: 64px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  z-index: 1;
}
.VideoList-table .drawer-footer-icon img {
  width: 40px;
  height: 40px;
}
.VideoList-table .drawer-footer-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #0009;
}
.VideoList-table .drawer-footer-mask-show {
  display: block;
}
.VideoList-table .drawer-footer-mask-hide {
  display: none;
}
.VideoList-table .drawer-box {
  height: calc(100vh - 226px);
  position: relative;
}
.VideoList-table .drawer-box-content {
  height: calc(100% - 188px);
}
.VideoList-table .drawer-box-content-top {
  height: calc(100% - 68px);
  box-sizing: border-box;
  padding-top: 37px;
}
.VideoList-table .drawer-box-content-top-dash {
  border: 2px dashed #e5e6eb;
  background: #ffffff;
  border-radius: 16px 16px 16px 16px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VideoList-table .drawer-box-content-top-dash-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.VideoList-table .drawer-box-content-top-dash-empty {
  width: 148px;
  height: 148px;
}
.VideoList-table .drawer-box-content-top-dash-text {
  height: 18px;
  line-height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
}
.VideoList-table .drawer-box-content-top-dash-buttons {
  display: flex;
  gap: 16px;
  margin-top: 24px;
}
.VideoList-table .drawer-box-content-top-dash-button {
  width: 144px;
  height: 40px;
}
.VideoList-table .drawer-box-content-top-dash-button img {
  width: 16px;
  height: 16px;
}
.VideoList-table .drawer-box-content-tip {
  height: 68px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
  padding-top: 30px;
  box-sizing: border-box;
  text-align: center;
}
.VideoList-table .service {
  position: fixed;
  right: 24px;
  bottom: 120px;
}
.VideoList-table .custom-pagination {
  position: absolute;
  left: 50%;
  bottom: 38px;
  transform: translateX(-50%);
}
@keyframes drawerMoveUp {
  from {
    bottom: -156px;
  }
  to {
    bottom: 0;
  }
}
@keyframes drawerMoveDown {
  from {
    bottom: 0;
  }
  to {
    bottom: -156px;
  }
}

.NotEnough-NeedMember {
  display: flex;
  align-items: center;
  gap: 4px;
}
.NotEnough-vip {
  width: 30px;
  height: 16px;
  vertical-align: sub;
  margin-left: 5px;
}

.VideoTranscoding-TranscodingModal-videoName {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.VideoTranscoding-TranscodingModal-item:not(:last-child) {
  margin-bottom: 20px;
}
.VideoTranscoding-TranscodingModal-item-label {
  height: 22px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.VideoTranscoding-TranscodingModal-item-label-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #878999;
}
.VideoTranscoding-TranscodingModal-item-label-btn {
  height: 26px;
  line-height: 26px;
  background: #fff7e8;
  border-radius: 5px 5px 5px 5px;
  font-size: 12px;
  color: #ffa800;
  text-align: center;
  padding: 0 8px;
  cursor: pointer;
}
.VideoTranscoding-TranscodingModal-item-content {
  min-height: 40px;
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  padding: 9px 12px;
  box-sizing: border-box;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c3f52;
}
.VideoTranscoding-TranscodingModal-tips {
  background: #f5f6f7;
  border-radius: 8px 8px 8px 8px;
  padding: 8px 12px;
  box-sizing: border-box;
  margin-top: 8px;
}
.VideoTranscoding-TranscodingModal-tips-text-shallow {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.VideoTranscoding-TranscodingModal-tips-text-deep {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
}
.VideoTranscoding-TranscodingModal-rate {
  height: 44px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #3a4056;
  line-height: 22px;
}
.VideoTranscoding-TranscodingModal-ban {
  margin-top: 1px;
  height: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.VideoTranscoding-TranscodingModal-checks {
  margin-top: 12px;
}
.VideoTranscoding-TranscodingModal-checks .ant-checkbox {
  margin-right: 9px;
}
.VideoTranscoding-TranscodingModal-checks .ant-checkbox-inner {
  width: 14px !important;
  height: 14px !important;
}
.VideoTranscoding-TranscodingModal-checks .ant-checkbox-label {
  padding-left: 0 !important;
  font-size: 14px;
}
.VideoTranscoding-TranscodingModal-time {
  margin-top: 12px;
}
.VideoTranscoding-TranscodingModal-time-label {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
}
.VideoTranscoding-TranscodingModal-time-value {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
}

.VideoTranscodingHeader {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 2;
}
.VideoTranscodingHeader-dropdown .ant-dropdown-menu {
  padding: 12px !important;
  cursor: initial !important;
}
.VideoTranscodingHeader-dropdown .ant-dropdown-menu-item {
  cursor: initial !important;
  padding: 0 !important;
}
.VideoTranscodingHeader-dropdown .ant-dropdown-menu-item:hover,
.VideoTranscodingHeader-dropdown .ant-dropdown-menu-item:active {
  padding: 0 !important;
  background-color: unset !important;
}
.VideoTranscodingHeader-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px;
}
.VideoTranscodingHeader-btn {
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  color: #1b1f35;
  cursor: pointer;
}
.VideoTranscodingHeader-btn:hover {
  color: #597dfc;
}
.VideoTranscodingHeader-item {
  width: 186px;
  padding: 8px 12px;
  background: #f5f6f7;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 8px !important;
}
.VideoTranscodingHeader-item-cursor {
  cursor: pointer;
}
.VideoTranscodingHeader-item:hover {
  background: #edeef0;
}
.VideoTranscodingHeader-item:hover .VideoTranscodingHeader-item-content-btn {
  color: #66a1ff;
}
.VideoTranscodingHeader-item:active {
  background: #e3e4e5;
}
.VideoTranscodingHeader-item:active .VideoTranscodingHeader-item-content-btn {
  color: #2961d9;
}
.VideoTranscodingHeader-item-title {
  height: 16px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  text-align: left;
}
.VideoTranscodingHeader-item-content {
  margin-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.VideoTranscodingHeader-item-content-text {
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
}
.VideoTranscodingHeader-item-content-btn {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #3c80ff;
  cursor: pointer;
}
.VideoTranscodingHeader-lastItem {
  background: #f5f6f7;
  border-radius: 6px 6px 6px 6px;
  padding: 8px 12px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 12px;
  color: #878999;
  cursor: pointer;
  text-align: center;
}
.VideoTranscodingHeader-lastItem:hover {
  background: #edeef0;
}
.VideoTranscodingHeader-lastItem:active {
  background: #e3e4e5;
}
.VideoTranscodingHeader-link {
  color: #3c80ff;
  cursor: pointer;
}
.VideoTranscodingHeader-link:hover {
  color: #66a1ff;
}

@keyframes l1 {
  to {
    transform: rotate(1turn);
  }
}
.VideoTranscodingContext-trans {
  width: 16px;
  height: 16px;
  animation: l1 1s infinite;
}

.PageVideoTranscoding.ant-modal-wrap div[aria-hidden="true"] {
  display: none;
}
.PageVideoTranscoding .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #597dfc;
  border-color: #597dfc;
}
.PageVideoTranscoding a.ant-typography {
  color: #597dfc;
}
.PageVideoTranscoding .ant-btn-link.click-text {
  color: inherit;
  display: flex;
  align-items: center;
  padding: 0;
  line-height: inherit;
  height: auto;
}
.PageVideoTranscoding .ant-btn-link.click-text:hover {
  color: #597dfc;
}
.PageVideoTranscoding .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #597dfc;
}
.PageVideoTranscoding .ant-tabs-tab:hover {
  color: #597dfc;
}
.PageVideoTranscoding .ant-tabs-ink-bar {
  background: #597dfc;
}
.PageVideoTranscoding .top-VideoTranscodingRemain .icon,
.PageVideoTranscoding .VideoTranscodingCard .icon {
  font-size: 16px;
  color: inherit;
}
.PageVideoTranscoding .ant-btn-link {
  color: #597dfc;
  height: 1em;
}
.PageVideoTranscoding .ant-dropdown-menu {
  padding: 8px !important;
  box-sizing: border-box !important;
}
.PageVideoTranscoding .ant-dropdown-menu-item {
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  margin-bottom: 2px !important;
}
.PageVideoTranscoding .ant-dropdown-menu-title-content {
  text-align: left !important;
}
.PageVideoTranscoding .ant-dropdown-menu-item:hover {
  background: rgba(244, 246, 252, 0.9);
}
.PageVideoTranscoding .space-between {
  display: flex;
  justify-content: space-between;
}
.PageVideoTranscoding .align-center {
  align-items: center;
}
.PageVideoTranscoding .action-group {
  display: flex;
  gap: 16px;
}
.PageVideoTranscoding .overflow-txt {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.PageVideoTranscoding .table-placeholder-root {
  min-height: 252px;
}
.PageVideoTranscoding-button {
  width: 116px;
  height: 40px;
}
.PageVideoTranscoding-button img {
  width: 16px;
  height: 16px;
}
.VideoTranscodingCard {
  width: 1280px;
  margin: 0 auto;
  border-radius: 16px 16px 16px 16px;
}
.PageVideoTranscodingDetail {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
  background: #f8f9fc;
}
.PageVideoTranscodingDetail .ant-tabs-nav-list {
  justify-content: flex-start;
}
.PageVideoTranscodingDetail .ant-tabs-nav {
  width: 100%;
}
.PageVideoTranscodingDetail .ant-tabs-top > .ant-tabs-nav::before {
  display: none;
}
.PageVideoTranscodingDetail .title {
  font-size: 16px;
  color: #3a4056;
  line-height: 19px;
}
.PageVideoTranscodingDetail .basic-info {
  margin-top: 16px;
  font-size: 14px;
  color: #7b808f;
}
.PageVideoTranscodingDetail .basic-info .left {
  width: 562px;
  height: 276px;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 8px 8px 8px 8px;
  overflow: hidden;
}
.PageVideoTranscodingDetail .basic-info .right {
  width: 562px;
  height: 276px;
  background: #f8f9fc;
  border-radius: 8px 8px 8px 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PageVideoTranscodingDetail .basic-info .right > div {
  height: 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.PageVideoTranscodingDetail .basic-info .right > div > div:last-child {
  color: #3a4056;
}
.PageVideoTranscodingDetail .basic-info .right .row-end {
  height: 18px;
  align-items: center;
}
.PageVideoTranscodingDetail .basic-info .float-right {
  float: right;
}
.PageVideoTranscodingLayout {
  background: #f5f6f7;
  height: 100vh;
  overflow-y: auto;
}
.PageVideoTranscodingLayout-title {
  height: 41px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 32px;
  color: #1b1f35;
  line-height: 41px;
  height: 161px;
  padding: 60px 0;
  box-sizing: border-box;
  text-align: center;
}
.PageVideoTranscodingLayout .top-nav {
  height: 80px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.02) !important;
}
.PageVideoTranscodingLayout .top-nav-line {
  margin: 0 auto !important;
  width: 1200px;
  height: 80px !important;
}
.PageVideoTranscodingLayout-content {
  background-size: cover;
  min-width: 1200px;
  flex: 1;
}

.mfy-withdraw {
  background: #F4F6FB;
  height: 100vh;
  font-family: var(--mfy-font-family);
  position: relative;
}
.mfy-withdraw-header {
  position: sticky;
  background: #FFFFFF;
  margin-bottom: 24px;
  overflow: hidden;
}
.mfy-withdraw-content {
  flex-direction: column;
  display: flex;
  padding: 0 20px 0;
  height: calc(100vh - 68px);
}
.mfy-withdraw-content-card {
  background: linear-gradient(143deg, #597DFC 51%, #69E0FA 95%);
  border-radius: 8px;
  padding: 20px 16px;
}
.mfy-withdraw-content-card--tips {
  font-weight: 400;
  font-size: 14px;
  color: #FFFFFF;
  line-height: 16px;
}
.mfy-withdraw-content-card--amount {
  font-weight: bold;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 37px;
  font-family: var(--mfy-font-family-din);
  margin: 6px 0;
}
.mfy-withdraw-content-card--amount:first-letter {
  font-size: 20px;
  line-height: 23px;
}
.mfy-withdraw-content-tips {
  margin-top: 8px;
  margin-bottom: 24px;
}
.mfy-withdraw-content-tips--icon {
  font-size: 14px;
  color: #9BA0AD;
  margin-right: 2px;
}
.mfy-withdraw-content-tips--text {
  font-weight: 400;
  font-size: 12px;
  color: #9BA0AD;
  line-height: 14px;
}
.mfy-withdraw-content-wrap {
  flex-grow: 1;
}
.mfy-withdraw-content-form-wrap {
  border-radius: 8px;
  background: #FFFFFF;
  margin-bottom: 12px;
  padding-bottom: 20px;
}
.mfy-withdraw-content-form-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 16px 0 16px;
}
.mfy-withdraw-content-form-label {
  font-weight: 500;
  font-size: 14px;
  color: #3A4056 !important;
  line-height: 16px;
  flex: 1;
}
.mfy-withdraw-content-form-main {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.mfy-withdraw-content-form-prefix {
  color: var(--mfy-color-text);
  font-size: 20px;
  position: absolute;
  line-height: 23px;
}
.mfy-withdraw-content-form-wrap:nth-last-child(1) .mfy-withdraw-content-form-main {
  position: relative;
  width: 100%;
}
.mfy-withdraw-content-form-wrap:nth-last-child(1) .mfy-withdraw-content-form-item {
  flex-direction: column;
  align-items: flex-start;
}
.mfy-withdraw-content-form-wrap:nth-last-child(1) .mfy-withdraw-content-form-item .mfy-withdraw-content-form-label {
  color: #B8BBC4;
  margin-bottom: 7px;
}
.mfy-withdraw-content-form-wrap:nth-last-child(1) .mfy-withdraw-content-form-item .mfy-input-element {
  font-size: 26px;
  padding-left: 20px;
}
.mfy-withdraw-content-form-error {
  display: flex;
  justify-content: flex-start;
  padding-left: 32px;
}
.mfy-withdraw-content-form-error-desc {
  font-size: var(--mfy-font-size-6);
  color: #FF6C6C;
  margin-bottom: 2px;
}
.mfy-withdraw-content-line {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.mfy-withdraw-content-line-text {
  color: var(--mfy-color-text-dark-solid);
  font-size: var(--mfy-font-size-6);
}
.mfy-withdraw-radio-button {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 24px;
}
.mfy-withdraw-radio-button--item {
  background: #FFFFFF;
  border-radius: 6px;
  padding: 10px 0;
  font-weight: 400;
  font-size: 12px;
  color: #3A4056;
  line-height: 14px;
  margin-right: 2.6%;
  text-align: center;
  width: 22.6%;
}
.mfy-withdraw-radio-button--item:last-child {
  width: 49.5%;
  margin-right: 0;
}
.mfy-withdraw-radio-button--item.active {
  color: #597DFC;
  border: 1px solid #597DFC;
}
.mfy-withdraw-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 20px;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
}
.mfy-withdraw-submit.static-position {
  position: static;
}
.mfy-withdraw-submit-tips {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  font-size: 12px;
  color: #3A4056;
  line-height: 14px;
  margin-top: 5px;
}
.mfy-withdraw-submit-tips--image {
  width: 16px;
  height: 16px;
  margin-right: 2px;
}
.mfy-withdraw-submit-user {
  font-weight: 500;
  font-size: 12px;
  color: #7B808F;
  line-height: 14px;
  margin-top: 3px;
}
.mfy-withdraw-instructions {
  margin-bottom: 124px;
}
.web-platform-wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: #FFFFFF;
}
.web-platform-wrap .web-platform {
  width: 436px;
  background: #F4F6FB;
  position: relative;
}
.web-submit {
  width: 436px;
  left: 50%;
  margin-left: -218px;
}

.download-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.download-list-item {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.download-list-item-icon {
  width: 54px;
  height: 54px;
  transition: all 0.1s linear;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
.download-list-item-icon-Android {
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/officialWebsite/Android.png");
}
.download-list-item-icon-iOS {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-icon-Windows {
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/officialWebsite/Windows.png");
}
.download-list-item-icon-macOS {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-icon-wechat {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-icon-TV {
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/officialWebsite/TV.png");
}
.download-list-item-iconbox {
  width: 120px;
  height: 120px;
  background: #ffffff;
  box-shadow: 0px 1px 1px 0px rgba(0, 16, 115, 0.05);
  border-radius: 100px 100px 100px 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.download-list-item-iconbox:hover {
  box-shadow: 0px 24px 60px 0px rgba(9, 30, 162, 0.08);
}
.download-list-item-iconbox:hover .download-list-item-icon {
  width: 60px;
  height: 60px;
  transition: all 0.1s linear;
}
.download-list-item-iconbox:hover .download-list-item-icon-Android {
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/officialWebsite/Android_hover.png");
}
.download-list-item-iconbox:hover .download-list-item-icon-iOS {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-iconbox:hover .download-list-item-icon-Windows {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-iconbox:hover .download-list-item-icon-macOS {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-iconbox:hover .download-list-item-icon-wechat {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-iconbox:hover .download-list-item-icon-TV {
  background-image: url(data:image/png;base64,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);
}
.download-list-item-iconbox:hover .download-list-item-iconbox-tooltipBox {
  opacity: 1;
  transition: opacity 0.3s;
  pointer-events: all;
}
.download-list-item-iconbox-tooltipBox {
  pointer-events: none;
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: -216px;
  left: 50%;
  transform: translate(-50%);
  width: 308px;
  height: 338px;
  transition: opacity 0.3s;
}
.download-list-item-iconbox-tooltip {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  background: #ffffff;
  box-shadow: 0px 4px 50px 0px rgba(9, 30, 162, 0.07);
  border-radius: 24px 24px 24px 24px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 24px;
}
.download-list-item-iconbox-tooltip-left,
.download-list-item-iconbox-tooltip-right {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-direction: column;
}
.download-list-item-iconbox-tooltip-left-text,
.download-list-item-iconbox-tooltip-right-text {
  font-family: var(--mfy-font-family);
  height: 16px;
  font-weight: 400;
  font-size: 12px;
  color: #3c3f52;
  line-height: 14px;
  text-align: center;
}
.download-list-item-iconbox-tooltip-component {
  width: 120px;
  height: 120px;
  background: #fafafa;
  border-radius: 12px 12px 12px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.download-list-item-iconbox-tooltip-component-down {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.download-list-item-title {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 16px;
  text-align: center;
}

.school-row {
  width: 100%;
  height: 88px;
  overflow: hidden;
  position: relative;
}
.school-row-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.school-row-content {
  display: flex;
  height: 100%;
  animation-name: scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  width: fit-content;
}
.school-row-item {
  flex-shrink: 0;
  width: 220px;
  height: 100%;
  margin-right: 24px;
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(172, 186, 219, 0.08);
  border-radius: 16px 16px 16px 16px;
}
.school-row-item img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-50% - 5px));
  }
}

.schools {
  margin-top: 60px;
}
.schools:hover .school-row-content {
  animation-play-state: paused;
}
.schools-row {
  margin-bottom: 24px;
}

.list-card {
  width: 100%;
  position: relative;
}
.list-card-pic {
  width: 806px;
  height: 500px;
  position: absolute;
}
.list-card-content {
  position: absolute;
}
.list-card-content-title {
  width: 100%;
  height: 46px;
  padding-left: 20px;
  box-sizing: border-box;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 36px;
  color: #1b1f35;
  margin-bottom: 14px;
}
.list-card-content-title.special-content {
  font-weight: bold;
  font-size: 36px;
  color: #1B1F35;
  margin-bottom: 24px;
}
.list-card-content-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.list-card-content-list.special-content .list-card-content-list-item {
  font-weight: 400;
  font-size: 14px;
  color: #5E6278;
  line-height: 26px;
  background: transparent !important;
  cursor: text;
}
.list-card-content-list-item {
  height: fit-content;
  cursor: pointer;
  padding: 16px 20px;
}
.list-card-content-list-item-subTitle {
  height: 26px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 16px;
  color: #1b1f35;
  line-height: 26px;
}
.list-card-content-list-item-text {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  line-height: 26px;
}
.list-card-content-list-item:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 20px 20px 20px 20px;
}
.list-card-content-list-item:active {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 20px 20px 20px 20px;
}
.list-card-content-list-item-link {
  margin-top: 36px;
  padding-left: 0 !important;
}
.list-card-content-list-item-link.ant-btn-variant-link {
  gap: 2px !important;
}
.list-card-content-list-item-link:hover .icon {
  color: #66a1ff;
}
.list-card-content-list-item-link:active .icon {
  color: #2961d9;
}
.list-card-content-list-item-link .icon {
  font-size: 16px;
  color: #3C80FF;
}
.list-card-content-list-curItem {
  background: rgba(182, 186, 195, 0.15);
  border-radius: 20px 20px 20px 20px;
}

.move-card {
  width: 100%;
  height: 506px;
  position: relative;
}
.move-card-pic {
  width: 806px;
  height: 500px;
  position: absolute;
  top: 6px;
  right: 0;
}
.move-card-title {
  position: absolute;
  top: 156px;
  left: 94px;
  width: 440px;
  height: 46px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 36px;
  color: #1b1f35;
  line-height: 42px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.move-card-text {
  position: absolute;
  top: 226px;
  left: 94px;
  width: 440px;
  height: 78px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.share-card {
  width: 100%;
  height: 500px;
  position: relative;
}
.share-card-pic {
  width: 806px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
.share-card-title {
  position: absolute;
  top: 134px;
  right: 152px;
  width: 440px;
  height: 46px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 36px;
  color: #1b1f35;
  line-height: 42px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.share-card-text {
  position: absolute;
  top: 204px;
  right: 152px;
  width: 440px;
  height: 52px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}

.url-card {
  width: 100%;
  height: 500px;
  position: relative;
}
.url-card-pic {
  width: 806px;
  height: 500px;
  position: absolute;
  top: 0;
  left: 0;
}
.url-card-title {
  position: absolute;
  top: 138px;
  right: 153px;
  width: 440px;
  text-align: left;
  font-family: var(--mfy-font-family);
  font-weight: 600;
  font-size: 36px;
  color: #1b1f35;
}
.url-card-content {
  position: absolute;
  top: 208px;
  right: 153px;
  width: 440px;
  height: 78px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  line-height: 26px;
  text-align: left;
  font-style: normal;
  text-transform: none;
}
.url-card-more {
  position: absolute;
  top: 322px;
  right: 511px;
  display: flex;
  align-items: center;
  gap: 2px;
  height: 26px;
  width: 82px;
  cursor: pointer;
}
.url-card-more-title {
  width: 64px;
  font-family: var(--mfy-font-family);
  font-weight: 800;
  font-size: 16px;
  color: #3c80ff;
  line-height: 26px;
  text-align: left;
}
.url-card-more-arrow {
  width: 16px;
  height: 16px;
  background-image: url("https://statics.123pan.com/static-by-custom/pc/image/officialWebsite/arrow_right.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.url-card-more:hover .url-card-more-title {
  color: #66a1ff;
}
.url-card-more:hover .url-card-more-arrow {
  background-image: url(data:image/png;base64,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);
}
.url-card-more:active .url-card-more-title {
  color: #2961d9;
}
.url-card-more:active .url-card-more-arrow {
  background-image: url(data:image/png;base64,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);
}

.official-website-container {
  height: 100vh;
  overflow: auto;
  background-color: #f7f9fe;
}
.official-website-container .ant-back-top {
  top: unset;
  bottom: 50px;
}
.official-website-header {
  height: 64px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  left: 0px;
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out, z-index 0.3s ease-in-out;
}
.official-website-header-show {
  transform: translateY(0);
}
.official-website-header-dropdown {
  min-width: unset !important;
  max-width: unset !important;
}
.official-website-header-dropdown .ant-dropdown-menu {
  padding: 8px;
  box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.07);
  border-radius: 12px 12px 12px 12px;
}
.official-website-header-dropdown .ant-dropdown-menu-item {
  padding: 8px 12px;
  width: 103px;
}
.official-website-header-dropdown .ant-dropdown-menu-item:hover {
  background: rgba(182, 186, 195, 0.1);
  border-radius: 6px 6px 6px 6px;
}
.official-website-header-dropdown .ant-dropdown-menu-title-content {
  color: #1b1f35 !important;
  text-align: center;
}
.official-website-header-content {
  display: flex;
  align-items: center;
  justify-content: end;
  margin: 0 auto;
  height: 100%;
  width: 1360px;
}
.official-website-header-content-logo {
  width: 212px;
  height: 36px;
  margin-right: auto;
}
.official-website-header-content-notice {
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #f64e60;
  margin-right: 40px;
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}
.official-website-header-content-notice:hover {
  color: #ff7a83;
}
.official-website-header-content-notice:active {
  color: #cf384c;
}
.official-website-header-content-cdn {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 18px;
  margin-right: 40px;
  cursor: pointer;
}
.official-website-header-content-cdn:hover {
  color: #3c80ff;
}
.official-website-header-content-cdn:active {
  color: #2961d9;
}
.official-website-header-content-vip {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 18px;
  margin-right: 40px;
  cursor: pointer;
}
.official-website-header-content-vip:hover {
  color: #3c80ff;
}
.official-website-header-content-vip:active {
  color: #2961d9;
}
.official-website-header-content-transfer {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 18px;
  margin-right: 40px;
  cursor: pointer;
  position: relative;
}
.official-website-header-content-transfer-img {
  position: absolute;
  top: -100%;
  width: 96px;
  height: 20px;
  left: 0;
}
.official-website-header-content-transfer:hover {
  color: #3c80ff;
}
.official-website-header-content-transfer:active {
  color: #2961d9;
}
.official-website-header-content-developer {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #1b1f35;
  line-height: 18px;
  margin-right: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.official-website-header-content-developer-arrow {
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAUFJREFUWEftlEFOwkAUhv+HqQvjAtYlOtxAEhpd4k3gBHID5QRyA3oTXRoggSMMjY1Lu3Ej2GeGhkSUdmYqSVnMbPv+97787/0lVPyo4vlwAM4B54BzQOuALzoDMO4Bqtv9tDhJGcO3aDYq0hUCCHFVX7H3bjd4t/qDVo1ELpK8HscNoKh9cT0Ap49lXCDm4Ws0eyi9gq3QvwyeAHTtIGgRLydtnUZ7hKqBEDdizV9zBgwPkaRHtVspX+RBALJVBD0wxrqGm++EfiynoUmtkQPbRs2LYMSEu8LGjDCOpn2T4RmrxctieToHWOyXKevP2lI+58but84KQImbotNlJnWUf55HJy2Tvf8UWgPkRdMkcvugSwFsIHaiaRa5gwKoaH6m6x7VkHg4D232/u8VWNyttrT0CrSdDQscgHPAOVC5A98W3GghxI9BoAAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.official-website-header-content-developer:hover {
  color: #3c80ff;
}
.official-website-header-content-developer:hover .official-website-header-content-developer-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAASFJREFUWEftlM1Nw0AQhb+VyD10EErImSCZTkgF0EEmFUAHuBM4JIhbUkI6wAU4GRjJSAaCd9ZEMofdq+fn03vzHBj4hYH3kwGyAlmBrEBUgUvRuwALYJz406oUlmsJD119nQCF6LiGt8TFX8rP4PxZQvXbjP8NYNSNBfc9VViuJEhvCz4bZ6JPQJEIsV1JmMZ6okdoAwrRSQ0b7yEq7PZw/SphdxIAG3IleqPwGBto3w8wf5FQempdCrSssEjddg1WKNcS5p7lVpMEYLHcw+ZjyeTYApN+BNOu2H3vSwKw5pmoHaMd5Y9Xw4XH93ZjMkBHNKOROwbdC6BRoh1NV+ROCtBE05JRjaBM8f3PFngv3FPX2wLPcE9NBsgKZAUGV+AdaJ5UIbuHMc0AAAAASUVORK5CYII=);
}
.official-website-header-content-developer:active {
  color: #2961d9;
}
.official-website-header-content-developer:active .official-website-header-content-developer-arrow {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAATFJREFUWEftlM1twkAQhec5DUAHcIGYXOIOoJN1BaGDhAqgAthOKAFOYLjgDsIJKyjxRIuMlCBszxokc1hfPT+f3pu3oJo/1LyfHIBTwCngFChVwFfREPDembhh82iBsP/h79FG9yZFfYUAr2rX+MLx02bxZW3Ch2asg33ejMcGMNTGAgLGVVRg0Ciadj8qW3Bu9MPtnIj7lhDL9awblPWUHqEZ8KzWLQ9PC4tDjJnTQaT9+C4AGYQCvFnZQPOfOQ0j7WtJrUiB86CXcDtJid8KPQX0atoJJctNjRVAFssFEbVyFsQJH4Ki2F32WQFkVvQBb34NgDltS3z/22sNkBdNSeSuQVcCOEH8j6YocncFMNEkImXe/IQSbeP7zRZIL1xSV9kCyXBJjQNwCjgFalfgF6kdbCHKKivUAAAAAElFTkSuQmCC);
}
.official-website-header-content-developer-open {
  height: 18px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #2961d9;
  line-height: 18px;
  margin-right: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}
.official-website-header-content-developer-open-arrow {
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAShJREFUWEftlL1Rw0AQhd+KBijBTpDkTB3gEqjAcge4AtwBqgAdHbgD3AFkd4pQCYogQg80Iycao/uZ8Ti5S7W375vvtCu48pEr5yMCRAPRQDQQbCDbNpsEUhHsCOxNnb6GLLUggKzUi0Ru3gnejqEd2RdG5a0vRBBAvm0+ASwmYR+6TouLA6zK5omC/dkgstIq2/lAeBnISn0vkrzNBZD92qj86ArhDDC8+xg+VT/Nar/5VbSq6FwgfACUSLJxaQrBQb+kDy61TgB5aR4h8uzS8FTT82fXqFVlu2MFODNytp6n706jaQX4Z+ScIAg5mvpuPVc8CzD+eMPMBx+yX84tqIsaANDqOl0GGxguDhb+GpW+CgTSETzY1rPVgG+wb30EiAaigWjgF4pJZSH9s+n8AAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.official-website-header-content-download {
  width: 96px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background: linear-gradient(96deg, #1969ff 0%, #3c80ff 100%);
  border-radius: 35px 35px 35px 35px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  margin-right: 16px;
  cursor: pointer;
}
.official-website-header-content-download:hover {
  background: linear-gradient(90deg, #3b7fff 0%, #74a5ff 100%);
}
.official-website-header-content-download:active {
  background: linear-gradient(90deg, #2961d9 0%, #2571ff 100%);
}
.official-website-header-content-login {
  width: 96px;
  text-align: center;
  height: 36px;
  line-height: 36px;
  background: #ffffff;
  border-radius: 60px 60px 60px 60px;
  border: 1px solid #3c80ff;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #3c80ff;
  cursor: pointer;
}
.official-website-header-content-login:hover {
  color: #66a1ff;
  border: 1px solid #66a1ff;
}
.official-website-header-content-login:active {
  border: 1px solid #2961d9;
  color: #2961d9;
}
.official-website-banner {
  height: 642px;
  width: 1360px;
  position: relative;
  margin: 0 auto;
}
.official-website-banner-bannerBg {
  position: absolute;
  top: 35px;
  left: 50%;
  width: 1680px;
  transform: translateX(-50%);
}
.official-website-banner-title {
  position: absolute;
  top: 112px;
  left: 94px;
  width: 445px;
  height: 174px;
}
.official-website-banner-pic {
  width: 1366px;
  height: 226px;
  position: absolute;
  top: 174px;
  left: 50%;
  transform: translateX(-50%);
}
.official-website-banner-button {
  width: 206px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  background: linear-gradient(96deg, #1969ff 0%, #4888ff 100%);
  border-radius: 35px 35px 35px 35px;
  font-family: var(--mfy-font-family);
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  top: 386px;
  left: 92px;
  cursor: pointer;
}
.official-website-banner-button:hover {
  background: linear-gradient(90deg, #3b7fff 0%, #74a5ff 100%);
}
.official-website-banner-button:active {
  background: linear-gradient(90deg, #2961d9 0%, #2571ff 100%);
}
.official-website-banner-titles {
  position: absolute;
  top: 302px;
  left: 96px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 445px;
  height: 28px;
}
.official-website-banner-titles-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.official-website-banner-titles-title-icon {
  width: 28px;
  height: 28px;
}
.official-website-banner-titles-title-text {
  font-weight: 400;
  font-size: 20px;
  color: #000000;
  line-height: 23px;
  font-family: var(--mfy-font-family);
  letter-spacing: 3px;
}
.official-website-schools {
  height: 800px;
  position: relative;
}
.official-website-schools-title {
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 36px;
  color: #1b1f35;
}
.official-website-tabs {
  height: 52px;
  width: fit-content;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 7px 40px 0px rgba(87, 107, 143, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 100px 100px 100px 100px;
  position: sticky;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 6px;
  margin: 0 auto;
  transition: top 0.3s ease-in-out;
  box-sizing: border-box;
}
.official-website-tabs-tab {
  padding: 14px 0;
  text-align: center;
  border-radius: 100px 100px 100px 100px;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 14px;
  color: #5e6278;
  cursor: pointer;
  height: 100%;
  line-height: 100%;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
.official-website-tabs-tab:hover {
  background: rgba(182, 186, 195, 0.1);
}
.official-website-tabs-curTab {
  color: #1b1f35;
  font-weight: bold;
}
.official-website-tabs-slider {
  position: absolute;
  height: calc(100% - 12px);
  background: rgba(182, 186, 195, 0.1);
  border-radius: 100px 100px 100px 100px;
  transition: all 0.3s ease-in-out;
}
.official-website-content {
  width: 1360px;
  background: #ffffff;
  box-shadow: 0px 1px 1px 0px rgba(0, 16, 115, 0.1);
  border-radius: 40px 40px 40px 40px;
  margin: 0 auto;
  padding-top: 108px;
}
.official-website-content-item {
  height: fit-content;
}
.official-website-download-title {
  height: 51px;
  text-align: center;
  font-family: var(--mfy-font-family);
  font-weight: 400;
  font-size: 40px;
  color: #1b1f35;
  line-height: 51px;
}
.official-website-download-content {
  height: 158px;
  width: 100%;
  margin-top: 60px;
  padding: 0 40px;
  box-sizing: border-box;
}
.official-website-pullNew {
  position: fixed;
  right: 20px;
  bottom: 200px;
  cursor: pointer;
  overflow: hidden;
  width: 96px;
  height: 176px;
}
.official-website-pullNew-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 116px;
  height: 176px;
}
.official-website-customerService {
  position: fixed;
  right: 24px;
  bottom: 130px;
  z-index: 2;
}
.official-website-footer {
  display: flex;
  justify-content: center;
  margin-top: 114px;
  margin-bottom: 40px;
}

.file-upload-select-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 0;
  min-height: 200px;
}
.file-upload-select-content-file-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
.file-upload-select-content-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.file-upload-select-content-file-name {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-upload-select-content-destination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0 24px;
}
.file-upload-select-content-destination-label {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-right: 8px;
}
.file-upload-select-content-destination-name {
  color: #1b1f35;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.file-upload-select-content-destination-change {
  color: #3c80ff;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  cursor: pointer;
  margin-left: 8px;
  flex-shrink: 0;
}
.file-upload-select-content-destination-change:hover {
  color: #2d6aff;
  text-decoration: underline;
}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 4086243 */
  src: url('//at.alicdn.com/t/c/font_4086243_khed26i0t4i.woff2?t=1710932881333') format('woff2'),
  url('//at.alicdn.com/t/c/font_4086243_khed26i0t4i.woff?t=1710932881333') format('woff'),
  url('//at.alicdn.com/t/c/font_4086243_khed26i0t4i.ttf?t=1710932881333') format('truetype'),
  url('//at.alicdn.com/t/c/font_4086243_khed26i0t4i.svg?t=1710932881333#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top_btn_add1:before {
  content: "\e62d";
}

.top_btn_upload1:before {
  content: "\e62e";
}

.guide_dricetlink:before {
  content: "\e628";
}

.guide_recyclebin:before {
  content: "\e629";
}

.guide_share:before {
  content: "\e62a";
}

.guide_file:before {
  content: "\e62b";
}

.guide_brokerage:before {
  content: "\e62c";
}

.icon_historical_statistics:before {
  content: "\e753";
}

.icon_income_statistics:before {
  content: "\e754";
}

.my_earnings:before {
  content: "\e756";
}

.user_order:before {
  content: "\e75a";
}

.Copy_alt_light:before {
  content: "\e760";
}

.Link-2:before {
  content: "\e75f";
}

.world_alt_light:before {
  content: "\e75e";
}

.biaoqian:before {
  content: "\e625";
}

.fail:before {
  content: "\e624";
}

.web_copy-link:before {
  content: "\e622";
}

.web_cancle-share:before {
  content: "\e623";
}

.Beta:before {
  content: "\e74d";
}

.btn_upload1:before {
  content: "\e621";
}

.web_login_message:before {
  content: "\e61d";
}

.web_login_wechat:before {
  content: "\e61e";
}

.web_login_account:before {
  content: "\e61f";
}

.Arrow_alt_lright_alt:before {
  content: "\e748";
}

.Folder_light:before {
  content: "\e61c";
}

.document_colse:before {
  content: "\e61a";
}

.Offlinedownload_expand:before {
  content: "\e617";
}

.Offlinedownload_close:before {
  content: "\e618";
}

.Offlinedownload_ing:before {
  content: "\e619";
}

.line:before {
  content: "\e740";
}

.btn_download:before {
  content: "\e611";
}

.login-o-eye:before {
  content: "\e60f";
}

.login-c-eye:before {
  content: "\e610";
}

.close:before {
  content: "\e731";
}

.calendar:before {
  content: "\e732";
}

.expand_down:before {
  content: "\e733";
}

.expand_down_double:before {
  content: "\e734";
}

.question:before {
  content: "\e735";
}

.expand_right:before {
  content: "\e736";
}

.chield_check:before {
  content: "\e737";
}

.add:before {
  content: "\e738";
}

.edit:before {
  content: "\e739";
}

.check1:before {
  content: "\e72d";
}

.icon_status:before {
  content: "\e72e";
}

.rise:before {
  content: "\e72f";
}

.descend:before {
  content: "\e730";
}

.btn_share:before {
  content: "\e727";
}

.btn_upload:before {
  content: "\e728";
}

.btn_enable:before {
  content: "\e729";
}

.btn_link:before {
  content: "\e72a";
}

.btn_forbidden:before {
  content: "\e72b";
}

.btn_more:before {
  content: "\e72c";
}

.top_btn_upload:before {
  content: "\e71b";
}

.top_btn_add:before {
  content: "\e71c";
}

.top_btn_download:before {
  content: "\e71d";
}

.top_btn_info:before {
  content: "\e71e";
}

.top_btn_share:before {
  content: "\e71f";
}

.top_btn_delete:before {
  content: "\e721";
}

.top_btn_move:before {
  content: "\e722";
}

.top_btn_rename:before {
  content: "\e723";
}

.top_btn_enable:before {
  content: "\e724";
}

.top_btn_link:before {
  content: "\e725";
}

.top_btn_forbidden:before {
  content: "\e726";
}

.arrow-up-web:before {
  content: "\e717";
}

.arrow-down-web-copy:before {
  content: "\e718";
}

.check:before {
  content: "\e712";
}

.sort:before {
  content: "\e70f";
}

.tile:before {
  content: "\e710";
}

.list:before {
  content: "\e711";
}