@charset "UTF-8";
.umu-video-selector-modal .file-list-wrap {
  margin-top: 0.12rem;
  height: 4.9rem;
  max-height: 60vh;
  overflow: auto;
  overflow-y: auto;
}

.umu-video-selector-modal .file-list-wrap table {
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  border-right: 1px solid var(--umu-color-fill-secondary, #eee);
}

.umu-video-selector-modal .umu-design-comp-modal-body {
  padding: 0 !important;
}

.umu-video-selector-modal .umu-design-comp-modal-body .umu-video-selector > * {
  padding: 0 0.24rem;
}

.umu-video-selector-modal .umu-design-comp-modal-body thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.umu-video-selector-modal .umu-design-comp-modal-body .umu-video-selector__footer {
  padding: 0.24rem;
  border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

.umu-video-selector-modal .umu-design-comp-modal-body .umu-video-selector__footer .total-text {
  margin-right: 0.12rem;
}

/* 列表条目样式 */
.umu-video-selector-modal .file-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  height: 0.8rem;
  line-height: 0.78rem;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-width: 1px 0;
  margin-top: -0.01rem;
  background-color: var(--umu-color-bg-base, #fff);
  cursor: not-allowed;
}

.umu-video-selector-modal .file-item.can-select {
  cursor: pointer;
}

.umu-video-selector-modal .file-item .coopreation {
  width: 0.8rem;
}

.locale-cn .umu-video-selector-modal .file-item .coopreation,
.locale-tw .umu-video-selector-modal .file-item .coopreation {
  width: 0.4rem;
}

.umu-video-selector-modal .file-item-row:hover,
.umu-video-selector-modal .file-item-row.active {
  background: var(--umu-color-bg-layout, #f5f5f5);
}

.umu-video-selector-modal .file-item-col {
  display: table-cell;
}

.umu-video-selector-modal .file-item-col.title {
  padding: 0 0.1rem 0 0.3rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.umu-video-selector-modal .file-item-col.date-time {
  width: 1.65rem;
  padding: 0 0.12rem;
}

.umu-video-selector-modal .file-item-col.size {
  width: 1rem;
}

body.locale-jp .umu-video-selector-modal .file-item-col.size {
  width: 1.3rem;
}

.umu-video-selector-modal .file-item-row .file-item-col.title {
  padding-left: 1.5rem;
}

.umu-video-selector-modal .file-item-row .file-item-col.title-course {
  padding-left: 0.3rem;
  padding-right: 0.2rem;
  display: block;
  white-space: normal;
}

.umu-video-selector-modal .file-item-row {
  position: relative;
}

.umu-video-selector-modal .file-item-row .thumb-img-container {
  position: absolute;
  width: 1rem;
  height: 0.55rem;
  top: 0.12rem;
  left: 0.3rem;
  text-align: center;
  border: solid var(--umu-color-fill-secondary, #eeeeee) 1px;
  padding: 0.01rem;
  line-height: 0.55rem;
}

.umu-video-selector-modal .file-item-row .without-thumb .thumb-img-container {
  border: none;
}

.umu-video-selector-modal .title .file-name .file-name-img .thumb-img {
  width: auto;
  max-height: 0.55rem;
  max-width: 0.98rem;
}

.umu-video-selector-modal .file-item-header {
  height: 0.4rem;
  line-height: 0.38rem;
  background: #fafafa;
  color: #757575;
  border-color: var(--umu-color-fill-secondary, #eee);
  margin-top: 0;
  cursor: pointer;
}

.umu-video-selector-modal .file-item-header .file-item-col {
  color: #757575;
}

.umu-video-selector-modal .file-item-header .file-item-col:hover {
  color: var(--umu-color-text, #212121);
}

.umu-video-selector-modal .page-loading {
  padding: 2.38rem 0;
}

.umu-video-selector-modal .page-loading .sprite-frame {
  width: 0.5rem;
  height: 0.13rem;
  background-size: 0.5rem auto;
  animation: loading-frame 3s steps(30) infinite;
}

@keyframes loading-frame {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -3.75rem;
  }
}
.umu-design-comp-modal-wrap.umu-video-selector-modal {
  z-index: 10000;
}

.umu-design-comp-modal-wrap.umu-video-selector-modal .file-name-img {
  width: 1rem;
  height: 0.55rem;
  display: flex;
  margin-right: 0.08rem;
  justify-content: center;
  align-items: center;
  border: solid var(--umu-color-fill-secondary, #eeeeee) 1px;
}

.umu-design-comp-modal-wrap.umu-video-selector-modal .umu-design-comp-modal-footer {
  display: none;
}

.umu-video-selector .umu-video-selector__uplink {
  margin-bottom: 0.12rem;
}

.umu-video-selector .umu-video-selector__uplink a {
  text-decoration: none;
  color: #1e6ee6;
}

.umu-video-selector .umu-video-selector__filter__keyword {
  margin-right: 0.04rem;
  width: 3rem;
  height: 0.36rem;
  padding: 0 0.12rem;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid var(--umu-color-border, #e0e0e0);
}

.umu-video-selector .umu-video-selector__filter__btn {
  width: 0.36rem;
  height: 0.36rem;
  border: 0 none;
  border-radius: 4px;
  background-color: var(--umu-color-primary, #fab400);
  color: #fff;
  cursor: pointer;
}

.umu-video-selector .btn-search {
  width: -moz-fit-content;
  width: fit-content;
  min-width: unset;
  padding: 0.07rem 0.05rem 0.07rem 0.07rem;
}

.umu-video-selector tr:first-child,
.umu-video-selector tr:last-child {
  border: 0 none;
}

.umu-video-selector .file-name__name {
  height: 0.22rem;
  line-height: 0.22rem;
}

.umu-video-selector .pagination-bar {
  margin-left: 0.12rem;
}

.umu-video-selector .umu-video-selector__footer__operations__refresh {
  margin-right: 0.24rem;
  height: 0.24rem;
  width: 0.24rem;
  color: var(--umu-color-text-tertiary, #999999);
  cursor: pointer;
}

.umu-video-selector__file-name-text {
  z-index: 10000;
}
.is-mobile.user-name-info {
  display: inline;
  outline-style: none;
  color: var(--umu-color-text, #222222);
  cursor: default;
  /* */
  /* */
  /* */
}

.is-mobile.user-name-info.cursor {
  cursor: pointer;
}

.is-mobile.user-name-info .user-medal-info-holder {
  display: inline-block;
  vertical-align: -0.03rem;
  margin-left: 0.01rem;
}

.is-mobile.user-name-info .user-medal-info-holder.width-16 {
  vertical-align: -0.02rem;
}

.is-mobile.user-name-info .user-medal-info-holder.width-30 {
  vertical-align: -0.06rem;
}

.is-mobile.user-name-info.transcate {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  padding-right: 0.25rem;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 0.25rem;
}

.is-mobile.user-name-info.transcate.width-30 {
  padding-right: 0.33rem;
}

.is-mobile.user-name-info.hide-medal {
  padding-right: 0;
}

.is-mobile.user-name-info.transcate .user-medal-info-holder {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 0;
  margin-bottom: 0;
  transform: translateY(-50%);
}

.is-mobile.user-name-info .user-name-content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}
.user-name-role {
  display: inline-block;
  vertical-align: middle;
  height: 0.18rem;
  line-height: 0.18rem;
  min-width: 0.3rem;
  padding: 0 0.05rem;
  margin-right: 0.1rem;
  /*! postcss-ignore-theme */
  background: #000;
  border-radius: 0.02rem;
  font-size: 0.12rem;
  /*! postcss-ignore-theme */
  color: #ffbd2b;
  text-align: center;
}

.umu-user-name {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
}

.umu-user-name .umu-user-name__content {
  color: var(--umu-color-text, #222);
}

.umu-user-name .umu-user-name__medal {
  flex-shrink: 0;
  margin-left: 0.02rem;
}

.umu-user-name .umu-user-name__medal img {
  display: block;
  width: 100%;
  height: 100%;
}

.umu-user-name .umu-user-name__label {
  flex-shrink: 0;
  background: #161719;
  color: #ffc83a;
  border-radius: 2px;
  margin-left: 0.03rem;
  white-space: nowrap;
}

.umu-user-name .umu-user-name__label.size--s {
  padding: 0 0.04rem;
  line-height: 0.16rem;
  font-size: 0.1rem;
}

.umu-user-name .umu-user-name__label.size--m {
  padding: 0 0.04rem;
  line-height: 0.18rem;
  font-size: 0.12rem;
}

.umu-user-name .umu-user-name__label.size--l {
  padding: 0 0.07rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
}
@charset "UTF-8";
.search-ul-list-input {
  position: absolute;
  z-index: 160;
  background-color: #fff;
}

.search-ul-list-input .list-table {
  position: absolute;
  top: 0;
  z-index: 150;
  width: 100%;
  max-height: 2rem;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: #fff;
  border: 0.01rem solid #c7c7c7;
  border-top: 0;
  border-radius: 0 0 0.04rem 0.04rem;
}

.search-ul-list-input .list-table .children-item {
  padding: 0.05rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
}

.search-ul-list-input .list-table .children-item:hover,
.search-ul-list-input .list-table .children-item:active {
  color: #fff;
  cursor: pointer;
  background: var(--umu-color-primary, #ffbd2c);
}

.umu-assessment-search-input {
  position: relative;
  width: 100%;
}

.umu-assessment-search-input .select-list {
  display: flex;
  flex-wrap: wrap;
  max-height: 2rem;
  overflow-x: auto;
  overflow-y: auto;
  background: #fff;
  border: 0.01rem solid var(--umu-color-border, #e0e0e0);
  border-radius: 0.04rem;
}

.umu-assessment-search-input .select-list input {
  width: 1.7rem;
  border: 0;
}

.umu-assessment-search-input .active-input {
  border-radius: 0.04rem 0.04rem 0 0;
}

.umu-assessment-search-input .list {
  position: relative;
  width: 100%;
}

.umu-assessment-search-input .list .list-table {
  position: absolute;
  top: 0;
  z-index: 150;
  width: 100%;
  max-width: 3.2rem;
  height: 1.8rem;
  padding: 0;
  margin: 0;
  overflow: auto;
  background-color: #fff;
  border: 0.01rem solid #c7c7c7;
  border-radius: 0 0 0.04rem 0.04rem;
}

.umu-assessment-search-input .list .list-table .children-item {
  padding: 0.05rem;
  font-size: 0.14rem;
  line-height: 0.24rem;
}

.umu-assessment-search-input .list .list-table .children-item:hover,
.umu-assessment-search-input .list .list-table .children-item:active {
  color: #fff;
  cursor: pointer;
  background: var(--umu-color-primary, #ffbd2c);
}

.umu-assessment-search-input .urls-top {
  position: absolute;
  top: -1.8rem;
}

.umu-assessment-search-input .urls-top .list-table {
  border-radius: 0.04rem 0.04rem 0 0;
}

.umu-assessment-search-input input {
  box-sizing: border-box;
  width: 100%;
  height: 0.34rem;
  -ms-padding: 0 0.12rem;
  padding: 0.08rem 0.12rem;
  font-size: 0.14rem;
  line-height: 0.34rem;
  color: var(--umu-color-text, #222);
  border: 0.01rem solid var(--umu-color-border, #e0e0e0);
  border-radius: 0.04rem;
}

.umu-assessment-search-input input:disabled {
  background-color: #fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umu-assessment-search-input {
    /* 兼容IE11 */
  }
  .umu-assessment-search-input input {
    box-sizing: border-box;
    width: 100%;
    height: 0.34rem;
    padding: 0 0.12rem;
    font-size: 0.14rem;
    line-height: 0.34rem;
    color: var(--umu-color-text, #222);
    border: 0.01rem solid var(--umu-color-border, #e0e0e0);
    border-radius: 0.04rem;
  }
}
.umu-assessment-search-input .input:focus {
  border-color: #1e6ee6;
  outline: #1e6ee6;
}

.assessment-search-render-wrap:hover {
  border-color: #1e61e6;
}

.assessment-search-render-wrap {
  display: flex;
  margin: 0.03rem 0.05rem;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  border: 0.01rem solid;
  border-color: #fff;
  border-radius: 0.02rem;
}

.assessment-search-render-wrap .img {
  width: 0.28rem;
  height: 0.28rem;
  border-radius: 0.02rem;
}

.assessment-search-render-wrap .img .avatar-word {
  font-size: 0.16rem;
  line-height: 0.28rem;
  color: #fff;
  text-align: center;
}

.assessment-search-render-wrap .img .avatar-word .icon-class {
  width: 0.28rem;
  height: 0.28rem;
  background: url(/statics/market/cn/149f0d02d11072a6.png) no-repeat;
  background-size: contain;
}

.assessment-search-render-wrap .img .avatar-word .icon-group {
  width: 0.28rem;
  height: 0.28rem;
  background: url(/statics/market/cn/18955f569832eb52.png) no-repeat;
  background-size: contain;
}

.assessment-search-render-wrap .img .avatar-word .icon-depart {
  width: 0.28rem;
  height: 0.28rem;
  background: url(/statics/market/cn/4e24a38da467bf17.png) no-repeat;
  background-size: contain;
}

.assessment-search-render-wrap .img .avatar-word .icon-class {
  width: 0.28rem;
  height: 0.28rem;
  background: url(/statics/market/cn/149f0d02d11072a6.png) no-repeat;
  background-size: contain;
}

.assessment-search-render-wrap .title-search {
  position: relative;
  display: flex;
  padding-left: 0.08rem;
  font-size: 0.15rem;
  line-height: 0.25rem;
  color: var(--umu-color-text, #222);
  text-align: left;
}

.assessment-search-render-wrap .title-search .title-text {
  max-width: 1.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.assessment-search-render-wrap .title-search .icon-search-close-disabled,
.assessment-search-render-wrap .title-search .icon-search-close {
  width: 0.24rem;
  height: 0.24rem;
  margin: auto 0.04rem;
  cursor: pointer;
  background: url(/statics/market/cn/5a450f4afc2a77c8.png) no-repeat;
  background-size: contain;
}

.assessment-search-render-wrap .title-search .icon-search-close-disabled {
  cursor: no-drop;
}

.search-assessment-input {
  width: 1.98rem;
}
.user-level-badge {
  background: #3faa34;
  transform: scale(0.8);
  transform-origin: center bottom;
  border-radius: 1px;
}

.user-level-badge .user-level {
  font-size: 0.12rem;
  color: #fff;
  line-height: 0.18rem;
  padding: 0 0.04rem;
  text-align: center;
  white-space: nowrap;
}

.user-level-badge.keep-px .user-level {
  font-size: 12PX;
  color: #fff;
  line-height: 18PX;
  padding: 0 4PX;
  text-align: center;
  white-space: nowrap;
}

/* */
.user-level-badge.size-S {
  transform: scale(0.7);
}

/* */
.user-level-badge.size-M {
  transform: scale(1);
}

/* */
.user-level-badge.size-L {
  transform: scale(1.2);
}
.user-medal-icon .user-medal {
  width: 0.2rem;
  height: 0.2rem;
}

.user-medal-icon .user-medal.keep-px {
  width: 20PX;
  height: 20PX;
}

.user-medal-icon .user-medal img {
  display: block;
}
.image-source-panel.custom-image-source-panel .image-select-source {
  padding: 0rem;
}

.image-source-panel.custom-image-source-panel .umu-source-tabs {
  padding: 0rem 0.24rem;
}

.image-source-panel.custom-image-source-panel .umu-source-tabs .is-first {
  padding-left: 0rem;
}

.image-source-panel.custom-image-source-panel .file-uploads {
  background: var(--umu-color-bg-layout, #f5f5f5);
  height: 3.83rem;
}

.image-source-panel.custom-image-source-panel .file-uploads .upload-zone {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-source-panel.custom-image-source-panel .file-uploads .upload-zone .info-msg {
  text-align: center;
  font-size: 0.14rem;
  padding-top: 0.12rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-tertiary, #999999);
}

.image-source-panel.custom-image-source-panel .file-uploads .upload-zone .add-link-img {
  background: #1e6ee6;
  border-radius: 0.04rem;
  font-weight: 600;
  margin: auto;
  font-size: 0.14rem;
  line-height: 0.18rem;
  color: #ffffff;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.12rem 0.16rem;
}

.image-source-panel.custom-image-source-panel .file-uploads .upload-zone .add-link-img .icon-img-add {
  width: 0.14rem;
  height: 0.14rem;
  margin-right: 0.08rem;
}

.image-source-panel.custom-image-source-panel .operate-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.24rem;
}

.image-source-panel.custom-image-source-panel .operate-footer-btn-split {
  margin-right: 0.12rem;
}

.img-banner-zone {
  height: 3.83rem;
  overflow-y: auto;
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.banner-img-list {
  display: flex;
  flex-wrap: wrap;
  overflow-y: auto;
}

.banner-img-list .banner-item {
  position: relative;
  border-radius: 0.04rem;
  border: 0.03rem solid transparent;
  margin: 0rem 0.04rem 0.04rem 0rem;
}

.banner-img-list .banner-item .icon-banner-img {
  cursor: pointer;
  width: 2.3rem;
  height: 1.3rem;
}

.banner-img-list .banner-item .icon-banner-img-select {
  width: 0.24rem;
  height: 0.24rem;
  position: absolute;
  top: 0.08rem;
  right: 0.08rem;
}

.banner-img-list .banner-item-select,
.banner-img-list .banner-item:hover {
  border-color: #1e6ee6;
}

.show-default-img-list {
  padding: 0.24rem 0.5rem;
  padding-right: 0.12rem;
}

.show-default-img-list .banner-item {
  margin-right: 0.48rem;
}

.show-default-img-list .banner-item:last-child {
  margin-right: 0rem;
}

.show-default-img-list .banner-item .icon-banner-img {
  width: 0.76rem;
  height: 0.76rem;
}

.show-default-img-list .banner-item .icon-banner-img .micro-icon-img {
  width: 0.44rem;
  height: 0.44rem;
  margin: 0.16rem;
}

.show-default-img-list .banner-item-select,
.show-default-img-list .banner-item:hover {
  border-color: #ffffff;
  background: var(--umu-color-fill-secondary, #eeeeee);
  border-radius: 0.04rem;
}

.show-default-img-list .banner-item .icon-banner-img-select {
  width: 0.18rem;
  height: 0.18rem;
  top: 0.04rem;
  right: 0.04rem;
}

.umu-source-tabs::-webkit-scrollbar {
  display: none;
}

.umu-source-tabs {
  display: flex;
  width: 100%;
  height: 0.56rem;
  overflow-x: auto;
  border-bottom: 0.01rem solid var(--umu-color-border, #e0e0e0);
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.umu-source-tabs .umu-tab-pane {
  flex: none;
  padding: 0.12rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}

.umu-source-tabs .umu-tab-pane span {
  height: 0.16rem;
  padding-bottom: 0.17rem;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.32rem;
  color: var(--umu-color-text, #222);
}

.umu-source-tabs .umu-tab-pane:hover {
  cursor: pointer;
}

.umu-source-tabs .active span {
  font-weight: 600;
  border-bottom: 0.02rem solid var(--umu-color-primary, #ffab00);
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .umu-source-tabs .umu-tab-pane span {
    line-height: 0.21rem !important;
  }
}
.upload-image-and-crop-dialog .umu-design-comp-modal-body {
  padding: 0;
}
.user-avatar-info {
  position: relative;
  z-index: 1;
}

.user-avatar-image,
.user-avatar-image img {
  border-radius: 999px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: block;
}

.user-avatar-image .circle-img,
.user-avatar-image img .circle-img {
  border-radius: 50%;
}

.user-avatar-info .user-medal-info-holder {
  position: absolute;
  bottom: -0.05rem;
  right: -0.05rem;
  z-index: 1;
}

.user-avatar-info .user-level-info-holder {
  position: absolute;
  z-index: 1;
  bottom: -0.05rem;
  left: 50%;
  transform: translateX(-50%);
}

.user-avatar-info .user-level-info-holder.size-L {
  bottom: -0.08rem;
}

.user-avatar-info.cursor {
  cursor: pointer;
}
.photo-uploade-Loading {
  line-height: normal;
  max-height: 80%;
  overflow: auto;
  max-width: 5rem;
  color: #fff;
  padding: 0.1rem 0.1rem 0.1rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.04rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  text-align: center;
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  display: flex;
}

.photo-uploade-Loading .message {
  font-size: 0.14rem;
  margin-right: 0.05rem;
  white-space: nowrap;
}

.photo-uploade-Loading .loading {
  height: 0.05rem;
  white-space: nowrap;
  background-image: none;
}

.photo-uploade-Loading .loading span {
  display: inline-block;
  width: 0.05rem;
  height: 100%;
  margin-right: 0.05rem;
  border-radius: 50%;
  background: var(--umu-color-bg-base, #fff);
  animation: load 1.04s ease infinite;
}

.photo-uploade-Loading .loading span:last-child {
  margin-right: 0rem;
}

@keyframes load {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.photo-uploade-Loading .loading span:nth-child(1) {
  animation-delay: 0.13s;
}

.photo-uploade-Loading .loading span:nth-child(2) {
  animation-delay: 0.26s;
}

.photo-uploade-Loading .loading span:nth-child(3) {
  animation-delay: 0.39s;
}

.photo-uploade-Loading .loading span:nth-child(4) {
  animation-delay: 0.52s;
}

.photo-uploade-Loading .loading span:nth-child(5) {
  animation-delay: 0.65s;
}
audio.audio-player-el {
  position: fixed;
  top: -5rem;
  height: 0;
  overflow: hidden;
}
.video-player canvas {
  pointer-events: none;
  position: absolute;
  z-index: 9999;
  display: block;
  top: 0;
  left: 0;
}
.achievement-daily-login-dialog.user-achievement-dialog .dialog-main {
  background-color: var(--umu-color-bg-base, #ffffff);
  width: 3rem;
  border-radius: 0.08rem;
}

.achievement-daily-login-dialog .daily-login-header {
  height: 1.64rem;
  box-sizing: border-box;
  background: url(/statics/market/cn/2e03a5a11375e6b0.png) no-repeat;
  background-size: contain;
}

.achievement-daily-login-dialog .daily-login-header.com {
  background: url(/statics/market/cn/d4a185e18bb8d16d.png) no-repeat;
  background-size: contain;
}

.achievement-daily-login-dialog .daily-close {
  position: absolute;
  background: url(/statics/market/cn/19b410b3925bfbf4.png) center no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 1;
  top: 0.08rem;
  right: 0.08rem;
  width: 0.2rem;
  height: 0.2rem;
}

.daily-login-dialog .daily-login-card {
  width: 3rem;
  padding: 0.16rem 0.2rem 0.2rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.daily-login-dialog .daily-login-card .info {
  overflow: hidden;
  display: flex;
  padding: 0;
  align-items: baseline;
  color: var(--umu-color-text, #161719);
  font-size: 0.14rem;
  margin-bottom: 0.13rem;
}

.daily-login-dialog .daily-login-card .info .days {
  padding-right: 0.04rem;
  font-weight: bold;
  color: var(--umu-color-primary, #fab400);
  font-size: 0.44rem;
  line-height: 0.44rem;
}

.daily-login-dialog .daily-login-card .title {
  width: 100%;
  text-align: center;
  padding: 0;
  font-weight: 500;
  color: var(--umu-color-text, #161719);
  font-size: 0.18rem;
  margin-bottom: 0.08rem;
}

.daily-login-dialog .daily-login-card .desc {
  width: 100%;
  text-align: center;
  font-size: 0.16rem;
  color: var(--umu-color-text, #2d2e30);
  margin-bottom: 0.1rem;
}

.daily-login-dialog .daily-login-card .points {
  color: #737375;
  display: flex;
  align-items: center;
  margin-bottom: 0.14rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
}

.daily-login-dialog .daily-login-card .points .up-img {
  margin: 0 0.02rem;
  width: 0.25rem;
  height: 0.17rem;
}

.daily-login-dialog .daily-login-card .points .up-num {
  font-size: 0.15rem;
  /*! postcss-ignore-theme */
  color: #fab400;
}

.daily-login-dialog .daily-login-card .actions {
  align-self: flex-end;
  display: flex;
  justify-content: center;
  max-width: 100%;
  row-gap: 0.1rem;
  flex-wrap: wrap;
}

.daily-login-dialog .daily-login-card .actions .umu-btn {
  display: inline-block;
  height: 0.34rem;
  line-height: 0.34rem;
  padding: 0 0.1rem;
}

.daily-login-dialog .daily-login-card .actions .btn-primary {
  padding: 0 0.12rem;
  min-width: 0.84rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 0.14rem;
  height: 0.34rem;
  line-height: 0.34rem;
}

.daily-login-dialog .daily-login-card .actions .umu-btn.preview {
  font-size: 0.14rem;
  color: #1e6ee6;
  text-align: center;
  line-height: unset;
  padding: 0 0.12rem;
  margin: 0;
  border: 0 none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  height: auto;
}

body.locale-fr .daily-login-dialog .daily-login-card .actions .umu-btn.preview {
  line-height: 0.14rem;
}

.daily-login-dialog .daily-login-card .actions .know {
  margin: 0;
  border: 0 none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  color: #fff;
  background: var(--umu-color-primary, #fab400);
}

body.locale-fr .daily-login-dialog .daily-login-card .actions .know {
  line-height: 0.14rem;
}
.achievement-user-level-dialog.user-achievement-dialog .dialog-main {
  text-align: center;
  width: 2.68rem;
}

body.locale-jp .achievement-user-level-dialog.user-achievement-dialog .dialog-main {
  width: 2.98rem;
}

/* */
.upgrade-lv {
  border-radius: 0.04rem;
  padding: 0.5rem 0.2rem 0.32rem;
}

.upgrade-lv .lv {
  font-size: 0.64rem;
  line-height: 0.9rem;
  color: #3faa34;
}

body.locale-jp .upgrade-lv .lv {
  font-size: 0.48rem;
}

.upgrade-lv .title {
  font-size: 0.19rem;
  line-height: 0.26rem;
  padding: 0;
}

.upgrade-lv .privilege {
  padding-top: 0.25rem;
  line-height: 1.5;
  min-height: 0.5rem;
}

.upgrade-lv .privilege .privilege-label {
  font-size: 0.14rem;
  color: #757575;
}

.upgrade-lv .privilege .privilege-type {
  font-size: 0.16rem;
}

.upgrade-lv .encourage {
  text-align: left;
  font-size: 0.14rem;
  line-height: 0.18rem;
  padding-top: 0.13rem;
  color: #757575;
  min-height: 0.72rem;
}

/* */
.upgrade-lv-999.upgrade-lv {
  background: #292929;
}

body.locale-jp .upgrade-lv-999.upgrade-lv .lv,
body.locale-fr .upgrade-lv-999.upgrade-lv .lv,
body.locale-es .upgrade-lv-999.upgrade-lv .lv,
body.locale-de .upgrade-lv-999.upgrade-lv .lv,
body.locale-en .upgrade-lv-999.upgrade-lv .lv {
  font-size: 0.4rem;
}

.upgrade-lv-999 .title {
  color: #fff;
}

.upgrade-lv-999 .privilege .privilege-label {
  color: #fff;
  opacity: 0.7;
}

.upgrade-lv-999 .privilege .privilege-type {
  color: #fff;
}

.upgrade-lv-999 .encourage {
  color: #fff;
  opacity: 0.7;
}

/* */
.user-level-dialog-wrap {
  position: relative;
  z-index: 2;
}

.user-level-dialog .user-level-dialog-wrap .title {
  text-align: center;
}

.user-level-dialog .upgrade-lv:before,
.user-level-dialog .upgrade-lv:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  background: no-repeat;
  background-size: 100% auto;
}

.user-level-dialog .upgrade-lv:before {
  top: 0;
  right: 0;
  height: 40%;
  background-position: 0 0;
}

.user-level-dialog .upgrade-lv:after {
  bottom: 0;
  left: 0;
  height: 60%;
  background-position: 0 100%;
}

.user-level-dialog .upgrade-lv-range-1:before,
.user-level-dialog .upgrade-lv-range-1:after {
  background-image: url(/statics/market/cn/02926135db989045.png);
}

.user-level-dialog .upgrade-lv-range-11:before,
.user-level-dialog .upgrade-lv-range-11:after {
  background-image: url(/statics/market/cn/c7fb13b38166c51c.png);
}

.user-level-dialog .upgrade-lv-range-21:before,
.user-level-dialog .upgrade-lv-range-21:after {
  background-image: url(/statics/market/cn/8d3502eafa42282b.png);
}
/* */
.achievement-user-medal-dialog.user-achievement-dialog .dialog-main {
  width: 3.1rem;
}

/* */
.user-medal-dialog .user-medal-preview {
  width: 1.3rem;
  margin: auto;
  padding-top: 0.2rem;
}

/* */
.user-medal-dialog .user-medal-card {
  padding: 0.2rem 0.25rem;
  text-align: center;
}

.user-medal-dialog .user-medal-card .title {
  font-size: 0.22rem;
  color: var(--umu-color-text, #000);
  margin-top: -0.3rem;
  margin-bottom: 0.05rem;
  text-align: center;
}

.user-medal-dialog .user-medal-card .medal-remark {
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #757575;
  text-align: center;
  margin-bottom: 0.05rem;
}

.user-medal-dialog .user-medal-card .desc {
  font-size: 0.14rem;
  color: var(--umu-color-text, #222222);
  text-align: center;
  margin-top: 0.1rem;
}

.user-medal-dialog .user-medal-card .points {
  font-size: 0.14rem;
  color: var(--umu-color-text, #000);
  margin-top: 0.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.user-medal-dialog .user-medal-card .points .highlight {
  margin-left: 0.04rem;
  color: var(--umu-color-primary, #ffbd2b);
}

.user-medal-dialog .user-medal-card .points .medal-icon {
  width: 0.24rem;
  height: 0.24rem;
  display: block;
  margin-right: 0.04rem;
}

.user-medal-dialog .user-medal-card .actions {
  margin-top: 0.2rem;
}

.user-medal-dialog .user-medal-card .action {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.05rem;
}

.user-medal-dialog .user-medal-card .action .btn {
  line-height: 1;
  min-width: 0.9rem;
  font-size: 0.16rem;
  padding: 0.12rem;
}

body.locale-jp .user-medal-dialog .user-medal-card .action .btn {
  font-size: 0.14rem;
  padding: 0.12rem 0.1rem;
  min-width: 0.9rem;
}
.user-achievement-dialog.achievement-custome-popup-dialog .dialog-main {
  width: 3rem;
  height: 4.56rem;
  background-color: rgba(240, 240, 240, 0);
}

.popup-custom-dialog {
  width: 100%;
  height: auto;
}

.popup-custom-dialog .content-img {
  position: relative;
}

.popup-custom-dialog .content-img .info-img {
  width: 3rem;
  height: 4rem;
  border-radius: 0.04rem;
  box-shadow: 0rem 0.01rem 0.03rem rgba(33, 33, 33, 0.598804);
}

.popup-custom-dialog .content-img .info-img-cursor {
  cursor: pointer;
}

.popup-custom-dialog .content-img .close-dialog {
  width: 3rem;
  display: flex;
  padding-top: 0.24rem;
}

.popup-custom-dialog .content-img .close-dialog .icon-close-img {
  cursor: pointer;
  margin: auto;
  width: 0.32rem;
}

.popup-custom-dialog .content-img .dialog-info {
  position: absolute;
  top: 0.24rem;
  width: 3rem;
}

.popup-custom-dialog .content-img .dialog-info .info-title {
  font-size: 0.32rem;
  line-height: 0.4rem;
  padding: 0rem 0.12rem;
  color: var(--umu-color-text, #222222);
  text-align: center;
}
.level-privilege-offline {
  padding: 0.2rem;
}

.level-privilege-offline .title {
  padding: 0;
  margin-bottom: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 500;
  text-align: left;
}

.level-privilege-offline .desc {
  margin-top: 0.04rem;
  font-size: 0.15rem;
  line-height: 0.22rem;
}

.level-privilege-offline .desc span {
  color: #dd4e40;
}

.level-privilege-offline .operation {
  margin-top: 0.24rem;
  text-align: right;
  font-size: 0.16rem;
}

.level-privilege-offline .operation .btn {
  margin-left: 0.32rem;
  padding: 0;
}

.level-privilege-offline .operation button {
  border: 0 none;
  background: transparent;
  outline: none;
  font-size: 0.16rem;
}

.level-privilege-offline.ngdialog.ngdialog-theme-umu .ngdialog-content {
  margin-left: 0;
  transform: translate(-50%, -50%) !important;
}

.level-privilege-desc {
  max-height: 55vh;
  overflow: auto;
}
.show-invite-c-user-dialog .dialog-main {
  border-radius: 4px;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap {
  position: relative;
  padding: 0.2rem;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .title {
  padding: 0;
  margin-bottom: 0.12rem;
  font-size: 0.16rem;
  line-height: 0.24rem;
  font-weight: 500;
  text-align: left;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content {
  margin-bottom: 0.12rem;
  max-height: 3rem;
  overflow-y: auto;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content .enterprise {
  margin-bottom: 0.12rem;
  display: flex;
  align-items: center;
  padding: 0.12rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 4px;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content .enterprise .left {
  height: 0.52rem;
  border-radius: 4px;
  margin-right: 0.12rem;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content .enterprise .right {
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.22rem;
  text-align: justify;
  color: var(--umu-color-text, #222222);
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content p {
  line-height: 0.2rem;
  margin-bottom: 0.08rem;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .icon-close {
  position: absolute;
  top: 0.18rem;
  right: 0.2rem;
  cursor: pointer;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation {
  text-align: right;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation .cancel {
  color: #cccccc;
  cursor: pointer;
}

.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation .confirm {
  color: #1E6EE6;
  margin-left: 0.36rem;
  cursor: pointer;
}
.enterprise-expire-dialog {
  padding: 0.2rem 0;
  color: var(--umu-color-text, #222222);
}

.enterprise-expire-dialog .expire-title {
  font-size: 0.18rem;
  padding: 0 0.2rem;
  line-height: 0.25rem;
  font-weight: 600;
  margin-bottom: 0.12rem;
}

.enterprise-expire-dialog .expire-content {
  font-size: 0.16rem;
  padding: 0 0.2rem;
  line-height: 0.24rem;
  max-height: 55vh;
  overflow: auto;
}

.enterprise-expire-dialog .expire-content .expire-rows .due-date-color {
  color: #DD4E40;
  word-break: keep-all;
}

.enterprise-expire-dialog .expire-content .expire-rows a {
  word-break: keep-all;
}

.enterprise-expire-dialog .expire-footer {
  margin-top: 0.16rem;
  text-align: right;
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding: 0 0.2rem;
  display: flex;
  align-items: center;
}

.enterprise-expire-dialog .expire-footer .btn-confirm-text {
  color: #1e6ee6;
  cursor: pointer;
}

.enterprise-expire-dialog .expire-footer .btn-cancel-text {
  color: var(--umu-color-text-secondary, #666666);
  cursor: pointer;
  margin-right: 0.24rem;
}

.enterprise-expire-dialog .expire-footer .btn-text {
  margin-left: auto;
}
.user-achievement-dialog.achievement-official-popup-dialog .dialog-main {
  width: 3.2rem;
  box-shadow: unset;
  background-color: rgba(240, 240, 240, 0);
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile {
  width: 100%;
  border-radius: 0.04rem;
  background-color: var(--umu-color-bg-base, #ffffff);
  display: flex;
  flex-direction: column;
  color: var(--umu-color-text, #222222);
  margin: auto;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .heard-info {
  font-weight: 600;
  font-size: 0.18rem;
  line-height: 0.25rem;
  padding-right: 0.2rem;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-body {
  display: flex;
  flex-direction: column;
  min-height: 1.2rem;
  padding: 0.1rem 0.2rem;
  padding-right: 0;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .img-info {
  width: 100%;
  margin-top: 0.12rem;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .content-body-info {
  display: flex;
  flex-direction: column;
  max-height: 3.2rem;
  overflow-y: auto;
  padding-right: 0.2rem;
  margin-bottom: 0.24rem;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .content-body-info .content-info {
  width: 100%;
  margin-top: 0.12rem;
  word-break: break-all;
  font-size: 0.16rem;
  line-height: 0.24rem;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .footer-info {
  text-align: right;
  padding-right: 0.2rem;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .footer-info .footer-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .footer-info-no-content {
  margin-top: auto;
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-title {
  display: flex;
  justify-content: space-between;
  font-size: 0.16rem;
  line-height: 0.24rem;
  padding: 0.1rem 0.2rem;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-title .official-dialog-title-icon {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
@charset "UTF-8";
.user-achievement-dialog .dialog-main {
  line-height: 1.5;
  border-radius: 4px;
}

.user-achievement-dialog .dialog-main .close {
  color: var(--umu-color-text-tertiary, #999);
  font-size: 0.22rem;
  height: 0.3rem;
  line-height: 0.3rem;
  position: absolute;
  z-index: 9;
  right: 0;
  top: 0;
  width: 0.3rem;
  text-align: center;
  padding: 0.05rem;
  cursor: pointer;
}

.user-achievement-dialog .dialog-main .close:before {
  content: "×";
}

.user-achievement-dialog .dialog-main .close:hover {
  color: var(--umu-color-text-secondary, #666);
}
.star-rating {
  position: relative;
  text-align: center;
}

.star-rating .star-shape {
  position: relative;
  display: inline-block;
  height: 0.38rem;
  vertical-align: bottom;
}

.star-rating .star-rank-unit {
  width: 0.28rem;
  height: 0.28rem;
  position: relative;
  display: inline-block;
  margin: 0.045rem;
  box-sizing: border-box;
}

.star-rating .star-rank-unit .stars-wrap,
.star-rating .star-rank-unit .star-frames-wrap {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: repeat-x;
  width: 1.4rem;
  height: 0.28rem;
  background-size: 0.28rem 0.28rem;
}

.star-rating .star-rank-unit .stars-wrap {
  background-image: url(/statics/market/cn/abae17b29f01dcb2.png);
}

.star-rating .star-rank-unit .star-frames-wrap {
  background-image: url(/statics/market/cn/cf659c8d87f875ec.png);
  width: 100%;
}

.star-rating .star-rank-unit .star-item {
  width: 0.28rem;
  height: 0.28rem;
  display: inline-block;
  text-align: center;
}

.star-rating .star-rank-unit .star-item img {
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: middle;
}

.star-rating .star-rate {
  color: var(--umu-color-text, #222222);
  font-size: 0.18rem;
  display: inline-block;
  line-height: 0.38rem;
  margin-left: 0.075rem;
  font-weight: 500;
}

/*# sourceMappingURL=libs-common-5.css.map*/