.win-menu.login[data-v-3954c4dd] {
  -webkit-app-region: drag;
  width: 90%;
  padding: 12px 16px;
  display: flex;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.win-menu.light[data-v-3954c4dd] {
  display: flex;
}
.win-menu.hasBack[data-v-3954c4dd] {
  width: 100%;
}
.win-menu .icon[data-v-3954c4dd] {
  padding: 5px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  -webkit-app-region: no-drag;
  margin-right: 8px;
  border-radius: 4px;
}
.win-menu .icon[data-v-3954c4dd]:hover {
  background: rgba(0, 0, 0, 0.04);
}
.win-menu .icon[data-v-3954c4dd]:active {
  background: rgba(0, 0, 0, 0.08);
}
.win-menu .icon[data-v-3954c4dd]:last-child {
  margin-right: 0px;
}
.win-menu .icon.close-icon[data-v-3954c4dd] {
  font-weight: 600;
}
.win-menu .back-icon[data-v-3954c4dd] {
  position: absolute;
  left: 16px;
}
.win-menu.light .icon[data-v-3954c4dd] {
  color: rgba(255, 255, 255, 0.85);
}
.win-menu .bar-icon[data-v-3954c4dd] {
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-right: 8px;
  -webkit-app-region: no-drag;
}
.win-menu .bar-icon[data-v-3954c4dd]:hover {
  background: rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.win-menu .bar-icon img[data-v-3954c4dd] {
  width: 20px;
  height: 20px;
  -webkit-user-drag: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.win-menu .bar-icon[data-v-3954c4dd]:last-child {
  margin-right: 0px;
}

.pc-pro-login[data-v-c19f00a6] {
  width: 100vw;
  height: 100vh;
}


.pc-login-page ~ .ivu-message-notification {
  top: 40px !important;
}

.ml12 {
  margin-left: 12px;
}
.container {
  height: inherit;
}
.container .upgrade {
  width: 100%;
  height: 100%;
  position: relative;
}
.container .upgrade-linear-bg {
  position: absolute;
  top: 0;
  height: 204px;
  width: 100%;
  background: linear-gradient(180deg, #e5f2ff 0%, #ffffff 100%);
  z-index: -1;
}
.container .upgrade .upgrade-bg {
  position: absolute;
  top: 22px;
  right: 22px;
  width: 175px;
  height: 129px;
}
.container .upgrade .mac-close {
  position: absolute;
  top: 14px;
  left: 16px;
  width: 12px;
  height: 12px;
  cursor: pointer;
  z-index: 1;
}
.container .upgrade .win-close {
  position: absolute;
  right: 16px;
  top: 8px;
  cursor: pointer;
  padding: 6px !important;
  z-index: 1;
}
.container .upgrade-content {
  width: 100%;
  padding: 50px 80px 0 80px;
  position: relative;
}
.container .upgrade-content-title {
  font-size: 28px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.85);
}
.container .upgrade-content-recommend {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
}
.container .upgrade-content .web-page {
  color: #0055ff;
  text-decoration: none;
  cursor: pointer;
}
.container .upgrade-content-text {
  padding-right: 8px;
  margin: 12px 0px;
  max-height: 225px;
  min-height: 26px;
  overflow-y: auto;
  word-break: break-word;
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
}
.container .upgrade-content-text p {
  line-height: 22px;
}
.container .upgrade-content ::-webkit-scrollbar {
  width: 6px;
}
.container .upgrade-content-bottom-mark {
  height: 40px;
  width: calc(100% - 160px);
  position: absolute;
  bottom: 0px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

.not-find-tips .text-more[data-v-2aac2b27] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  margin-top: 12px;
}
.not-find-tips .text-more span[data-v-2aac2b27] {
  color: #0055ff;
  cursor: pointer;
}
.not-find-tips .text-more span[data-v-2aac2b27]:hover {
  text-decoration: none;
}

.primary-color[data-v-c3437aa0] {
  cursor: pointer;
  color: #0055ff;
}

.sms-check[data-v-432cc31c] {
  display: flex;
  align-items: center;
  width: 100%;
}
.sms-check .sms-input[data-v-432cc31c] {
  flex: 1;
}
.sms-check .sms-input[data-v-432cc31c] .ivu-input-large {
  height: 48px;
  line-height: 48px;
}
.sms-check .sms-input[data-v-432cc31c] .ivu-input-large input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.sms-check .sms-btn[data-v-432cc31c] {
  padding: 0;
}

.user-modal-wicket .wicket-content {
  padding: 0 5px;
}
.user-modal-wicket .wicket-content .title {
  font-family: 'PingFang SC', Arial, Verdana, sans-serif, Microsoft YaHei;
}

.custom-modal section[data-v-6486472a] {
  padding: 16px 2px 0;
}
.custom-modal h2[data-v-6486472a] {
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  margin-bottom: 16px;
  padding: 0 24px;
}
.custom-modal p[data-v-6486472a] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 20px;
  text-align: justify;
  margin-bottom: 16px;
  padding: 0 24px;
}
.custom-modal p[data-v-6486472a]:last-child {
  margin-bottom: 0;
}

.cloud-bind[data-v-60f72ea0] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cloud-bind[data-v-60f72ea0] .ivu-checkbox-label {
  display: inline;
}
.cloud-bind header[data-v-60f72ea0] {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 16px;
}
.cloud-bind header .icon-close[data-v-60f72ea0] {
  padding: 4px;
  cursor: pointer;
}
.cloud-bind section[data-v-60f72ea0] {
  flex: 1;
  margin: 20px 40px 96px;
}
.cloud-bind section h2[data-v-60f72ea0] {
  padding: 8px 0;
  font-size: 22px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
}
.cloud-bind section .common-input[data-v-60f72ea0] {
  width: 100%;
}
.cloud-bind section .common-input[data-v-60f72ea0] .ivu-input-large {
  height: 48px;
  line-height: 48px;
}
.cloud-bind section .common-input[data-v-60f72ea0] .ivu-input-large input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.cloud-bind section .input-username[data-v-60f72ea0] {
  margin: 20px 0 16px;
}
.cloud-bind section .btn-bind[data-v-60f72ea0] {
  height: 48px;
  line-height: 48px;
  margin: 0 0 12px;
}
.cloud-bind section .cloud-check[data-v-60f72ea0] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
}
.cloud-bind section .cloud-check a[data-v-60f72ea0] {
  color: #05f;
  text-decoration: none;
}
.cloud-bind section .cloud-check .check-text[data-v-60f72ea0] {
  white-space: pre-wrap;
}
.cloud-bind section .cloud-check .check-text.and[data-v-60f72ea0] {
  flex: 1;
  white-space: nowrap;
}
.cloud-bind section .forgot[data-v-60f72ea0] {
  height: 22px;
  line-height: 22px;
  margin: 8px 0 32px;
  text-align: right;
}
.cloud-bind section .forgot span[data-v-60f72ea0] {
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.cloud-bind section .sms-tabs[data-v-60f72ea0].ivu-tabs-bar,
.cloud-bind section .sms-tabs[data-v-60f72ea0] .ivu-tabs-bar {
  margin: 16px 0 1px;
}
.cloud-bind section .sms-tabs[data-v-60f72ea0].ivu-tabs-bar .ivu-tabs-nav,
.cloud-bind section .sms-tabs[data-v-60f72ea0] .ivu-tabs-bar .ivu-tabs-nav {
  left: -16px;
}
.cloud-bind footer[data-v-60f72ea0] {
  height: 22px;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.cloud-bind footer .text[data-v-60f72ea0] {
  cursor: pointer;
}
.cloud-bind footer .icon-tips[data-v-60f72ea0] {
  margin-left: 4px;
}

.cloud-bind[data-v-6c0dfde4] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cloud-bind header[data-v-6c0dfde4] {
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0 16px;
}
.cloud-bind header .icon-close[data-v-6c0dfde4] {
  padding: 4px;
  cursor: pointer;
}
.cloud-bind section[data-v-6c0dfde4] {
  flex: 1;
  margin: 20px 40px 154px;
}
.cloud-bind section .title[data-v-6c0dfde4] {
  padding: 7px 0;
  margin-bottom: 20px;
}
.cloud-bind section .title h2[data-v-6c0dfde4] {
  height: 24px;
  font-size: 22px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  line-height: 24px;
  margin-bottom: 8px;
}
.cloud-bind section .title p[data-v-6c0dfde4] {
  height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 20px;
}
.cloud-bind section .common-input[data-v-6c0dfde4] {
  width: 100%;
}
.cloud-bind section .common-input[data-v-6c0dfde4] .ivu-input-large {
  height: 48px;
  line-height: 48px;
}
.cloud-bind section .common-input[data-v-6c0dfde4] .ivu-input-large input::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
}
.cloud-bind section .input-username[data-v-6c0dfde4] {
  margin-bottom: 16px;
}
.cloud-bind section .btn-bind[data-v-6c0dfde4] {
  height: 48px;
  line-height: 48px;
}
.cloud-bind section .forgot[data-v-6c0dfde4] {
  height: 22px;
  line-height: 22px;
  margin: 8px 0 32px;
  text-align: right;
}
.cloud-bind section .forgot span[data-v-6c0dfde4] {
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.cloud-bind footer[data-v-6c0dfde4] {
  height: 22px;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
}
.cloud-bind footer span[data-v-6c0dfde4] {
  cursor: pointer;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
}
.cloud-bind .section[data-v-6c0dfde4] {
  flex: 1;
  padding: 102px 0 168px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.cloud-bind .section .error-wrapper[data-v-6c0dfde4] {
  width: 77px;
  height: 77px;
}
.cloud-bind .section .error-icon[data-v-6c0dfde4] {
  color: #ea3f24;
  margin-bottom: 4px;
  position: relative;
  top: -20px;
}
.cloud-bind .section .text[data-v-6c0dfde4] {
  font-size: 14px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
  line-height: 22px;
  margin-bottom: 4px;
}
.cloud-bind .section .desc[data-v-6c0dfde4] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 20px;
}
.cloud-bind .footer[data-v-6c0dfde4] {
  padding: 0 40px;
  margin-bottom: 40px;
  text-align: center;
}
.cloud-bind .footer .unbind-btn[data-v-6c0dfde4] {
  margin-bottom: 16px;
}
.cloud-bind .footer .unbind-text[data-v-6c0dfde4] {
  line-height: 20px;
}
.cloud-bind .footer .unbind-text span[data-v-6c0dfde4] {
  font-size: 14px;
  color: #0055ff;
  cursor: pointer;
}

.delete-user-modal .top[data-v-6c13cb16] {
  display: flex;
}
.delete-user-modal .title[data-v-6c13cb16] {
  overflow: hidden;
  font-size: 20px;
  font-weight: 500;
  padding-left: 5px;
  margin-bottom: 30px;
  max-width: 100%;
  display: flex;
}
.delete-user-modal .title > div[data-v-6c13cb16]:first-child {
  white-space: nowrap;
}
.delete-user-modal .title > div:nth-child(2) > .box[data-v-6c13cb16] {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.delete-user-modal .title > div[data-v-6c13cb16]:last-child {
  white-space: nowrap;
}
.delete-user-modal[data-v-6c13cb16].ivu-input-wrapper,
.delete-user-modal[data-v-6c13cb16] .ivu-input-wrapper {
  width: 100%;
}

.image-cropper[data-v-f0d66332] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ug-update-file[data-v-ace92a54] {
  height: 100%;
  overflow: hidden;
  display: flex;
}
.ug-update-file nav[data-v-ace92a54] {
  width: 180px;
  height: 100%;
  flex-shrink: 0;
  overflow-y: auto;
  padding: 8px 8px 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children {
  margin-bottom: 5px;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children li ul li .ivu-tree-bg {
  padding-left: 2px;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children .ivu-tree-custom-icon {
  margin: 0;
  margin-right: 8px;
  align-self: start;
  height: 22px;
  display: flex;
  align-items: center;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children .ivu-tree-bg:hover {
  color: #0055ff;
  background: transparent;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children .ivu-tree-arrow {
  margin-right: 0px;
  margin-left: 0;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children .pro-icon-func-side-fold-up {
  font-size: 12px !important;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree > .ivu-tree-children .ivu-tree-title {
  white-space: normal;
  word-break: normal;
  padding: 0;
  line-height: 22px;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree ul li .ivu-tree-box {
  padding: 5px 12px;
  padding-left: 0 !important;
}
.ug-update-file nav[data-v-ace92a54] a:hover {
  text-decoration: none;
}
.ug-update-file nav[data-v-ace92a54] .ivu-tree-title {
  padding: 4px;
}
.ug-update-file main[data-v-ace92a54] {
  flex: 1;
  height: 100%;
  position: relative;
}
.ug-update-file main section[data-v-ace92a54] {
  height: calc(100% - 80px);
}
.ug-update-file main footer[data-v-ace92a54] {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 80px;
  padding: 24px 32px 24px 24px;
  display: flex;
  background: #fff;
  justify-content: space-between;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.ug-update-file main footer .ivu-btn[data-v-ace92a54] {
  margin-left: 15px;
}

.container[data-v-2fee5bff] {
  height: 280px;
  border-radius: 8px;
  overflow: hidden;
}
.custom-dialog-footer[data-v-2fee5bff] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.video-player-file-selector .operation-list {
  padding-left: 0 !important;
}

.ug-change-avatar[data-v-a5ea8572] {
  height: 376px;
}
.ug-change-avatar .upload-section[data-v-a5ea8572] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  position: relative;
}
.ug-change-avatar .upload-section .uploadGroup[data-v-a5ea8572] {
  display: flex;
  justify-content: space-around;
}
.ug-change-avatar .upload-section .afresh[data-v-a5ea8572] {
  position: absolute;
  text-align: right;
  right: 10px;
  top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #0055ff;
  line-height: 22px;
  cursor: pointer;
}
.ug-change-avatar .upload-section .preview-wrap[data-v-a5ea8572] {
  margin: 35px 0 24px;
  width: 160px;
  height: 160px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  overflow: hidden;
}
.ug-change-avatar .upload-section .preview-wrap img[data-v-a5ea8572] {
  width: 100%;
  height: 100%;
}
.ug-change-avatar .upload-section[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) {
  margin: 35px 0 32px;
}
.ug-change-avatar .upload-section[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag {
  padding-top: 53px;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.02);
}
.ug-change-avatar .upload-section[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag:hover {
  border: 1px dashed #dcdee2;
}
.ug-change-avatar .upload-section[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag .text {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.45);
  margin-bottom: 10px;
  margin-top: 8px;
}
.ug-change-avatar .upload-section .tips[data-v-a5ea8572] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.65);
  padding: 0 12px;
  margin-bottom: 24px;
}
.ug-change-avatar .showHover[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag:hover {
  border: 1px solid #0055ff;
  background: rgba(0, 85, 255, 0.07);
}
.ug-change-avatar .showHover[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag:hover .pro-icon-func-add,
.ug-change-avatar .showHover[data-v-a5ea8572] .ivu-upload:not(.ivu-upload-drag) .ivu-upload-drag:hover .text {
  color: #0055ff !important;
}
.ug-change-avatar .default-section[data-v-a5ea8572] {
  overflow-y: auto;
  padding: 12px;
  display: flex;
  grid-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.ug-change-avatar .default-section > div[data-v-a5ea8572] {
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.ug-change-avatar .default-section > div img[data-v-a5ea8572] {
  padding: 2px;
}
.ug-change-avatar .default-section > div .changeWallpaper[data-v-a5ea8572] {
  width: 168px;
  height: 96px;
  border-radius: 4px;
  backdrop-filter: blur(4px);
}
.ug-change-avatar .default-section > div .changebgWallpaper[data-v-a5ea8572] {
  width: 168px;
  height: 96px;
  border-radius: 4px;
  backdrop-filter: blur(4px);
}
.ug-change-avatar .default-section > div .changeAvatar[data-v-a5ea8572] {
  padding: 4px;
  width: 88px;
  height: 88px;
  border-radius: 50%;
}
.ug-change-avatar .default-section > div .active[data-v-a5ea8572] {
  padding: 3px;
  border: 1px solid #0055ff;
  box-shadow: 0 0 0 2px rgba(0, 85, 255, 0.2);
}
.ug-change-avatar .default-section .no-default-list img[data-v-a5ea8572] {
  width: 108px;
  height: 108px;
}
.ug-change-avatar .default-section .no-default-list p[data-v-a5ea8572] {
  font-weight: 400;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 20px;
  text-align: center;
  margin-top: 4px;
}
.ug-change-avatar .device-section[data-v-a5ea8572] {
  overflow-y: auto;
  padding: 12px;
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(4, 88px);
}
.ug-change-avatar .device-section > div[data-v-a5ea8572] {
  padding: 2px;
  cursor: pointer;
  border: 2px solid transparent;
  max-height: 70px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ug-change-avatar .device-section > div.active[data-v-a5ea8572] {
  border-radius: 8px;
  border-color: rgba(0, 85, 255, 0.6);
}
.ug-change-avatar .device-section > div img[data-v-a5ea8572] {
  width: 100%;
}
.ug-change-avatar .sketch-image[data-v-a5ea8572] {
  border: 1px solid #fff;
}
.ug-change-avatar .sketch-image .changeAvatar[data-v-a5ea8572] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.ug-change-avatar .sketch-image .changeWallpaper[data-v-a5ea8572] {
  width: 56px;
  height: 32px;
}
.ug-change-avatar .sketch-image .changebgWallpaper[data-v-a5ea8572] {
  width: 56px;
  height: 32px;
}
.ug-change-avatar .sketch-image .changeAlbumCover[data-v-a5ea8572] {
  width: 32px;
  height: 32px;
}
.uploaded-wrap[data-v-a5ea8572] {
  position: relative;
  height: 292px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 32px;
}
.uploaded-wrap .cropper-wrap[data-v-a5ea8572] {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.uploaded-wrap .cropper-border50[data-v-a5ea8572] .image-cropper .cropper-view-box,
.uploaded-wrap .cropper-border50[data-v-a5ea8572] .image-cropper .cropper-face {
  border-radius: 50%;
}
.uploaded-wrap .cropper-border0[data-v-a5ea8572] .image-cropper .cropper-view-box,
.uploaded-wrap .cropper-border0[data-v-a5ea8572] .image-cropper .cropper-face {
  border-radius: 0;
}
.uploaded-wrap[data-v-a5ea8572] .ivu-slider {
  position: absolute;
  bottom: 15px;
  z-index: 2;
}
.uploaded-wrap[data-v-a5ea8572] .ivu-slider .ivu-slider-wrap {
  margin: 0;
}
.uploaded-wrap[data-v-a5ea8572] .ivu-slider .ivu-slider-wrap .ivu-tooltip-rel .ivu-slider-button {
  width: 12px;
  height: 12px;
  background: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(38, 38, 38, 0.2);
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.frame[data-v-60cd53b4] {
  opacity: 0;
  animation: opacityChange-60cd53b4 0.2s linear forwards;
}
@keyframes opacityChange-60cd53b4 {
0% {
    opacity: 0;
}
99% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}

@font-face {
  font-family: "pro-desktop"; /* Project id 3980728 */
  src: url(../../static/fonts/iconfont.b52405c3.eot); /* IE9 */
  src: url(../../static/fonts/iconfont.b52405c3.eot#iefix) format('embedded-opentype'), 
       url(../../static/fonts/iconfont.3bb06abd.woff2) format('woff2'),
       url(../../static/fonts/iconfont.b9492938.woff) format('woff'),
       url(../../static/fonts/iconfont.a165c20a.ttf) format('truetype'),
       url(../../static/img/iconfont.e1c5b7d2.svg#pro-desktop) format('svg');
}
.pro-desktop {
  font-family: "pro-desktop" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pd-anew-more:before {
  content: "\e691";
}
.icon-pd-arrow-download:before {
  content: "\e642";
}
.icon-pd-msg-hint:before {
  content: "\e67c";
}
.icon-pd-album-retate:before {
  content: "\e634";
}
.icon-pd-album-zoom-in:before {
  content: "\e62c";
}
.icon-pd-album-zoom-out:before {
  content: "\e62e";
}
.icon-pd-a-other-delete-line:before {
  content: "\e636";
}
.icon-pd-window-more:before {
  content: "\e659";
}
.icon-pd-arrow-broadcast:before {
  content: "\e66e";
}
.icon-pd-msg-suspend:before {
  content: "\e67b";
}
.icon-pd-arrow-copy:before {
  content: "\e6a6";
}
.icon-pd-arrow-delete:before {
  content: "\e6a8";
}
.icon-pd-arrow-shear:before {
  content: "\e6ab";
}
.icon-pd-arrow-computer:before {
  content: "\e66d";
}
.icon-pd-ai-loading:before {
  content: "\e63b";
}
.icon-pd-subtitle-add:before {
  content: "\e63a";
}
.icon-pd-album-actual-size:before {
  content: "\e63d";
}
.icon-pd-album-window-size:before {
  content: "\e62d";
}
.icon-pd-arrow-mailbox1:before {
  content: "\e67a";
}
.icon-pd-arrow-mailbox:before {
  content: "\e679";
}
.icon-pd-other-restart:before {
  content: "\e62b";
}
.icon-pd-arrow-attribute:before {
  content: "\e66f";
}
.icon-pd-arrow-home:before {
  content: "\e665";
}
.icon-pd-arrow-mac:before {
  content: "\e666";
}
.icon-pd-arrow-qq1:before {
  content: "\e673";
}
.icon-pd-arrow-zoom:before {
  content: "\e674";
}
.icon-pd-arrow-wol:before {
  content: "\e675";
}
.icon-pd-func-replace:before {
  content: "\e676";
}
.icon-pd-player-favor:before {
  content: "\e678";
}
.icon-pd-arrow-open:before {
  content: "\e672";
}
.icon-pd-player-book-list:before {
  content: "\e62a";
}
.icon-pd-player-play-last:before {
  content: "\e62f";
}
.icon-pd-player-fast-forward:before {
  content: "\e630";
}
.icon-pd-player-play-next:before {
  content: "\e631";
}
.icon-pd-player-rewind-quickly:before {
  content: "\e632";
}
.icon-pd-player-sound-off:before {
  content: "\e633";
}
.icon-pd-player-sound:before {
  content: "\e639";
}
.icon-pd-video-remove:before {
  content: "\e618";
}
.icon-pd-video-picture-in-picture:before {
  content: "\e619";
}
.icon-pd-video-play:before {
  content: "\e61a";
}
.icon-pd-video-pause:before {
  content: "\e61b";
}
.icon-pd-video-subtitle:before {
  content: "\e61c";
}
.icon-pd-video-voiceprint:before {
  content: "\e61d";
}
.icon-pd-video-closed-captioning:before {
  content: "\e617";
}
.icon-pd-video-chart:before {
  content: "\e61e";
}
.icon-pd-video-off-screen:before {
  content: "\e61f";
}
.icon-pd-video-add:before {
  content: "\e620";
}
.icon-pd-video-copy:before {
  content: "\e621";
}
.icon-pd-video-back:before {
  content: "\e622";
}
.icon-pd-video-adjust:before {
  content: "\e623";
}
.icon-pd-video-full-screen:before {
  content: "\e624";
}
.icon-pd-icon-menu-bar-download:before {
  content: "\e658";
}
.icon-pd-func-sign-out:before {
  content: "\e656";
}
.icon-pd-icon-menu-bar-upload:before {
  content: "\e657";
}
.icon-pd-other-ug-link:before {
  content: "\e653";
}
.icon-pd-other-quick-login:before {
  content: "\e654";
}
.icon-pd-other-retrieve-password:before {
  content: "\e655";
}
.icon-pd-arrow-google:before {
  content: "\e670";
}
.icon-pd-arrow-scan:before {
  content: "\e671";
}
.icon-pd-arrow-wechat:before {
  content: "\e6731";
}
.icon-pd-other-notice:before {
  content: "\e677";
}
.icon-pd-arrow-eliminate:before {
  content: "\e662";
}
.icon-pd-arrow-sfixed:before {
  content: "\e664";
}
.icon-pd-arrow-thumbtack:before {
  content: "\e667";
}
.icon-pd-func-dormancy:before {
  content: "\e668";
}
.icon-pd-func-personal:before {
  content: "\e669";
}
.icon-pd-func-individualization:before {
  content: "\e66a";
}
.icon-pd-func-restart:before {
  content: "\e66b";
}
.icon-pd-func-shutdown:before {
  content: "\e66c";
}


@charset "UTF-8";
/*!
 * animate.css - https://animate.style/
 * Version - 4.0.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
.animated {
  animation-duration: 0.35s;
  animation-duration: 0.35s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.animated.repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(1 * 2);
}
.animated.repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(1 * 3);
}
.animated.delay-1s {
  animation-delay: 1s;
  animation-delay: 0.35s;
}
.animated.delay-2s {
  animation-delay: 2s;
  animation-delay: calc(0.35s * 2);
}
.animated.delay-3s {
  animation-delay: 3s;
  animation-delay: calc(0.35s * 3);
}
.animated.delay-4s {
  animation-delay: 4s;
  animation-delay: calc(0.35s * 4);
}
.animated.delay-5s {
  animation-delay: 5s;
  animation-delay: calc(0.35s * 5);
}
.animated.faster {
  animation-duration: 0.5s;
  animation-duration: calc(0.35s / 2);
}
.animated.fast {
  animation-duration: 0.8s;
  animation-duration: calc(0.35s * 0.8);
}
.animated.slow {
  animation-duration: 2s;
  animation-duration: calc(0.35s * 2);
}
.animated.slower {
  animation-duration: 3s;
  animation-duration: calc(0.35s * 3);
}
@media (prefers-reduced-motion: reduce), print {
.animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
}
.animated[class*='Out'] {
    opacity: 0;
}
}
@keyframes bounce {
0%,
  20%,
  53%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
}
40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0) scaleY(0.95);
}
90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
0%,
  50%,
  to {
    opacity: 1;
}
25%,
  75% {
    opacity: 0;
}
}
.flash {
  animation-name: flash;
}
@keyframes pulse {
0% {
    transform: scaleX(1);
}
50% {
    transform: scale3d(1.05, 1.05, 1.05);
}
to {
    transform: scaleX(1);
}
}
.pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
0% {
    transform: scaleX(1);
}
30% {
    transform: scale3d(1.25, 0.75, 1);
}
40% {
    transform: scale3d(0.75, 1.25, 1);
}
50% {
    transform: scale3d(1.15, 0.85, 1);
}
65% {
    transform: scale3d(0.95, 1.05, 1);
}
75% {
    transform: scale3d(1.05, 0.95, 1);
}
to {
    transform: scaleX(1);
}
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
0%,
  to {
    transform: translateZ(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
}
20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
}
}
.shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
0%,
  to {
    transform: translateZ(0);
}
10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(0, -10px, 0);
}
20%,
  40%,
  60%,
  80% {
    transform: translate3d(0, 10px, 0);
}
}
.shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
0% {
    transform: translateX(0);
}
6.5% {
    transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
    transform: translateX(5px) rotateY(7deg);
}
31.5% {
    transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
    transform: translateX(2px) rotateY(3deg);
}
50% {
    transform: translateX(0);
}
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
20% {
    transform: rotate(15deg);
}
40% {
    transform: rotate(-10deg);
}
60% {
    transform: rotate(5deg);
}
80% {
    transform: rotate(-5deg);
}
to {
    transform: rotate(0deg);
}
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
0% {
    transform: scaleX(1);
}
10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
    transform: scaleX(1);
}
}
.tada {
  animation-name: tada;
}
@keyframes wobble {
0% {
    transform: translateZ(0);
}
15% {
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
}
30% {
    transform: translate3d(20%, 0, 0) rotate(3deg);
}
45% {
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
}
60% {
    transform: translate3d(10%, 0, 0) rotate(2deg);
}
75% {
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
}
to {
    transform: translateZ(0);
}
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
0%,
  11.1%,
  to {
    transform: translateZ(0);
}
22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
0% {
    transform: scale(1);
}
14% {
    transform: scale(1.3);
}
28% {
    transform: scale(1);
}
42% {
    transform: scale(1.3);
}
70% {
    transform: scale(1);
}
}
.heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(0.35s * 1.3);
  animation-timing-function: ease-in-out;
}
@keyframes backInDown {
0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
}
80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
.backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}
80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
.backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
}
80% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
.backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
}
80% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: scale(1);
    opacity: 1;
}
}
.backInUp {
  animation-name: backInUp;
}
@keyframes backOutDown {
0% {
    transform: scale(1);
    opacity: 1;
}
20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
}
}
.backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
0% {
    transform: scale(1);
    opacity: 1;
}
20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
}
}
.backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
0% {
    transform: scale(1);
    opacity: 1;
}
20% {
    transform: translateX(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
}
}
.backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
0% {
    transform: scale(1);
    opacity: 1;
}
20% {
    transform: translateY(0) scale(0.7);
    opacity: 0.7;
}
to {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
}
}
.backOutUp {
  animation-name: backOutUp;
}
@keyframes bounceIn {
0%,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
20% {
    transform: scale3d(1.1, 1.1, 1.1);
}
40% {
    transform: scale3d(0.9, 0.9, 0.9);
}
60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
}
80% {
    transform: scale3d(0.97, 0.97, 0.97);
}
to {
    opacity: 1;
    transform: scaleX(1);
}
}
.bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(0.35s * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
    transform: translateZ(0);
}
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
    transform: translateZ(0);
}
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
    transform: translateZ(0);
}
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
    transform: translateZ(0);
}
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
    transform: scale3d(0.9, 0.9, 0.9);
}
50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
}
to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(0.35s * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
to {
    opacity: 1;
}
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
0% {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
0% {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.fadeInBottomRight {
  animation-name: fadeInBottomRight;
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
to {
    opacity: 0;
}
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
0% {
    opacity: 1;
    transform: translateZ(0);
}
to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
}
}
.fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
0% {
    opacity: 1;
    transform: translateZ(0);
}
to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
}
}
.fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
0% {
    opacity: 1;
    transform: translateZ(0);
}
to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
}
}
.fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
0% {
    opacity: 1;
    transform: translateZ(0);
}
to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
}
}
.fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}
@keyframes flip {
0% {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    animation-timing-function: ease-out;
}
40% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    animation-timing-function: ease-out;
}
50% {
    transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    animation-timing-function: ease-in;
}
80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
}
to {
    transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    animation-timing-function: ease-in;
}
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
0% {
    transform: perspective(400px) rotateX(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotateX(-20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotateX(-5deg);
}
to {
    transform: perspective(400px);
}
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
0% {
    transform: perspective(400px) rotateY(90deg);
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
    transform: perspective(400px) rotateY(-20deg);
    animation-timing-function: ease-in;
}
60% {
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
}
80% {
    transform: perspective(400px) rotateY(-5deg);
}
to {
    transform: perspective(400px);
}
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
0% {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
}
}
.flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(0.35s * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
0% {
    transform: perspective(400px);
}
30% {
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
}
to {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
}
}
.flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(0.35s * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedInRight {
0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
60% {
    transform: skewX(20deg);
    opacity: 1;
}
80% {
    transform: skewX(-5deg);
}
to {
    transform: translateZ(0);
}
}
.lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
0% {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
}
60% {
    transform: skewX(-20deg);
    opacity: 1;
}
80% {
    transform: skewX(5deg);
}
to {
    transform: translateZ(0);
}
}
.lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
0% {
    opacity: 1;
}
to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
}
}
.lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
0% {
    opacity: 1;
}
to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
}
}
.lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
0% {
    transform: rotate(-200deg);
    opacity: 0;
}
to {
    transform: translateZ(0);
    opacity: 1;
}
}
.rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
0% {
    transform: rotate(-45deg);
    opacity: 0;
}
to {
    transform: translateZ(0);
    opacity: 1;
}
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
0% {
    transform: rotate(45deg);
    opacity: 0;
}
to {
    transform: translateZ(0);
    opacity: 1;
}
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
0% {
    transform: rotate(45deg);
    opacity: 0;
}
to {
    transform: translateZ(0);
    opacity: 1;
}
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
0% {
    transform: rotate(-90deg);
    opacity: 0;
}
to {
    transform: translateZ(0);
    opacity: 1;
}
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}
@keyframes rotateOut {
0% {
    opacity: 1;
}
to {
    transform: rotate(200deg);
    opacity: 0;
}
}
.rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
0% {
    opacity: 1;
}
to {
    transform: rotate(45deg);
    opacity: 0;
}
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
0% {
    opacity: 1;
}
to {
    transform: rotate(-45deg);
    opacity: 0;
}
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
0% {
    opacity: 1;
}
to {
    transform: rotate(-45deg);
    opacity: 0;
}
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
0% {
    opacity: 1;
}
to {
    transform: rotate(90deg);
    opacity: 0;
}
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}
@keyframes hinge {
0% {
    animation-timing-function: ease-in-out;
}
20%,
  60% {
    transform: rotate(80deg);
    animation-timing-function: ease-in-out;
}
40%,
  80% {
    transform: rotate(60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
}
to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
}
}
.hinge {
  animation-duration: 2s;
  animation-duration: calc(0.35s * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
0% {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
}
50% {
    transform: rotate(-10deg);
}
70% {
    transform: rotate(3deg);
}
to {
    opacity: 1;
    transform: scale(1);
}
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
@keyframes rollIn {
0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate(-120deg);
}
to {
    opacity: 1;
    transform: translateZ(0);
}
}
.rollIn {
  animation-name: rollIn;
}
@keyframes rollOut {
0% {
    opacity: 1;
}
to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate(120deg);
}
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
50% {
    opacity: 1;
}
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
0% {
    opacity: 1;
}
50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
}
to {
    opacity: 0;
}
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
}
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
}
}
.zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}
@keyframes slideInDown {
0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    transform: translateZ(0);
}
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
}
to {
    transform: translateZ(0);
}
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
}
to {
    transform: translateZ(0);
}
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    transform: translateZ(0);
}
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
0% {
    transform: translateZ(0);
}
to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
0% {
    transform: translateZ(0);
}
to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
0% {
    transform: translateZ(0);
}
to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
0% {
    transform: translateZ(0);
}
to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
  animation-name: slideOutUp;
}

@font-face {
  font-family: "pro-desktop"; /* Project id 3980728 */
  src: url(../../static/fonts/iconfont.b52405c3.eot); /* IE9 */
  src: url(../../static/fonts/iconfont.b52405c3.eot#iefix) format('embedded-opentype'), 
       url(../../static/fonts/iconfont.3bb06abd.woff2) format('woff2'),
       url(../../static/fonts/iconfont.b9492938.woff) format('woff'),
       url(../../static/fonts/iconfont.a165c20a.ttf) format('truetype'),
       url(../../static/img/iconfont.e1c5b7d2.svg#pro-desktop) format('svg');
}
.pro-desktop {
  font-family: "pro-desktop" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pd-anew-more:before {
  content: "\e691";
}
.icon-pd-arrow-download:before {
  content: "\e642";
}
.icon-pd-msg-hint:before {
  content: "\e67c";
}
.icon-pd-album-retate:before {
  content: "\e634";
}
.icon-pd-album-zoom-in:before {
  content: "\e62c";
}
.icon-pd-album-zoom-out:before {
  content: "\e62e";
}
.icon-pd-a-other-delete-line:before {
  content: "\e636";
}
.icon-pd-window-more:before {
  content: "\e659";
}
.icon-pd-arrow-broadcast:before {
  content: "\e66e";
}
.icon-pd-msg-suspend:before {
  content: "\e67b";
}
.icon-pd-arrow-copy:before {
  content: "\e6a6";
}
.icon-pd-arrow-delete:before {
  content: "\e6a8";
}
.icon-pd-arrow-shear:before {
  content: "\e6ab";
}
.icon-pd-arrow-computer:before {
  content: "\e66d";
}
.icon-pd-ai-loading:before {
  content: "\e63b";
}
.icon-pd-subtitle-add:before {
  content: "\e63a";
}
.icon-pd-album-actual-size:before {
  content: "\e63d";
}
.icon-pd-album-window-size:before {
  content: "\e62d";
}
.icon-pd-arrow-mailbox1:before {
  content: "\e67a";
}
.icon-pd-arrow-mailbox:before {
  content: "\e679";
}
.icon-pd-other-restart:before {
  content: "\e62b";
}
.icon-pd-arrow-attribute:before {
  content: "\e66f";
}
.icon-pd-arrow-home:before {
  content: "\e665";
}
.icon-pd-arrow-mac:before {
  content: "\e666";
}
.icon-pd-arrow-qq1:before {
  content: "\e673";
}
.icon-pd-arrow-zoom:before {
  content: "\e674";
}
.icon-pd-arrow-wol:before {
  content: "\e675";
}
.icon-pd-func-replace:before {
  content: "\e676";
}
.icon-pd-player-favor:before {
  content: "\e678";
}
.icon-pd-arrow-open:before {
  content: "\e672";
}
.icon-pd-player-book-list:before {
  content: "\e62a";
}
.icon-pd-player-play-last:before {
  content: "\e62f";
}
.icon-pd-player-fast-forward:before {
  content: "\e630";
}
.icon-pd-player-play-next:before {
  content: "\e631";
}
.icon-pd-player-rewind-quickly:before {
  content: "\e632";
}
.icon-pd-player-sound-off:before {
  content: "\e633";
}
.icon-pd-player-sound:before {
  content: "\e639";
}
.icon-pd-video-remove:before {
  content: "\e618";
}
.icon-pd-video-picture-in-picture:before {
  content: "\e619";
}
.icon-pd-video-play:before {
  content: "\e61a";
}
.icon-pd-video-pause:before {
  content: "\e61b";
}
.icon-pd-video-subtitle:before {
  content: "\e61c";
}
.icon-pd-video-voiceprint:before {
  content: "\e61d";
}
.icon-pd-video-closed-captioning:before {
  content: "\e617";
}
.icon-pd-video-chart:before {
  content: "\e61e";
}
.icon-pd-video-off-screen:before {
  content: "\e61f";
}
.icon-pd-video-add:before {
  content: "\e620";
}
.icon-pd-video-copy:before {
  content: "\e621";
}
.icon-pd-video-back:before {
  content: "\e622";
}
.icon-pd-video-adjust:before {
  content: "\e623";
}
.icon-pd-video-full-screen:before {
  content: "\e624";
}
.icon-pd-icon-menu-bar-download:before {
  content: "\e658";
}
.icon-pd-func-sign-out:before {
  content: "\e656";
}
.icon-pd-icon-menu-bar-upload:before {
  content: "\e657";
}
.icon-pd-other-ug-link:before {
  content: "\e653";
}
.icon-pd-other-quick-login:before {
  content: "\e654";
}
.icon-pd-other-retrieve-password:before {
  content: "\e655";
}
.icon-pd-arrow-google:before {
  content: "\e670";
}
.icon-pd-arrow-scan:before {
  content: "\e671";
}
.icon-pd-arrow-wechat:before {
  content: "\e6731";
}
.icon-pd-other-notice:before {
  content: "\e677";
}
.icon-pd-arrow-eliminate:before {
  content: "\e662";
}
.icon-pd-arrow-sfixed:before {
  content: "\e664";
}
.icon-pd-arrow-thumbtack:before {
  content: "\e667";
}
.icon-pd-func-dormancy:before {
  content: "\e668";
}
.icon-pd-func-personal:before {
  content: "\e669";
}
.icon-pd-func-individualization:before {
  content: "\e66a";
}
.icon-pd-func-restart:before {
  content: "\e66b";
}
.icon-pd-func-shutdown:before {
  content: "\e66c";
}


@font-face {
  font-family: 'pro-file-manager'; /* Project id 4059682 */
  src: url(../../static/fonts/iconfont.105d09b1.woff2) format('woff2'), url(../../static/fonts/iconfont.0e34e791.woff) format('woff'),
    url(../../static/fonts/iconfont.dc54b10f.ttf) format('truetype');
}
.pro-file-manager {
  font-family: 'pro-file-manager' !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pfm-album-code:before {
  content: '\e639';
}
.icon-pfm-a-other-delete-line:before {
  content: '\e636';
}
.icon-pfm-func-paste-line:before {
  content: '\e632';
}
.icon-pfm-func-move-to-line:before {
  content: '\e633';
}
.icon-pfm-menu-copy-line:before {
  content: '\e631';
}
.icon-pfm-arrow-renamebeifen:before {
  content: '\e634';
}
.icon-pfm-arrow-shear-line:before {
  content: '\e635';
}
.icon-pfm-func-move-to:before {
  content: '\e6a2';
}
.icon-pfm-arrow-disconnect:before {
  content: '\e6a1';
}
.icon-pfm-func-unlock:before {
  content: '\e691';
}
.icon-pfm-func-password:before {
  content: '\e694';
}
.icon-pfm-func-personal:before {
  content: '\e69b';
}
.icon-pfm-func-hits:before {
  content: '\e6a0';
}
.icon-pfm-arrow-duplicate-removal:before {
  content: '\e658';
}
.icon-pfm-func-edit-information:before {
  content: '\e652';
}
.icon-pfm-func-text-editor:before {
  content: '\e653';
}
.icon-pfm-func-historical-version:before {
  content: '\e654';
}
.icon-pfm-arrow-file-collection:before {
  content: '\e655';
}
.icon-pfm-func-collect:before {
  content: '\e6b2';
}
.icon-pfm-arrow-copy:before {
  content: '\e6a6';
}
.icon-pfm-arrow-move:before {
  content: '\e6a7';
}
.icon-pfm-arrow-delete:before {
  content: '\e6a8';
}
.icon-pfm-arrow-rename:before {
  content: '\e6a9';
}
.icon-pfm-arrow-paste:before {
  content: '\e6aa';
}
.icon-pfm-arrow-shear:before {
  content: '\e6ab';
}
.icon-pfm-arrow-tool:before {
  content: '\e680';
}
.icon-pfm-a-view-largeimage:before {
  content: '\e681';
}
.icon-pfm-a-view-thumbnail2:before {
  content: '\e683';
}
.icon-pfm-view-thumbnail:before {
  content: '\e685';
}
.icon-pfm-view-tabulation:before {
  content: '\e686';
}
.icon-pfm-a-arrow-downloadtask:before {
  content: '\e68b';
}
.icon-pfm-arrow-decompression:before {
  content: '\e68c';
}
.icon-pfm-arrow-attribute:before {
  content: '\e68d';
}
.icon-pfm-arrow-broadcast:before {
  content: '\e68e';
}
.icon-pfm-arrow-compress:before {
  content: '\e68f';
}
.icon-pfm-arrow-download:before {
  content: '\e692';
}
.icon-pfm-arrow-open:before {
  content: '\e693';
}
.icon-pfm-arrow-share:before {
  content: '\e695';
}
.icon-pfm-func-paste:before {
  content: '\e696';
}
.icon-pfm-arrow-playList:before {
  content: '\e697';
}
.icon-pfm-arrow-preview:before {
  content: '\e698';
}
.icon-pfm-arrow-upload:before {
  content: '\e699';
}
.icon-pfm-func-reduction:before {
  content: '\e69a';
}
.icon-pfm-func-upload:before {
  content: '\e69c';
}
.icon-pfm-func-tab:before {
  content: '\e69d';
}
.icon-pfm-func-shortcuts:before {
  content: '\e69e';
}
.icon-pfm-func-snapshot:before {
  content: '\e69f';
}

/* 清除内外边距 */
* {
  margin: 0;
  padding: 0;
}
body {
  display: block;
}
/* 设置默认字体 */
body,
button,
input,
select,
textarea {
  /* for ie */
  font: 12px/1 Open Sans, 'Microsoft Yahei', 'PingFang SC', Droid Sans Fallback, 'Helvetica Neue', STHeiti, Tahoma, Simsun,
    sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 {
  font-size: 18px; /* 18px / 12px = 1.5 */
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
} /* 将斜体扶正 */
small {
  font-size: 12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul,
ol {
  list-style: none;
}

/* 重置文本格式元素 */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
abbr[title],
acronym[title] {
  /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
  border-bottom: 1px dotted;
  cursor: help;
}
q:before,
q:after {
  content: '';
}

/* 重置表单元素 */
legend {
  color: #000;
} /* for ie6 */
fieldset,
img {
  border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button,
input,
select,
textarea {
  font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 重置 hr */
hr {
  border: none;
  height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html,
body {
  height: 100%;
  width: 100%;
  overflow: hidden;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  --desktop-icon-size: 52px;
  background: none;
}

* {
  font-family: 'PingFang SC', Arial, Verdana, sans-serif, Microsoft YaHei;
}
code,
kbd,
pre,
samp {
  font-family: 'PingFang SC', Arial, Verdana, sans-serif, Microsoft YaHei !important;
}
.icon-font {
  font-family: 'pro-desktop';
  font-size: 16px;
  cursor: pointer;
}
i[icon] {
  cursor: pointer;
}
.basic-modal-bg .basic-modal-style {
  overflow: initial;
}
.basic-modal-bg .basic-modal-style .modal-header .title {
  display: block;
}
.basic-modal-bg .basic-modal-style .modal-header .control-action {
  position: absolute;
  right: 16px;
}
.ivu-modal-confirm-body {
  margin-top: 0;
}
.table-header-border-none .ivu-table-header thead tr th {
  border: none;
}
.common-center-tabs .ivu-tabs-nav-scroll {
  display: flex;
  justify-content: center;
}
.ivu-icon-pro-ios-folder-outline {
  font-family: 'pro-desktop';
}
.ivu-icon-pro-ios-folder-outline::before {
  content: '\e62e';
}
.ivu-icon-pro-icon-arrow-preview {
  font-family: 'pro-desktop';
}
.ivu-icon-pro-icon-arrow-preview::before {
  content: '\e67d';
}
.ivu-icon-pro-ios-folder-upload {
  font-family: 'pro-desktop';
}
.ivu-icon-pro-ios-folder-upload::before {
  content: '\e67f';
}
.html-title {
  position: relative;
}
.html-title:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.2s;
  visibility: visible;
}
.html-title:after {
  content: attr(data-title);
  color: #161616;
  font-size: 12px;
  position: absolute;
  padding: 2px 7px;
  left: 30px;
  bottom: -30px;
  white-space: nowrap;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  color: rgba(0, 0, 0, 0.65);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 10px 32px 0px rgba(38, 38, 38, 0.18);
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  min-width: 6px;
  min-height: 6px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-moz-selection {
  color: #fff;
  background: #1989ff;
}
::selection {
  color: #fff;
  background: #1989ff;
}
.spin-icon-load {
  animation: ani-demo-spin 1s linear infinite;
}
@keyframes ani-demo-spin {
from {
    transform: rotate(0deg);
}
50% {
    transform: rotate(180deg);
}
to {
    transform: rotate(360deg);
}
}
.f-20 {
  font-size: 20px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px transparent inset !important;
}
input:-internal-autofill-selected {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
}
input[type="text"]:-internal-autofill-selected {
  -webkit-appearance: none !important;
     -moz-appearance: none !important;
          appearance: none !important;
  background-color: transparent !important;
  background-image: none !important;
  color: inherit !important;
}
.login-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../../static/img/login-bg.5c55e749.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.newbie-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../../static/img/common-bg.59bb52a1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.pc-login-form .ivu-form-item {
  margin-bottom: 12px;
}
.pc-login-form .pc-form-item-mb0 {
  margin-bottom: 0;
}
.pc-login-form .ivu-form-item-error-tip {
  position: relative;
}
.user-agree-modal .ivu-modal-footer .ivu-modal-footer-origin {
  justify-content: center;
}
.pro-pc-page {
  width: 100%;
  height: 100%;
  padding-top: 48px;
  background-image: url(../../static/img/entry_bg.095022d1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.switch-account-otp-modal .pro-pc-page {
  padding-top: 0;
  background-image: none;
}
.isMacPage .isMac {
  padding-top: 48px;
}
.isMacPage .isMac .pc-header {
  margin-top: -3px;
}
.disable-click {
  pointer-events: none;
}
.upgrade-modal-mark {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.65);
  z-index: 3;
}
.upgrade-modal-container {
  border-radius: 12px !important;
}
#cloud-window-modal-mask {
  background: rgba(0, 0, 0, 0.65);
}
.loading-loop {
  animation: ani-load-loop 800ms linear infinite;
  transform-origin: center;
}
@keyframes ani-load-loop {
0% {
    transform: rotate(0);
}
100% {
    transform: rotate(1turn);
}
}
.ivu-modal-mask .drag-bar {
  width: calc(100% - 120px) !important;
}
.guide-link {
  cursor: default;
  text-decoration: none !important;
  color: #05f !important;
}
.ivu-input-group-prepend,
.ivu-input-group-append {
  padding: 0;
  background: unset !important;
}
.ivu-tooltip-inner {
  white-space: normal !important;
  font-size: 12px;
  line-height: 24px;
  font-weight: normal;
}
.ivu-input,
.ivu-select-selection {
  border-radius: 8px;
  border-color: rgba(0, 0, 0, 0.15);
}
.ivu-btn:not(:last-child, :first-child) {
  margin: 0 5px;
}
.ivu-btn:focus {
  box-shadow: none;
}
.ivu-form[size='large'] .ivu-form-item-label {
  padding: 14px 12px 14px 0;
}
.ivu-form[size='large'] .ivu-form-item-content {
  line-height: 40px;
}
.ivu-form[size='large'] .ivu-form-item-content .ivu-input {
  height: 40px;
}
.ivu-notice-notice {
  padding: 14px;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.4) rgba(246, 246, 246, 0.6);
  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.55), 0px 8px 40px 0px rgba(0, 0, 0, 0.25);
  border-radius: 12px;
  backdrop-filter: blur(30px);
}
.ivu-custom-layer .layer-col-top {
  vertical-align: top !important;
}
body > .ivu-notification {
  margin-top: 48px;
}
body > .ivu-notification .ivu-notice {
  background: rgba(255, 255, 255, 0.9);
}
body > .ivu-notification .ivu-notice-closable {
  color: rgba(0, 0, 0, 0.45);
}
#app {
  width: 100%;
  height: 100%;
  overflow: auto;
}