.react-group-date-card {
  position: absolute;
  left: 0;
  transform: translateX(-120%);
}
.react-group-date-card .card-left-avatar {
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
  margin-bottom: 0.04rem;
  border-radius: 50%;
}
.react-group-date-card .card-left-user-name {
  max-width: 1rem;
  overflow: hidden;
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.12rem;
  line-height: 0.14rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.react-group-date-card .card-avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.react-group-date-card .react-group-date {
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  padding-right: 0.1rem;
  font-weight: 400;
  font-size: 0.12rem;
  line-height: 0.16rem;
  text-align: right;
}
.react-group-date-card .react-group-date.current-date {
  color: #faa801;
  border-right: 4px solid #faa801;
}
.react-group-date-card .react-group-date > div {
  margin-bottom: 0.04rem;
}
.react-group-date-card .react-group-date .group-creator {
  position: absolute;
  right: 0;
  bottom: -0.22rem;
  left: 0;
  transform: translateY(100%);
}
.react-group-date-card .react-group-date .date {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
.react-group-date-card .react-group-date .date .number {
  margin-right: 0.04rem;
  font-weight: 500;
  font-size: 0.3rem;
  line-height: 0.32rem;
}
.react-group-date-card .react-group-date .last-modify-time {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 1.1rem;
  color: var(--umu-color-text-secondary, #666666);
}
.react-group-date-card .react-group-date .last-modify-time .time {
  margin-left: 0.04rem;
}

.react-group-card-popover-avatar {
  width: 1.98rem;
  padding: 0.12rem;
  box-sizing: border-box;
}
.react-group-card-popover-avatar .title {
  margin-bottom: 0.1rem;
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.react-group-card-popover-avatar .avatar-box {
  display: flex;
  align-items: center;
}
.react-group-card-popover-avatar .avatar-box .avatar {
  flex-shrink: 0;
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.1rem;
  border-radius: 50%;
}
.react-group-card-popover-avatar .avatar-box .user-name {
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  word-break: break-all;
}
.react-course-card-info button.umu-design-comp-btn span {
  display: inline-block;
}
.react-course-card-info .pc-course-card {
  position: relative;
  display: flex;
  align-items: flex-start;
  padding: 0.16rem 0.32rem 0.24rem;
  background: #fcfcfc;
  border-radius: 0px 0px 4px 4px;
  cursor: pointer;
}
.react-course-card-info .pc-course-card:hover .join-info .num-unit {
  color: #1e6ee6;
}
.react-course-card-info .pc-course-card:hover .join-info .num-unit .num {
  color: inherit !important;
}
.react-course-card-info .pc-course-card .flex {
  display: flex;
}
.react-course-card-info .pc-course-card > div {
  flex-shrink: 0;
  box-sizing: border-box;
}
.react-course-card-info .pc-course-card .card-content {
  position: relative;
  width: 100%;
}
.react-course-card-info .pc-course-card .card-content .footer {
  display: flex;
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.react-course-card-info .pc-course-card .card-content .footer .few-item {
  width: auto;
}
.react-course-card-info .pc-course-card .card-content .footer .few-item .card-item {
  display: flex;
  align-items: center;
}
.react-course-card-info .pc-course-card .card-content .footer .few-item .card-item .title {
  margin-right: 0.24rem;
  margin-bottom: 0;
}
.react-course-card-info .pc-course-card .card-content .footer .few-item .card-item .join-info {
  width: 2rem;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item {
  margin-right: 0.24rem;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item.only-one-item .card-item {
  display: flex;
  align-items: center;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item.only-one-item .card-item .title {
  margin-right: 0.24rem;
  margin-bottom: 0;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item.only-one-item .join-info-left-wrap {
  margin-bottom: 0 !important;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item.only-one-item .join-info {
  width: auto;
}
.react-course-card-info .pc-course-card .card-content .footer .content-item:last-child {
  margin-right: 0rem;
}
.react-course-card-info .pc-course-card .card-content .footer .other-content-item {
  display: flex;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .title {
  margin-bottom: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .join-info-left {
  display: flex;
  align-items: center;
  margin-right: 0.24rem;
  margin-bottom: 0;
  transition: margin-bottom 100ms ease;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .join-info-left-wrap {
  margin-bottom: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .num-item {
  margin-right: 0.24rem;
  color: var(--umu-color-text-secondary, #666666);
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .num-item .num-unit {
  display: flex;
  align-items: baseline;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .num-item .num-unit .num {
  margin-right: 0.04rem;
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.28rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .join-info .num-item:last-child {
  margin-right: 0;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item {
  margin-top: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item .num-item {
  margin-right: 0.32rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item .num-item .num {
  color: var(--umu-color-text, #222);
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.28rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item .num-item .text {
  color: var(--umu-color-text-secondary, #666666);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item .time-item {
  display: flex;
  margin-bottom: 0.04rem;
  color: var(--umu-color-text-secondary, #666666);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item .time-item .text {
  max-width: 1.1rem;
  margin-right: 0.1rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .signup-info .info-item:last-child {
  margin-bottom: 0;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list {
  display: flex;
  flex-wrap: wrap;
  max-height: 1.1rem;
  overflow-y: hidden;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list .tag {
  max-width: 100%;
  margin-right: 0.08rem;
  margin-bottom: 0.1rem;
  padding: 0 0.06rem;
  overflow: hidden;
  font-weight: 400;
  font-size: 0.13rem;
  line-height: 0.19rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 2px;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list .miniapp-tag {
  padding: 0.01rem 0.06rem;
  color: var(--SubColor, #1e6ee6);
  font-weight: 400;
  font-size: 0.14rem;
  font-style: normal;
  line-height: 0.2rem;
  /* 146.154% */
  text-align: center;
  border: 1px solid var(--SubColor, #1e6ee6);
  border-radius: 2px;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list .blue-tag {
  color: #1e6ee6;
  border: 1px solid #1e6ee6;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list .red-tag {
  color: #dd4e40;
  border: 1px solid #dd4e40;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-info-tags .course-info-tag-list .grey-tag {
  color: var(--umu-color-text-secondary, #666666);
  background: var(--umu-color-fill-secondary, #eee);
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-desc {
  max-width: 100%;
  color: var(--umu-color-text-secondary, #666666);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  word-break: break-word;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .course-desc.chrome {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .info-item {
  display: flex;
  flex: 50%;
  flex-shrink: 0;
  margin-bottom: 0.12rem;
  color: var(--umu-color-text-secondary, #666666);
  white-space: nowrap;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .button-text {
  margin-left: 0.04rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .btn {
  display: flex;
  align-items: center;
  color: #1e6ee6;
  cursor: pointer;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .btn .btn-icon {
  width: 0.16rem;
  height: 0.16rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .info-item:last-child {
  margin-bottom: 0;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .info {
  display: flex;
  flex-wrap: wrap;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .info .red-time {
  color: #dd4e40;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .margin-top-12 {
  margin-top: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .umu-design-comp-btn-ghost {
  color: #f2af2e !important;
  border-color: #f2af2e !important;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .umu-design-comp-btn-ghost:hover {
  background: rgba(250, 180, 0, 0.08) !important;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .purchase-info .umu-design-comp-btn-ghost:active {
  background: rgba(250, 180, 0, 0.24) !important;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning {
  color: var(--umu-color-text-secondary, #666666);
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item {
  display: flex;
  margin-bottom: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item.num-info {
  display: flex;
  align-items: baseline;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item.num-info .num {
  margin-right: 0.06rem;
  color: var(--umu-color-text, #222);
  font-size: 0.22rem;
  line-height: 0.28rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item .text {
  margin-right: 0.12rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item .btn {
  display: flex;
  align-items: center;
  color: #1e6ee6;
  cursor: pointer;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item .btn .btn-icon {
  width: 0.16rem;
  height: 0.16rem;
}
.react-course-card-info .pc-course-card .card-content .footer .card-item .repeat-learning .info-item:last-child {
  margin-bottom: 0;
}
.repeat-course-dialog-container.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 8.6rem;
}

.repeat-course-dialog .body-desc {
  margin-bottom: 0.16rem;
  font-weight: 400;
  font-size: 0.13rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
}
.repeat-course-dialog .body-desc .copy-times {
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.3rem;
  margin: 0 0.06rem;
}
.repeat-course-dialog .body-desc .next-copy-time {
  margin-left: 0.18rem;
}
.repeat-course-dialog .repeat-course-body {
  height: 3rem;
  overflow-y: auto;
}
.repeat-course-dialog .repeat-course-list-item {
  background: #FCFCFC;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-radius: 4px;
  padding: 0.16rem;
  margin-bottom: 0.06rem;
}
.repeat-course-dialog .repeat-course-list-item .btn.active {
  background-color: transparent;
}
.repeat-course-dialog .repeat-course-list-item .course-info-container {
  max-width: 90%;
  cursor: pointer;
}
.repeat-course-dialog .repeat-course-list-item .more {
  flex-shrink: 0;
}
.repeat-course-dialog .repeat-course-list-item .top-desc {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}
.repeat-course-dialog .repeat-course-list-item .top-desc .iconfont {
  color: #4a4a4a;
  margin-right: 0.04rem;
}
.repeat-course-dialog .repeat-course-list-item .top-desc .tooltips {
  max-width: 100%;
}
.repeat-course-dialog .repeat-course-list-item .top-desc .title {
  display: inline-block;
  color: var(--umu-color-text, #222);
  font-size: 0.16rem;
  line-height: 0.22rem;
  max-width: 100%;
}
.repeat-course-dialog .repeat-course-list-item .bottom-desc {
  margin-top: 0.04rem;
  color: #1E6EE6;
  line-height: 0.2rem;
  margin-left: 0.26rem;
}
.repeat-course-dialog .repeat-course-list-item:last-child {
  margin-bottom: 0;
}
.repeat-course-dialog .repeat_action_wrapper {
  padding: 0.16rem 0.32rem;
  display: flex;
  border-top: 1px solid var(--umu-color-fill-secondary, #eee);
  justify-content: space-between;
  align-items: center;
  background: var(--umu-color-bg-base, #fff);
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666);
}
.repeat-course-dialog .repeat_action_wrapper .action_container {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.repeat-course-dialog .repeat_action_wrapper .action_container span {
  margin-right: 0.1rem;
}
.repeat-course-dialog .repeat_action_wrapper .action_wrapper {
  display: flex;
  align-items: center;
}
.repeat-course-dialog .repeat_action_wrapper .iconfont-expand {
  color: var(--umu-color-text-secondary, #666);
}
.repeat-course-dialog .repeat_action_wrapper .iconfont-expand.expanded {
  transform: rotate(180deg);
}
.purchase-sale-list-dialog-container.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 8.6rem;
}

.purchase-sale-list-dialog .body-desc {
  margin-bottom: 0.16rem;
  font-weight: 400;
  font-size: 0.13rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
}
.purchase-sale-list-dialog .body-desc .outer-sold-label {
  margin: 0 0.04rem;
  font-weight: 500;
  font-size: 0.2rem;
  line-height: 0.3rem;
}
.purchase-sale-list-dialog .enterprise-list {
  overflow-y: auto;
  height: 3rem;
}
.purchase-sale-list-dialog .dialog-enterprise-item {
  padding: 0.2rem 0.44rem;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-radius: 4px;
  margin-bottom: 0.1rem;
}
.purchase-sale-list-dialog .dialog-enterprise-item .time-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.16rem;
}
.purchase-sale-list-dialog .dialog-enterprise-item .time-info .company-name {
  font-size: 0.18rem;
  color: var(--umu-color-text, #222);
}
.purchase-sale-list-dialog .dialog-enterprise-item .count-info {
  display: flex;
  align-items: center;
}
.purchase-sale-list-dialog .dialog-enterprise-item .count-info .time {
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666);
}
.purchase-sale-list-dialog .dialog-enterprise-item .count-info .course-group-session-outer .expired {
  color: #DD4E40;
}
.purchase-sale-list-dialog .dialog-enterprise-item .count-info span {
  margin-right: 0.3rem;
  color: var(--umu-color-text-secondary, #666);
  font-size: 0.14rem;
}
.purchase-sale-list-dialog .dialog-enterprise-item:last-child {
  margin-bottom: 0;
}
.session-select-table .table {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
}
.session-select-table .table .table-header {
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.session-select-table .table .table-header .table-header-row {
  display: flex;
  min-height: 0.4rem;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0.16rem;
  box-sizing: border-box;
}
.session-select-table .table .table-header .table-header-row .all-select-text {
  margin-left: 0.18rem;
}
.session-select-table .table .table-body {
  overflow-y: auto;
  max-height: 4rem;
}
.session-select-table .table .table-body .table-body-row {
  display: flex;
  justify-content: flex-start;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  min-height: 0.82rem;
  align-items: center;
  padding-left: 0.16rem;
  box-sizing: border-box;
}
.session-select-table .table .table-body .table-body-row:last-child {
  border-bottom: none;
}
.session-select-table .table .table-body .table-body-row .session-type {
  width: 0.8rem;
  margin-left: 0.18rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.session-select-table .table .table-body .table-body-row .session-type .session-type-icon {
  margin-bottom: 0.06rem;
}
.session-select-table .table .table-body .table-body-row .session-type .session-type-icon .icon-course-type {
  width: 0.24rem;
  height: 0.24rem;
  font-size: 0.24rem;
}
.session-select-table .table .table-body .table-body-row .session-type .session-type-text {
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666);
  line-height: 0.2rem;
}
.session-select-table .table .table-body .table-body-row .session-title {
  margin-left: 0.4rem;
}


.react-course-title:hover {
  color: #1e6ee6;
  cursor: pointer;
}
.react-course-title span {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.umu-design-comp-tooltip {
  max-width: 3.62rem;
}
.account-bind-phone .phone-input-wrap {
    width: 3.42rem;
}

.account-verify-phone.account-bind-phone .phone-number-input input {
    border-radius: 8px;
}

.account-verify-phone.account-bind-phone .input-box.verify-code input {
    border-radius: 8px;
}

.account-verify-phone.account-bind-phone .verify-getter a {
    border-radius: 8px;
    background-color: #ffc610;
    border-color: #ffc610;
}

.account-bind-phone-dialog .umu-dialog-footer button {
    border-radius: 8px;
}

.account-bind-phone-dialog .umu-dialog-footer button.umu-design-comp-btn-primary {
    background-color: #ffc610;
    border-color: #ffc610;
}
/* .account-verify-phone{margin-top: -30px;} */

.account-verify-phone .info {
    color: var(--AI-tools-text-2, #4e5969);
    margin-bottom: 0.16rem;
}

.account-verify-phone .verify-form .form-row-label {
    color: var(--AI-tools-text-1, #1c2029);
}

.account-verify-phone .verify-form .form-row {
    margin-top: 0.2rem;
}

.account-verify-phone .verify-form .phone-number {
    font-size: 0.18rem;
    color: var(--AI-tools-text-1, #1c2029);
}

.account-verify-phone .verify-code-input .verify-code {
    float: left;
    width: 1.7rem;
    margin-right: 0.08rem;
}

.account-verify-phone .verify-code-input .verify-getter {
    float: left;
}

.account-verify-phone .verify-code-input .verify-getter .btn-warning.disabled {
    background-color: #f7f8fa;
    border-color: #e5e6eb;
}

.account-verify-phone .verify-code-input .getter-way.way-phone {
    font-size: 0.12rem;
    margin-top: 0.05rem;
    height: 0.18rem;
    margin-bottom: -0.23rem;
}

.account-verify-phone .verify-code-input .count-down-wrap {
    text-transform: none;
}

.verifyPhone .account-verify-phone {
    margin-top: 0;
}

.verifyEmail .umu-dialog-body-content,
.verifyPhone .umu-dialog-body-content {
    min-height: 2.4rem;
}

#google-captcha-container-verify-phone>div {
    margin-top: 0.3rem !important;
}
/* .account-verify-email{margin-top: -30px;} */
.account-verify-email .info {
    color: var(--AI-tools-text-1, #1c2029);
    margin-bottom: 0.19rem;
    font-size: 0.14rem;
    line-height: 0.26rem;
}

.account-verify-email .form-row-label {
    color: var(--AI-tools-text-1, #1c2029);
    font-size: 0.13rem;
    font-weight: 400;
    line-height: 0.2rem;
}

.account-verify-email .verify-form .form-row {
    margin-top: 0.2rem;
}
.account-verify-email .verify-form .email-number {
    font-size: 0.18rem;
    line-height: 0.2rem;
    color: var(--AI-tools-text-1, #1c2029);
}
.account-verify-email .verify-code-input .verify-code {
    float: left;
    width: 1.7rem;
    margin-right: 0.08rem;
}
.account-verify-email .verify-code-input .verify-getter {
    float: left;
}
.account-verify-email .verify-code-input .getter-way.way-email {
    font-size: 0.12rem;
    margin-top: 0.05rem;
    height: 0.18rem;
    margin-bottom: -0.23rem;
}
.account-verify-email .verify-code-input .count-down-wrap {
    text-transform: none;
}
.verifyemail .account-verify-email {
    margin-top: 0;
}

.verifyemail .umu-dialog-buttons button {
    text-transform: uppercase;
}

.account-verify-email .form-row-tip.theme-static {
    font-size: 0.14rem;
}

.account-verify-email .getter-way {
    color: #a1a2a3;
    background: unset;
}

.account-verify-email .getter-way .re-captcha-btn.disabled {
    color: #a1a2a3;
    font-size: 0.14rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 0.2rem;
    word-wrap: break-word;
    background: unset;
}

.account-verify-email .getter-way .re-captcha-btn {
    color: #1973e8;
    font-size: 0.14rem;
    font-family: PingFang SC;
    font-weight: 400;
    word-wrap: break-word;
}


.error-tip,
.success-tip {
    padding: 0 0.2rem 0 0.45rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.16rem;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    box-shadow: 0 0.01rem 0.12rem rgba(9, 2, 4, 0.15), 0 0 0.4rem rgba(0, 0, 0, 0.06);
}

.error-tip {
    background: #DD4E40;
}

.success-tip {
    background: #faa801;
}

.error-tip:before,
.success-tip:before {
    content: '';
    display: inline-block;
    float: left;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    margin-right: 0.15rem;
    position: absolute;
}

.error-tip:before {
    width: 0.2rem;
    height: 0.2rem;
    left: 0.1rem;
    top: 0.15rem;
    background-position: 0 -4.16rem;
    vertical-align: text-bottom;
}

.success-tip:before {
    width: 0.19rem;
    height: 0.14rem;
    left: 0.1rem;
    top: 0.18rem;
    background-position: -0.3rem -4.16rem;
    vertical-align: middle;
}

.error-tip:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #DD4E40 transparent transparent;
    bottom: -0.12rem;
    left: 0.4rem;
    margin-left: -0.06rem;
}
.error-tip {
    position: absolute;
    left: 0;
    bottom: 100%;
    white-space: nowrap;
    display: none;
    z-index: 20000;
}
.error-tip.ng-active {
    opacity: 1;
    animation: error-tip-animation 2s linear;
    -webkit-animation: error-tip-animation 2s linear;
    display: block;
}
.error-tip.ng-inactive {
    display: none;
}

@keyframes error-tip-animation {
  0% { opacity:0; transform:translateY(0.5rem);}
  10%, 90% { opacity:1; transform:translateY(0);}
  100% { opacity:0; transform:translateY(0);}
}

@-webkit-keyframes error-tip-animation {
  0% { opacity:0; transform:translateY(0.5rem);}
  10%, 90% { opacity:1; transform:translateY(0);}
  100% { opacity:0; transform:translateY(0);}
}

.header-toast {
    min-width: 2.88rem;
    padding: 0 0.1rem;
    height: 0.48rem;
    border-radius: 2px;
    background-color: var(--umu-color-primary, #ffbd2b);
    font-size: 0.14rem;
    line-height: 0.48rem;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto;
    top: 0.56rem;
    border-radius: 4px;
    /*要覆盖一些更高层级的蒙层，暂时调大*/
    z-index: 10001;
}

.header-toast-success {
    background-color: var(--umu-color-primary, #ffbd2b);
}
.header-toast-warning {
    color: #fff;
    background-color: #65a86b;
}
.header-toast-normal {
    color: #fff;
    background-color: var(--umu-color-text, #222);
}
.header-toast-error {
    background-color: #dd4e40;
}

.header-toast-animate {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: toastDisplay;
}

@keyframes toastDisplay {
    0%,
    100% {
        height: 0;
    }

    17% {
        animation-timing-function: ease-in;
        height: 0.48rem;
    }

    83% {
        animation-timing-function: ease-out;
        height: 0.48rem;
    }
}

/* */

.achievement-daily-login-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 3rem;
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--umu-color-bg-base, #fff);
    box-shadow: none;
}

.daily-login-dialog .daily-login-header {
    height: 1.64rem;
    padding-top: 0.74rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(/twww/cn/images/bg-daily-login-pc.8a5ffc47..png) no-repeat center;
    background-size: 100% 100%;
}

.daily-login-dialog .daily-login-header.com {
    background: url(/twww/cn/images/bg-daily-login-pc-com.9abcaca4..png) no-repeat center;
    background-size: 100% 100%;
}

.daily-login-dialog .daily-close {
    position: absolute;
    top: 0.08rem;
    right: 0.08rem;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
    z-index: 1;
}

/* */

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

.daily-login-dialog .daily-login-card .title {
    width: 100%;
    text-align: center;
    padding: 0;
    font-weight: bold;
    font-size: 0.18rem;
    color: var(--umu-color-text, #161719);
    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 .info {
    overflow: hidden;
    display: flex;
    padding: 0;
    align-items: baseline;
    font-size: 0.14rem;
    color: var(--umu-color-text, #161719);
    margin-bottom: 0.13rem;
}

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

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

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

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

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

.daily-login-dialog .daily-login-card .actions .btn {
    display: inline-block;
}

.daily-login-dialog .daily-login-card .actions .btn.preview {
    font-size: 0.14rem;
    color: #1e6ee6;

    text-align: center;
    line-height: unset;
    height: auto;
    white-space: unset;
}

.daily-login-dialog .daily-login-card .actions .btn.btn-warning {
    font-size: 0.14rem;
    height: 0.34rem;
    line-height: 0.34rem;
    margin-left: 0.16rem;
}

/* */
.achievement-user-level-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content{width:2.68rem;background:0;border-radius:4px;overflow:hidden;}
body.locale-jp .achievement-user-level-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content{width:2.98rem;}

/* */
.user-level-dialog .upgrade-lv{background:#FFF;padding:0.5rem 0.2rem 0.32rem;text-align:center;}
.user-level-dialog .upgrade-lv .lv{font-size:0.64rem;line-height:0.9rem;color:#3FAA34;}
body.locale-jp .user-level-dialog .upgrade-lv .lv{font-size:0.48rem;}

.user-level-dialog .upgrade-lv .title{font-size:0.19rem;line-height:0.26rem;padding:0;}
.user-level-dialog .upgrade-lv .privilege{padding-top:0.25rem;line-height:1.5;min-height:0.5rem;}
.user-level-dialog .upgrade-lv .privilege .privilege-label{font-size:0.14rem;color:#757575;}
.user-level-dialog .upgrade-lv .privilege .privilege-type{font-size:0.16rem;}
.user-level-dialog .upgrade-lv .encourage{text-align:left;font-size:0.14rem;line-height:0.18rem;padding-top:0.13rem;color:#757575;min-height:0.72rem;}

/* */
.user-level-dialog .upgrade-lv-999.upgrade-lv{background:#292929;}
.user-level-dialog .upgrade-lv-999 .title{color:#fff;}
.user-level-dialog .upgrade-lv-999 .privilege .privilege-label{color:#FFF;opacity:.7;}
.user-level-dialog .upgrade-lv-999 .privilege .privilege-type{color:#fff;}
.user-level-dialog .upgrade-lv-999 .encourage{color:#fff;opacity:.7;}

/* */
.user-level-dialog-wrap{position:relative;z-index:2;}
.user-level-dialog .upgrade-lv:before,
.user-level-dialog .upgrade-lv:after{content:'';position:absolute;z-index:1;width:100%;background:no-repeat;-webkit-background-size:100% auto;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(/twww/cn/images/lv-range-1.02926135..png);}
.user-level-dialog .upgrade-lv-range-11:before,
.user-level-dialog .upgrade-lv-range-11:after{background-image:url(/twww/cn/images/lv-range-11.c7fb13b3..png);}
.user-level-dialog .upgrade-lv-range-21:before,
.user-level-dialog .upgrade-lv-range-21:after{background-image:url(/twww/cn/images/lv-range-21.8d3502ea..png);}

/* */
.achievement-user-medal-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 3.1rem;
    border-radius: 4px;
    overflow: hidden;
}

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

/* */
.common-user-medal-dialog .user-medal-card {
    padding: 0.2rem 0.25rem;
    text-align: center;
}
.common-user-medal-dialog .user-medal-card .title {
    font-size: 0.22rem;
    color: var(--umu-color-text, #000);
    margin-top: -0.1rem;
}
.common-user-medal-dialog .user-medal-card .desc {
    font-size: 0.14rem;
    color: #757575;
    text-align: left;
    margin-top: 0.1rem;
}
.common-user-medal-dialog .user-medal-card .points {
    font-size: 0.18rem;
    color: #757575;
    margin-top: 0.1rem;
}
.common-user-medal-dialog .user-medal-card .points .highlight {
    color: #f05a37;
}
.common-user-medal-dialog .user-medal-card .actions {
    margin-top: 0.2rem;
}
.common-user-medal-dialog .user-medal-card .action {
    display: inline-block;
    vertical-align: middle;
    margin: 0.05rem;
}
.common-user-medal-dialog .user-medal-card .action .btn {
    display: block;
    min-width: 0.9rem;
    padding: 0.06rem 0.1rem;
}

@charset "UTF-8";
/* */
.achievement-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
  padding: 0;
}

.achievement-dialog.ngdialog.ngdialog-theme-umu .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;
}

.achievement-dialog.ngdialog.ngdialog-theme-umu .close:before {
  content: "×";
}

.achievement-dialog.ngdialog.ngdialog-theme-umu .close:hover {
  color: var(--umu-color-text-secondary, #666);
}

/* */
.achievement-dialog.ngdialog.ngdialog-theme-umu .actions .btn.btn-striking {
  color: var(--umu-color-primary, #ffbd2b);
  border-color: var(--umu-color-primary, #ffbd2b);
}

.user-achievement-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
  overflow: unset;
  max-height: unset;
}
.achievement-custom-popup-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 3rem;
  height: 4.56rem;
  background-color: rgba(240, 240, 240, 0);
  box-shadow: none;
}

.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: 4px;
  box-shadow: 0rem 0.01rem 0.03rem rgba(33, 33, 33, 0.598804);
}

.popup-custom-dialog .content-img .info-img.current {
  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;
}

.show-enterprise-expire-pc-dialog .umu-dialog-body-content .expire-rows {
  display: block;
  padding-bottom: 0.08rem;
}
.show-enterprise-expire-pc-dialog .umu-dialog-body-content .expire-rows em {
  color: #1e6ee6;
  cursor: pointer;
}
.show-enterprise-expire-pc-dialog .umu-dialog-body-content .expire-rows .due-date-color {
  color: #DD4E40;
}
.show-enterprise-expire-pc-dialog .umu-dialog-body-content .expire-rows:last-child {
  padding-bottom: 0;
}
.show-invite-c-user-dialog-wrap-pc {
  position: relative;
}
.show-invite-c-user-dialog-wrap-pc .show-invite-c-user-dialog-content {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
}
.show-invite-c-user-dialog-wrap-pc .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-wrap-pc .show-invite-c-user-dialog-content .enterprise .left {
  height: 0.52rem;
  border-radius: 4px;
  margin-right: 0.12rem;
}
.show-invite-c-user-dialog-wrap-pc .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, #222);
}
.show-invite-c-user-dialog-wrap-pc .show-invite-c-user-dialog-content p {
  margin-bottom: 0.1rem;
}
.level-privilege-offline-pc-dialog .title {
    margin-bottom: 0.16rem;
    font-size: 0.22rem;
    line-height: 0.28rem;
}
.level-privilege-offline-pc-dialog .desc {
    margin-top: 0.12rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}
.level-privilege-offline-pc-dialog .desc span {
    color: #dd4e40;
}
.level-privilege-offline-pc-dialog .operation {
    margin-top: 0.24rem;
    text-align: right;
}
.level-privilege-offline-pc-dialog .btn-optional {
    background-color: var(--umu-color-bg-base, #fff);
}
.level-privilege-offline-pc-dialog .operation .btn {
    margin-left: 0.1rem;
    border-radius: 4px;
}

.level-privilege-offline-pc-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    margin-left: 0;
    transform: translate(-50%, -50%) !important;
}
.level-privilege-offline-pc-dialog.ngdialog.ngdialog-theme-umu .ngdialog-close:before {
    color: var(--umu-color-text, #000);
}

.achievement-dialog.achievement-official-popup-dialog .ngdialog-content {
  width: 3.68rem;
  box-shadow: unset;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc {
  width: 100%;
  border-radius: 4px;
  background-color: var(--umu-color-bg-base, #fff);
  display: flex;
  flex-direction: column;
  color: var(--umu-color-text, #222);
  margin: auto;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .heard-info {
  font-weight: 600;
  font-size: 0.22rem;
  line-height: 0.28rem;
  margin-bottom: 0.16rem;
  padding-right: 0.24rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .official-dialog-body {
  display: flex;
  flex-direction: column;
  min-height: 1.2rem;
  padding: 0.16rem 0.24rem;
  padding-right: 0rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .img-info {
  width: 100%;
  margin-bottom: 0.12rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .content-body-info {
  display: flex;
  flex-direction: column;
  max-height: 3.2rem;
  overflow-y: auto;
  margin-bottom: 0.24rem;
  padding-right: 0.24rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .content-body-info .content-info {
  width: 100%;
  word-break: break-all;
  max-height: 1.6rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .footer-info {
  text-align: right;
  padding-right: 0.24rem;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .footer-info-no-content {
  margin-top: auto;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .footer-btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .official-dialog-title {
  display: flex;
  justify-content: space-between;
  font-size: 0.16rem;
  line-height: 0.22rem;
  padding: 0.12rem 0.24rem;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-pc .official-dialog-title .official-dialog-title-icon {
  width: 0.24rem;
  height: 0.24rem;
  cursor: pointer;
}
.angular-switch {
    display: inline-block;
}
.angular-switch .check-box.switch {
    width: 0.31rem;
    overflow: inherit;
}
.angular-switch .check-box.switch .input {
    height: 0.12rem;
    margin-top: 0rem;
    background-color: #cccccc;
    transform: translate(0, -50%);
}
.angular-switch .check-box.switch.checked .input {
    background-color: #8eb6f2;
}
.angular-switch .check-box.switch .input:before {
    border: none;
    width: 0.18rem;
    height: 0.18rem;
    margin-top: -0.03rem;
    background: var(--umu-color-bg-base, #fff);
    box-sizing: border-box;
    box-shadow: 0rem 0.01rem 0.03rem rgba(0, 0, 0, 0.15);
}
.angular-switch .check-box.switch.checked .input:before {
    background-color: #1e6ee6;
    box-shadow: 0rem 0.01rem 0.03rem rgba(0, 0, 0, 0.15);
}

.image-previewer-mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
}
.image-previewer-mask .image-previewer-container {
    height: 100%;
    width: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.image-previewer-mask .image-previewer-container .close {
    cursor: pointer;
    background: transparent;
    color: #fff;
    height: 0.3rem;
    line-height: 0.3rem;
    position: absolute;
    right: 0.12rem;
    top: 0.12rem;
    width: 0.3rem;
    text-align: center;
}
.image-previewer-mask .image-previewer-container .close::after {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\D7';
    font-size: 0.28rem;
    width: 100%;
    height: 100%;

}
.image-previewer-mask .image-previewer-container .image-previewer-image {
    object-fit: contain;
    width: 100%;
    height: 100%;
    flex: 1;
    padding-top: 0.35rem;
    box-sizing: border-box;
}
.image-previewer-mask .image-previewer-container .image-previewer-controller {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.5rem;
    padding: 0.2rem 0;
    gap: 20px;
    color: #fff;
    box-sizing: border-box;
}
.image-previewer-mask .arrow-left {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0D%0A%09%20viewBox%3D%220%200%20330%20330%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22XMLID_92_%22%20d%3D%22M111.213%2C165.004L250.607%2C25.607c5.858-5.858%2C5.858-15.355%2C0-21.213c-5.858-5.858-15.355-5.858-21.213%2C0.001%0D%0A%09l-150%2C150.004C76.58%2C157.211%2C75%2C161.026%2C75%2C165.004c0%2C3.979%2C1.581%2C7.794%2C4.394%2C10.607l150%2C149.996%0D%0A%09C232.322%2C328.536%2C236.161%2C330%2C240%2C330s7.678-1.464%2C10.607-4.394c5.858-5.858%2C5.858-15.355%2C0-21.213L111.213%2C165.004z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.image-previewer-mask .arrow-right {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23fff%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0D%0A%09%20viewBox%3D%220%200%20330%20330%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22XMLID_92_%22%20d%3D%22M111.213%2C165.004L250.607%2C25.607c5.858-5.858%2C5.858-15.355%2C0-21.213c-5.858-5.858-15.355-5.858-21.213%2C0.001%0D%0A%09l-150%2C150.004C76.58%2C157.211%2C75%2C161.026%2C75%2C165.004c0%2C3.979%2C1.581%2C7.794%2C4.394%2C10.607l150%2C149.996%0D%0A%09C232.322%2C328.536%2C236.161%2C330%2C240%2C330s7.678-1.464%2C10.607-4.394c5.858-5.858%2C5.858-15.355%2C0-21.213L111.213%2C165.004z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    transform: rotate(180deg);
}
.image-previewer-mask .arrow-left.disabled,
.image-previewer-mask .arrow-right.disabled {
    background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23aaa%22%20height%3D%22800px%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0D%0A%09%20viewBox%3D%220%200%20330%20330%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20id%3D%22XMLID_92_%22%20d%3D%22M111.213%2C165.004L250.607%2C25.607c5.858-5.858%2C5.858-15.355%2C0-21.213c-5.858-5.858-15.355-5.858-21.213%2C0.001%0D%0A%09l-150%2C150.004C76.58%2C157.211%2C75%2C161.026%2C75%2C165.004c0%2C3.979%2C1.581%2C7.794%2C4.394%2C10.607l150%2C149.996%0D%0A%09C232.322%2C328.536%2C236.161%2C330%2C240%2C330s7.678-1.464%2C10.607-4.394c5.858-5.858%2C5.858-15.355%2C0-21.213L111.213%2C165.004z%22%2F%3E%0D%0A%3C%2Fsvg%3E");
    cursor: default;
}
.image-previewer-button {
    width: 0.2rem;
    height: 0.2rem;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}


.umu-design-switch-pc {
    display: inline-block;
    height: 0.22rem;
    width: 0.38rem;
}


.angular-umu-design-checkbox .ant-checkbox .ant-checkbox-inner {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 2px;
}
.angular-umu-design-checkbox-group .ant-checkbox-group .ant-checkbox-wrapper {
  display: flex;
}
.angular-umu-design-checkbox-group .ant-checkbox .ant-checkbox-inner {
  width: 0.18rem;
  height: 0.18rem;
  border-radius: 2px;
}
.angular-umu-design-checkbox-group .ant-checkbox .ant-checkbox-inner::after {
  width: 0.064285714286rem;
  height: 0.102857142857rem;
}

@charset "UTF-8";
.angular-umu-design-date-picker {
  /*
      separator符号，居中展示，左侧输入框有左侧边距12px，因此separator符号 左侧边距补偿12px 右侧边距保持不变
  */
}
.angular-umu-design-date-picker .umu-design-comp-date-picker-range-separator {
  padding-left: 0.08rem;
  padding-right: 0.2rem;
}
.umu-user-name {
  max-width: 100%;
  display: inline-flex;
  align-items: center;
}
.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;
  line-height: 0.2rem;
  margin-left: 0.03rem;
  background: #212121;
  border-radius: 2px;
  font-size: 0.12rem;
  /*! postcss-ignore-theme */
  color: var(--umu-color-primary, #ffbd2b);
  padding: 0 0.07rem;
}
button.umu-design-comp-btn.umu-design-comp-btn-has-icon {
  line-height: 0.2rem;
  height: auto;
  padding: 0.07rem 0.16rem 0.07rem 0.12rem;
}

button.umu-design-comp-btn {
  font-family: inherit;
  font-weight: 600;
  transition: none;
}
button.umu-design-comp-btn span {
  display: inline-block;
  display: contents;
  line-height: 0.2rem;
  vertical-align: middle;
  height: 0.2rem;
  margin-top: -0.03rem;
}

button.umu-design-comp-btn-primary[disabled],
button.umu-design-comp-btn-primary[disabled]:hover,
button.umu-design-comp-btn-primary[disabled]:focus,
button.umu-design-comp-btn-primary[disabled]:active {
  border-color: #CCCCCC;
  background: #CCCCCC;
}

button.umu-design-comp-btn:hover,
button.umu-design-comp-btn:focus {
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

button.umu-design-comp-btn-ghost-grey:active {
  color: var(--umu-color-text-secondary, #666666);
}

.umu-tabs.umu-tabs--card .umu-tabs__header {
  position: relative;
  margin: 0rem;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -0.01rem;
  position: relative;
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap .umu-tabs_nav {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
  z-index: 2;
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap .umu-tabs_nav .umu-tabs__item {
  cursor: pointer;
  padding: 0 0.2rem;
  height: 0.46rem;
  box-sizing: border-box;
  line-height: 0.46rem;
  display: inline-block;
  list-style: none;
  font-size: 0.16rem;
  font-weight: 400;
  background: #FCFCFC;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  color: var(--umu-color-text, #222);
  position: relative;
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap .umu-tabs_nav .umu-tabs__item:first-child {
  border-left: none;
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap .umu-tabs_nav .umu-tabs__item:hover {
  color: var(--umu-color-text-secondary, #666666);
}
.umu-tabs.umu-tabs--card .umu-tabs__header .umu-tabs__nav-wrap .umu-tabs_nav .umu-tabs__item.active {
  color: var(--umu-color-primary, #f2af2e);
  font-weight: 700;
  background: var(--umu-color-bg-base, #fff);
  border-bottom: 1px solid #fff;
}
div.umu-design-comp-radio-group-tabs .item.active {
  font-weight: 600;
}
.cooperation-role-menu-wrap {
  position: relative;
  right: -0.02rem;
  cursor: pointer;
}
.cooperation-role-menu-wrap .cooperation-role-menu-btn {
  padding-right: 0rem;
  margin-right: -0.02rem;
  border: 0 none;
  background: none;
  outline: none;
  text-transform: capitalize;
  font-size: 0.14rem;
}
.cooperation-role-menu-wrap .cooperation-role-menu-btn .icon-TriangleDown {
  width: 0.16rem;
  height: 0.16rem;
  color: var(--umu-color-text-secondary, #666);
  margin: 0 0.02rem;
}
.cooperation-role-menu-wrap .cooperation-role-menus {
  position: fixed;
  right: calc(50% - 3.05rem);
  width: 3.3rem;
  z-index: 1;
}
.cooperation-role-menu-wrap .cooperation-role-menus .umu-design-comp-menu-panel-vertical > .umu-design-comp-menu-panel-item {
  padding: 0.12rem;
  align-items: start;
}
.cooperation-role-menu-wrap .cooperation-role-menus .angular-umu-design-menu {
  position: relative;
}
.cooperation-role-menu-wrap.show-menu .cooperation-role-menu-btn .umu-design-comp-icon {
  transform: rotate(180deg);
}
.cooperation-role-menu-wrap.disabled {
  pointer-events: none;
  color: var(--umu-color-text-secondary, #666);
}
/* 页面头部 */
.page-header {
    width: 100%;
    min-width: 10.24rem;
    height: 0.64rem;
    position: fixed;
    left: 0;
    top: 0;
    background: var(--umu-color-bg-base, #fff);
    z-index: 2000;
    box-shadow: none;
}

.page-header-wrap {
    position: relative;
}

.page-header-logo {
    float: left;
    margin: 0.11rem 0.2rem;
}

.page-header-logo .img {
    display: block;
    height: 0.38rem;
    width: 0.76rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/twww/cn/images/logo.280d17ed..png);
}

.enterprise-user-login .page-header .page-header-wrap {
    height: 100%;
}

.enterprise-user-login .page-header .page-header-wrap a.page-header-logo {
    float: left;
    margin: auto 0.2rem;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}

.enterprise-user-login .page-header .page-header-wrap .page-header-logo .custom-logo {
    height: auto;
    width: auto;
    max-width: 0.8rem;
    max-height: 0.38rem;
}

.page-header-logo .custom-logo {
    display: block;
    height: 0.38rem;
    max-width: 2rem;
}

.page-header .tip {
    font-size: 0.18rem;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
    color: #757575;
    padding: 0 1rem;
}

.page-header .page-title {
    padding-left: 1.16rem;
    font-size: 0.16rem;
    height: 0.6rem;
    line-height: 0.6rem;
    color: #616161;
}

.page-header .page-return {
    float: right;
    margin: 0.1rem 0.2rem;
}

body.locale-de .page-header,
body.locale-en .page-header,
body.locale-es .page-header,
body.locale-fr .page-header {
    min-width: 10.24rem;
}

.body-enterprise-expire-remind #nav-bar-id .nav-bar-web {
  padding: 0.18rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--umu-color-text, #222);
  position: fixed;
  width: 100%;
  top: 0.56rem;
  z-index: 2000;
  background: linear-gradient(0deg, rgba(250, 180, 0, 0.1), rgba(250, 180, 0, 0.1)), #FFF;
  border-bottom: 1px solid rgba(250, 180, 0, 0.24);
  text-align: center;
}
.body-enterprise-expire-remind #nav-bar-id .nav-bar-web .nav-bar-content {
  width: calc(100% - 0.8rem);
  display: block;
}
.body-enterprise-expire-remind #nav-bar-id .nav-bar-web .nav-bar-content a {
  word-break: keep-all;
  display: inline-flex;
  align-items: center;
  margin-left: 0.12rem;
}
.body-enterprise-expire-remind .icon-purchase-more {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAD/SURBVHgB7daxbQJBEIXht+ACnFnuwiXYHTgj9JXgDgwVuAQT2YYmEM2AuB7gmCdxEikz84jmT3Y3+7Ta2z2gqqqqctf/42f3i08Im8AZcWjoHqb4PqzwBVFu4HHAdpw3YK5CNgTa/6GbTmwnLw0GfZphgcRCQKZGhoFMiUwBMhUyDcgUyFQgy0amA1kmUgJkdi++t2bIAY9ce5EyIOvXeLFhE0G6XxJPJ8eGyIB2Dl9xtXtHYPE8wxw3JgH2K3zYRxLGsfQzSJwNy3EdwbFUYDaOpQEVOJYCVOFYGKjEsRBQjWNu4D1wzH0P2rP1Ns5VuHD2Q7Dcr9GhqqqqknUGOxZ135U2Ex0AAAAASUVORK5CYII=) no-repeat;
  width: 0.2rem;
  height: 0.2rem;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
}
.body-enterprise-expire-remind .icon-close {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHASURBVHgB7ddLaoNAGAfwTwNJlx4hJwg0jwPkBrlB7SLi0iO0J2jXKmhO0COkHkCxJ6i9QdYK2m8KglhHnZnPRcA/BBMfwy/zFmDOnDn3ncXQDefzOdjv90Ycx19AGNM014fD4WOz2URpmt5492kwgNM0zazLdF33AkS45XJ5xa9r/GR5nh/DMMxABNjCARWyhavDkI+I/FeTek9ZUce50LKsJ6DFQVmWly4cC7cPJkmSbrfbH6zFU+vSabfbZaJ9sgf36vv+C++53kFChZTFDQIpkCq4UUAVpCpuNFAGSYETAoogqXAsGkgE50gTkUHHJRPns4gKJw1k4SGrqrrheQMIcCxCTdwMr7nx9wMQ4UAFyNLTJ/+iimPRQTFFUXziIessXNe/QTFKNcgbrY1ILYvNSANH4OooIaWauG+ew1H83PGI9C5IuAaHJmHqXZAQcOwKQYkcDRRdvqiQo4CyaysFchCouvCrIhdT4iiQi6lxqkjuPLharQIqXB3P88KueRLPvWOFGCACxH/KCsqACMdDsu0ZHo68187e/aBt22uEXdl7KwWuGbafxMMbwyE6Bdk4jmPAROE165w5cwTyC4MmpHTv+6C5AAAAAElFTkSuQmCC) no-repeat;
  width: 0.2rem;
  height: 0.2rem;
  background-size: contain;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  right: 0.46rem;
  top: 0;
  bottom: 0;
  margin: auto 0.12rem;
}

#common-header .main-page .page-header-nav-item .btn.current {
  color: var(--umu-color-primary, #fab400);
  font-weight: 600;
}
#common-header .main-page .page-header-nav-item .btn.current:after {
  background: var(--umu-color-primary, #fab400);
}

body.body-nav-remind .nav-bar-web {
  top: 0.56rem;
}

body.only-ai-tools-body .nav-header-right .page-header-nav-item.to-platform-manage {
  display: none;
}
.account-switch {
    font-size: 0.14rem;
    color: var(--umu-color-text, #2d2e30);
}

.account-switch .account-list-preview-loading .loading-spinner {
    padding: 0 0 0.2rem;
}

.account-switch .account-list-loading .loading-spinner {
    padding: 0.2rem 0;
}

.account-switch .account-belong-tip {
    background: #e6f4fd;
    margin: 0.05rem;
}

.account-switch .account-belong-tip .tip-desc {
    line-height: 1.2;
    text-align: center;
    padding: 0.05rem 0.1rem;
    font-size: 0.12rem;
    color: #5c5d5e;
    word-break: break-word;
}

.account-switch .account-belong-tip .tip-desc .name {
    color: var(--umu-color-text, #2d2e30);
    font-weight: 700;
}

.account-switch .current-account-info {
    /* overflow: hidden; */
    margin: 0.1rem 0.3rem;
}

.account-switch .current-account-info .account-card {
    position: relative;
    padding-left: 0.8rem;
    min-height: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.account-switch .current-account-info .account-card-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.account-switch .current-account-info .account-card-info .info-name {
    font-size: 0.18rem;
}

.account-switch .current-account-info .account-card-info .info-display-name {
    color: #8a8b8c;
    line-height: 1.2;
    margin-top: 0.1rem;
}

.account-switch .current-account-info .current-account-actions {
    text-align: center;
    margin-top: 0.2rem;
}

.account-switch .current-account-info .current-account-actions .action {
    margin: 0.1rem 0;
}

.account-switch .current-account-info .current-account-actions .action .btn {
    color: var(--umu-color-text, #2d2e30);
}

.account-switch .current-account-info .current-account-actions .to-profile :hover {
    background-color: #f4f9fc;
}

.account-switch .current-account-info .current-account-actions .to-profile .btn {
    min-width: 1.5rem;
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.1rem;
    text-align: center;
    border-radius: 17px;
    border: 1px solid rgba(208, 208, 209, 1);
    line-height: 0.34rem;
}

.account-switch .current-account-info .current-account-actions .to-logout {
    height: 0.4rem;
    line-height: 0.4rem;
    margin-left: -0.3rem;
    margin-right: -0.3rem;
    margin-top: 0.1rem;
}

.account-switch .current-account-info .current-account-actions .to-logout a.btn {
    color: rgba(117, 117, 117, 1);
}

.account-switch .current-account-info .current-account-actions .to-logout:hover {
    background-color: #f4f9fc;
}

.account-switch .account-list-operator {
    margin: 0 0.3rem 0.15rem;
    padding-top: 0.15rem;
    border-top: 1px solid #e8e8e8;
    line-height: 0.24rem;
    text-align: center;
}

.account-switch .account-list-operator .ccount-list-operator-container {
    height: 0.4rem;
    margin-left: -0.3rem;
    margin-right: -0.3rem;
    line-height: 0.4rem;
}

.account-switch .account-list-operator:hover .ccount-list-operator-container {
    background-color: #f4f9fc;
}

.account-switch .account-list-operator .action {
    color: var(--umu-color-text, #2d2e30);
}

.account-switch .account-list-operator .action .icon {
    width: 0.12rem;
    height: 0.12rem;
    line-height: 0.12rem;
    font-size: 0.2rem;
    background: none;
}

.account-switch .account-list {
    margin: 0 0.3rem 0.15rem;
    padding-top: 0.2rem;
    border-top: 1px solid #e8e8e8;
}

.account-switch .account-list-header {
    overflow: hidden;
}

.account-switch .account-list-header .header-action {
    float: right;
    color: #1e6ee6;
}

.account-switch .account-list-header .header-action .icon {
    width: 0.12rem;
    height: 0.12rem;
    line-height: 0.12rem;
    font-size: 0.2rem;
}

.account-switch .account-list-body {
    margin-top: 0.1rem;
}

.account-switch .account-list-body .account-item {
    margin: 0 -0.3rem;
    padding: 0.15rem 0.3rem;
    cursor: pointer;
}

.account-switch .account-list-body .account-item:hover {
    background: #f4f9fc;
}

.account-switch .account-list-body .account-item-wrap {
    position: relative;
    padding-left: 0.64rem;
    height: 0.54rem;
}

.account-switch .account-list-body .account-item-delete {
    float: right;
    margin-left: 0.1rem;
    line-height: 0.64rem;
    cursor: pointer;
    display: none;
    opacity: 0.5;
}

.account-switch .account-list-body .account-item-delete::before {
    content: "\00D7";
    color: #fff;
    font-size: 0.18rem;
    background: #a1a2a3;
    overflow: hidden;
    padding: 0.03rem;
    border-radius: 50px;
    display: inline-block;
    vertical-align: 0;
    width: 0.12rem;
    height: 0.12rem;
    line-height: 0.12rem;
    text-align: center;
}

.account-switch .account-list-body .account-item:hover .account-item-delete {
    display: block;
}

.account-switch .account-list-body .account-item:hover .account-item-delete:hover {
    font-weight: 700;
    opacity: 1;
}

.account-switch .account-list-body .account-item-avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.account-switch .account-list-body .account-item-info {
    line-height: 1.2;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.account-switch .account-list-body .account-item-info-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.account-switch .account-list-body .account-item-info-display-account {
    color: #8a8b8c;
    line-height: 1.5;
}

.account-switch .account-list-body .account-item-info-enterprise-name {
    color: #8a8b8c;
    line-height: 1.5;
}

.account-switch .account-list-footer {
    margin-top: 0.1rem;
}

.account-switch .account-list-footer .footer-action {
    text-align: center;
}

.account-switch .account-list-footer .footer-action:hover {
    margin: 0 -0.3rem;
    background: #f4f9fc;
}

.account-switch .account-list-footer .footer-action .btn {
    line-height: 0.36rem;
    color: rgba(117, 117, 117, 1);
}

.account-list-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0.15rem 0;
}

.account-list-dialog .account-list {
    height: 5rem;
    overflow: auto;
}

.account-list-dialog .account-item {
    padding: 0.16rem 0.32rem;
    cursor: pointer;
}

.account-list-dialog .account-item:hover {
    background: #f4f9fc;
}

.account-list-dialog .account-item-wrap {
    position: relative;
    padding-left: 0.85rem;
    height: 0.7rem;
}

.account-list-dialog .account-item-actions {
    line-height: 0.7rem;
    float: right;
    display: none;
}

.account-list-dialog .account-item-actions .btn {
    margin-left: 0.1rem;
}

.account-list-dialog .account-item-actions .btn.btn-optional {
    background: var(--umu-color-bg-base, #fff);
}

.account-list-dialog .account-item:hover .account-item-actions {
    display: block;
}

.account-list-dialog .account-item-info {
    line-height: 1.4;
    padding-right: 0.2rem;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.account-list-dialog .account-item-info-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.account-list-dialog .account-item-info-name {
    font-size: 0.16rem;
}

.account-list-dialog .account-item-info-display-account {
    font-size: 0.14rem;
    color: #5c5d5e;
    line-height: 1.5;
}

.account-list-dialog .account-item-info-enterprise-name {
    font-size: 0.14rem;
    color: #5c5d5e;
    line-height: 1.5;
}

.account-list-dialog .account-item.selected {
    cursor: default;
}

.account-list-dialog .account-item .is-current-account {
    float: right;
    line-height: 0.7rem;
}

.account-list-dialog .account-item .is-selected {
    float: right;
    line-height: 0.7rem;
}

.account-list-dialog .account-item .is-selected::before {
    content: "";
    display: inline-block;
    width: 0.15rem;
    height: 0.08rem;
    border: 3px solid #3faa34;
    border-top-width: 0;
    border-right-width: 0;
    transform: rotate(-40deg);
}

.account-list.is-switching .account-item {
    cursor: progress;
}
.fixed {
    position: fixed !important;
    width: 100%;
    z-index: 1100;

}
@media print {
    .fixed {
        position: block !important;
    }
}
.fixed-over.as-layout {
    overflow-y: auto;
}

.bind-tips-remind {
    position: fixed;
    top: 0.56rem;
    left: 0;
    width: 100%;
    background: var(--umu-color-primary, #ffbd2b);
    height: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    color: #fff;
    /* z-index: 2001; */
    /* 网站导航菜单为2000,原来的2001 会导致二级菜单被遮挡，所以这个横条不能高于菜单 */
    z-index: 1999;
}

.bind-tips-remind a {
    color: #ffffff;
}

.bind-tips-remind a:hover {
    text-decoration: underline;
}

.bind-tips-remind .close {
    position: absolute;
    right: 0.2rem;
    top: 0.05rem;
    background-position: -0.3rem -0.4rem;
    height: 0.2rem;
}

.bind-tips-remind .close .icon-close-white {
    vertical-align: top;
}
.bind-tips-remind.edu-user {
    height: auto;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.bind-tips-remind.edu-user p {
    min-width: 0;
    margin-right: 0.5rem;
    text-align: left;
    white-space: normal;
    word-break: break-word;
}
.bind-tips-remind.edu-user .close {
    top: 0;
    position: relative;
}

@charset "UTF-8";
/*查看富文本的css*/
.rich-text-wrapper .simditor {
  border: none;
}

.rich-text-wrapper .simditor .simditor-body {
  padding: 0rem;
  min-height: 0.3rem;
}
.rich-text-wrapper .simditor .simditor-body mark {
  display: inline-block;
}

.rich-text-wrapper .simditor .simditor-body p {
  margin: 0;
  min-height: 0.2rem;
  line-height: 1.4;
  white-space: pre-wrap;
}

.rich-text-wrapper .simditor .simditor-body img {
  max-width: 100%;
  cursor: default;
}

.rich-text-wrapper .simditor .simditor-body em {
  font-style: italic;
}

.rich-text-wrapper .simditor .simditor-body p:first-child {
  margin-top: 0;
}

.rich-text-wrapper .simditor .simditor-body p:last-child {
  margin-bottom: 0;
}

.rich-text-wrapper .simditor .simditor-body .copied-content a {
  color: inherit;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table {
  width: 100%;
  margin: 0.16rem 0;
  border-collapse: collapse;
  display: table;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table td,
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table th {
  padding: 0.05rem 0.1rem;
  border: 1px solid #ddd;
  vertical-align: top;
  text-align: center;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table caption {
  border: 1px dashed #ddd;
  border-bottom: 0;
  padding: 0.03rem;
  text-align: center;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table th {
  border-top: 1px solid #bbb;
  background-color: #f7f7f7;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table table tr.firstRow th {
  border-top-width: 2px;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table .ue-table-interlace-color-single {
  background-color: #fcfcfc;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table .ue-table-interlace-color-double {
  background-color: #f7faff;
}
.rich-text-wrapper .simditor .simditor-body .umu-rich-text__table td p {
  margin: 0;
  padding: 0;
}
.rich-text-wrapper .simditor .simditor-body video {
  width: 100%;
  height: auto;
  max-height: 4.8rem;
}
.rich-text-wrapper .simditor .simditor-body iframe {
  width: 100%;
  min-height: 4.5rem;
  border: 0 none;
}
.rich-text-wrapper .simditor .simditor-body iframe.iframe-video {
  background-color: var(--umu-color-text, #000);
}
.rich-text-wrapper .simditor .simditor-body s {
  display: inline-flex;
}
.rich-text-wrapper .simditor .simditor-body ul {
  list-style: disc;
}
.rich-text-wrapper .simditor .simditor-body ul ul {
  list-style-type: circle;
}
.rich-text-wrapper .simditor .simditor-body ul ul ul {
  list-style-type: square;
}
.rich-text-wrapper .simditor .simditor-body ul ul ul ul {
  list-style: disc;
}
.rich-text-wrapper .simditor .simditor-body ul ul ul ul ul {
  list-style-type: circle;
}
.rich-text-wrapper .simditor .simditor-body ul ul ul ul ul ul {
  list-style-type: square;
}
.rich-text-wrapper .simditor .simditor-body ol {
  list-style: decimal;
}
.rich-text-wrapper .simditor .simditor-body ol ol {
  list-style: lower-alpha;
}
.rich-text-wrapper .simditor .simditor-body ol ol ol {
  list-style: lower-roman;
}
.rich-text-wrapper .simditor .simditor-body ol ol ol ol {
  list-style: decimal;
}
.rich-text-wrapper .simditor .simditor-body ol ol ol ol ol {
  list-style: lower-alpha;
}
.rich-text-wrapper .simditor .simditor-body ol ol ol ol ol ol {
  list-style: lower-roman;
}

.rich-text-wrapper .simditor .simditor-body ol,
.rich-text-wrapper .simditor .simditor-body ul {
  margin: 0;
  padding: 0;
  display: block;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}

/*编辑富文本tips的css*/
.simditor {
  position: relative;
}

.simditor .simditor-tips {
  display: none;
  position: absolute;
  right: 0.05rem;
  top: -0.31rem;
  height: 0.24rem;
  font-size: 0.12rem;
  color: var(--umu-color-text-tertiary, #999);
  min-width: 0.8rem;
  text-align: center;
  line-height: 0.24rem;
}

.single-mode .simditor .simditor-tips {
  position: absolute;
  /*top: 41px;*/
  top: 100%;
  right: 0;
  z-index: 6;
  text-align: right;
}

.single-mode.input-box-rich {
  margin-bottom: 0.4rem;
}

.multi-textarea .edui-gray .edui-editor {
  border: none;
}
.multi-textarea .textarea-type {
    height: 0.38rem;
    border-bottom: 1px solid #efefef;
    font-size: 0.14rem;
    line-height: 0.38rem;
}

.multi-textarea .simditor {
    border: none;
    width: 100%;
}

.multi-textarea .textarea-type-item {
    display: inline-block;
    height: 0.2rem;
    text-align: center;
    line-height: 0.2rem;
    vertical-align: middle;
    cursor: pointer;
    padding: 0 0.2rem 0 0.2rem;
}

.multi-textarea .textarea-type-item:first-child {
    border-right: 1px solid #e9ebec;
}

.multi-textarea .textarea-type .active {
    color: #1e6ee6;
}

.multi-textarea .textarea-content .active {
    display: block;
}


.feedback .input-box textarea.input-text {
    height: 1.04rem;
    margin: 0.15rem 0 0.2rem;
    line-height: 0.26rem;
}

.feedback .feedback-desc {
    line-height: 1.5;
}

.feedback .option {
    overflow: hidden;
    zoom: 1;
    font-size: 0.14rem;
    margin-top: 0.2rem;
}

.feedback .option .chkBox {
    border-color: var(--umu-color-primary, #ffbd2b);
    width: 0.14rem;
    height: 0.14rem;
}

.feedback .call {
    line-height: 0.3rem;
}

.feedback .option .chkBox.checked {
    background-position: -0.92rem -2.77rem;
}

.feedback .operate .btn-primary {
    background: var(--umu-color-primary, #fab400);
    border: 1px solid var(--umu-color-primary, #fab400);
}

.feedback .operate .feedback-tips {
    float: left;
    margin: 0 0 0 0.3rem;
    line-height: 1.6;
    text-align: left;
}

.skillTips {
  position: relative;
}
.skillTips .btn_skill {
  width: auto;
  height: 0.36rem;
  padding: 0.08rem 0.12rem 0.08rem 0.08rem;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0rem 0.02rem 0.12rem rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  float: right;
}
.skillTips .btn_skill .btn-text {
  font-weight: 600;
  font-size: 0.14rem;
  line-height: 0.2rem;
  text-align: center;
  color: #ffffff;
  margin-left: 0.04rem;
  text-decoration: none;
  text-shadow: none;
}
.skillTips .tooltip {
  width: 2.72rem;
  padding: 0.12rem;
  display: flex;
  background: var(--umu-color-bg-base, #fff);
  border: 1px solid var(--umu-color-primary, #fab400);
  border-radius: 4px;
}
.skillTips .tooltip .desc {
  flex: 1;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
}
.skillTips .tooltip .icon {
  color: var(--umu-color-text-secondary, #666666);
  width: 0.14rem;
  height: 0.14rem;
  font-size: 0.14rem;
  margin-left: 0.16rem;
  cursor: pointer;
}
.skillTips .tooltip .arrow {
  width: 0.22rem;
  height: 0.22rem;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
  box-sizing: border-box;
  pointer-events: none;
  position: absolute;
  bottom: -0.22rem;
  right: 0.28rem;
}
.skillTips .tooltip .arrow .arrow-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 0.11313708500000001rem;
  height: 0.11313708500000001rem;
  margin: auto;
  border: 1px solid var(--umu-color-primary, #fab400);
  transform: translateY(-0.11rem) rotate(-135deg);
  background: var(--umu-color-bg-base, #fff);
}

.btn_fixed {
    position: fixed;
    bottom: 0.4rem;
    right: 0.2rem;
    /*margin-right: -580px;*/
    z-index: 999;
}

body.locale-fr .btn_fixed {
    bottom: 0.14rem;
}

.btn_fixed a {
    display: block;
    color: #fff;
    padding: 0.12rem 0.02rem;
    text-shadow: 0 1px 0 rgba(4, 4, 4, 0.2);
    text-align: center;
    margin-top: 0.1rem;
    border-radius: 2px;
}

.btn_fixed .goTop {
    background: rgba(117, 117, 117, 0.4);
}

.btn_fixed .btn_FB {
    background: rgba(117, 117, 117, 1);
    white-space: nowrap;
}

.btn_fixed a:hover {
    text-decoration: none;
}

.btn_fixed .icon_top {
    display: block;
    width: 0.27rem;
    height: 0.25rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat right -2.28rem;
    margin: 0 auto 0.08rem;
    background-size: 2.65rem auto;
}

.loading-spinner {
    padding: 2rem;
    margin: 0 auto;
    text-align: center;
}

.web-umu-loading2{
    display: block;
    width: 1rem;
    height: 0.25rem;
    margin: auto;
    background: url(/twww/cn/images/loading-sprite.33282f1c..png) no-repeat;
    -webkit-background-size: 100px auto;
    background-size: 1rem auto;
    -webkit-animation: web-page-loading-frame 3s steps(30) infinite;
    animation: web-page-loading-frame 3s steps(30) infinite;
}

@-webkit-keyframes web-page-loading-frame {
    from {
        background-position-y: 0;
    }
    to {
        background-position-y: -7.5rem;
    }
}

@keyframes web-page-loading-frame {
    from {
        background-position-y: 0;
    }
    to {
        background-position-y: -7.5rem;
    }
}

#footer .nav .site-lang-switch .lang-select .select-box .select-list {
  height: 0rem;
  min-width: 1.8rem;
  border: none;
  border-radius: 4px;
  box-shadow: none;
}
#footer .nav .site-lang-switch .lang-select .select-box .select-list .select-list-wrap {
  min-width: 1.8rem;
  position: absolute;
  bottom: 0.38rem;
  box-shadow: 0 0.03rem 0.06rem -0.04rem rgba(0, 0, 0, 0.12), 0 0.06rem 0.16rem 0 rgba(0, 0, 0, 0.08), 0 0.09rem 0.28rem 0.08rem rgba(0, 0, 0, 0.05);
}
#footer .nav .site-lang-switch .lang-select .select-box .select-list .select-list-item {
  padding: 0.08rem 0.12rem;
  background: var(--umu-color-bg-base, #fff);
  font-size: 0.14rem;
  height: 0.2rem;
  line-height: 0.2rem;
}
#footer .nav .site-lang-switch .lang-select .select-box .select-list {
  height: 0rem;
  min-width: 1.8rem;
  border: none;
  border-radius: 4px;
  box-shadow: none;
}
#footer .nav .site-lang-switch .lang-select .select-box .select-list .select-list-wrap {
  min-width: 1.8rem;
  position: absolute;
  bottom: 0.38rem;
  box-shadow: 0 0.03rem 0.06rem -0.04rem rgba(0, 0, 0, 0.12), 0 0.06rem 0.16rem 0 rgba(0, 0, 0, 0.08), 0 0.09rem 0.28rem 0.08rem rgba(0, 0, 0, 0.05);
}
#footer .nav .site-lang-switch .lang-select .select-box .select-list .select-list-item {
  padding: 0.08rem 0.12rem;
  background: var(--umu-color-bg-base, #fff);
  font-size: 0.14rem;
  height: 0.2rem;
  line-height: 0.2rem;
}
.content-preview-card {
    overflow: hidden;
}

.content-preview-card .content-preview-card-url {
    margin-top: 0.05rem;
}

.content-preview-card .content-preview-card-url-label .url-label-tip {
    color: #D50000;
    margin-bottom: 0.1rem;
}
.content-preview-card .content-preview-card-url-label .url-label-title {
    margin-bottom: 0.1rem;
}
.content-preview-card .content-preview-card-url-label .url-label-desc {
    margin-bottom: 0.1rem;
}

.content-preview-card .content-preview-card-session-type .session-type-icon {
    font-size: 0.2rem;
    height: 0.2rem;
    width: 0.2rem;
    margin-right: 0.05rem;
}

.content-preview-card .content-preview-card-session-type .session-type-icon .icon-course-type {
    width: 0.23rem;
    height: 0.23rem;
    font-size: 0.23rem;
    display: inline-block;
    vertical-align: -0.02rem;
}
.content-preview-card-course-info .course-title {
    margin-top: 0.05rem;
}

.content-preview-card-removed {
    color: #D50000;
}
/*.tool-dropdown-menu-wrap {
    position: relative;
}
*/
.tool-dropdown-menu {
    position: absolute;
    padding: 0.1rem 0;
    box-shadow: 0 0.02rem 0.1rem 0 rgba(0, 0, 0, 0.2);
    background: var(--umu-color-bg-base, #fff);
    z-index: 50;
    display: none;
    min-width: 1.8rem;
}

.tool-dropdown-menu .item {
    /*max-width: 240px;*/
    white-space: nowrap;
    text-align: left;
    cursor: pointer;
}

/*body.locale-ru .tool-dropdown-menu .item,
body.locale-id .tool-dropdown-menu .item,
body.locale-de .tool-dropdown-menu .item,
body.locale-it .tool-dropdown-menu .item,
body.locale-vi .tool-dropdown-menu .item,
body.locale-pt .tool-dropdown-menu .item {
    max-width: 300px;
}
*/

.tool-dropdown-menu .item .item-link {
    display: inline-flex;
    align-items: center;
    font-size: 0.14rem;
    color: var(--umu-color-text-secondary, #666);
    padding: 0 0.3rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: left;
}

.tool-dropdown-menu .item .item-link .iconfont {
    margin-right: 0.1rem;
}
.tool-dropdown-menu .item:hover {
    background: #fafafa;
}

.tool-dropdown-menu .item:hover .item-link {
    color: #1e6ee6;
}

.tool-dropdown-menu .item.gray:hover .item-link {
    color: inherit;
}

.tool-dropdown-menu .item.gray {
    opacity: 0.4;
}

.tool-dropdown-menu .item.gray:hover .iconfont.dropdown-iconfont {
    color: inherit;
}

.tool-dropdown-menu .item:hover .iconfont.dropdown-iconfont {
    color: #1e6ee6;
}

.tool-dropdown-menu .item .title {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.tool-dropdown-menu .item .icon {
    margin-right: 0.1rem;
}

.released-course-pre-share-dialog .pre-share-dialog-body p{margin-bottom: 0.1rem;}



/*==用户头像==*/
/**
 * img 只设置宽度，不可设置高度，要注意清除底部3px空白
 *     loaded 类通过通用的 img-load 在图片加载成功后设置，其将为 img 添加 htight:100%; 样式
 */

/*
  摘抄微课
*/
.deer-avatar {
    background: var(--umu-color-fill-secondary, #eee);
}

.deer-avatar .avatar-word-wrap .avatar-word {
    font-size: 0.24rem;
    color: #fff;
    height: 100%;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    /*line-height: 38px;*/
}

.deer-avatar img {
    background: var(--umu-color-primary, #ffbd2b) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN8SURBVHgB7ZyNcRoxEIWXVEAJ5woSV5BzBXEJ7iBOBaYD4wpIKnBSAaQCSAVHKiAdvGgtMQiZ/9u9E5K+GY0HecC+5e3t6klAVCgUCoVCoVAoFApZA2BoxoMZlTd3b8bKjMaMT1TYjwnQd1g4YEM3N8WGEUXGB4qLj+7n0A2m8n6/pMJ+nPKYxptDOFfYgxesB/e4DucKe+AC4QWrcnPjfepzwb2ngsUE49EFa+7NNW5u4s1xpX4uaR3gVdu5e/zVU2Tt5iovqCWAa1xgfF6Dx8MdwSsBZNy9LwxMyMSMxY75OeWGU9MTXzw2bculTCg3sL2yaEtFOQG7zpUir/TF7iLQlifKBWyMAmkeKXXwvk2RhAtRbzZXV27MiPRg14b7xiH1wICUga2UXTS8s8FgcEcd04UCR9QNdR/3Q1UFdqg+nzujxBl1hLYCR9Q9k77uh6JAtmk+l1e6diDfNJ/L9faHsGZB33B/WJEy4kUE/RSOfSxMQbklRTSKyJTigb3GZ1JENICwi/uK4oL3WmpSQiyFlVL3G9mlWlvXZWnGrUnnfxQrkK26ja8ayJiwqqncCshW3XfGAOTcnJpiA3IN8/TQBWKzyd6GBjGtUtDeZeaNpRFO6NdgN6PabkIx8axScJ76GtjtSQ4Yn/k7WwnuuRLEcSQEVkGHWLmLrkkAyKmwk1XKUY78kxw48fsN5FTYf8OP3WpooLhHATkVMv0aDticqPKDV5EykFNh61RuvRKBPfj42Yy/Zoy76PZhbw0rkqGXvZTegew+c/p7yyHYPv7bljiqctdA9qBSTDZcN0BWhczZqay+sa6NuWguJlL9JhdAtr2Wpz4htg/aXMILycFvRF6HNiHbWF+cylcNZKwun5OrcgopzPwkWbJM5SnkOWp7paJA5hfJM0EK52xOATrFhDnoYCejQGdiaKiQ3fOacgDyK5M1DTJKZY00ZuLdV5YEcmbrLurw7139WjgEsmZryJKCIyIptTFvuIubkQ4VBed0kgugQ6Mar9k67ZVcCjMujfmkmFblXJJL5SQVqNgTrqnMeHNsklQg49JM26a/STaADGTd6l28pFpE1vwgXb6kHkBpnzCkSjqFGdivRqlIh0XqCmQ003iRgwJr0qvGN5QD0LH7x/zaOaQw85tk+UP9fJS3HyD7pRe8hZqHueqDdmncuMDV4ev+BzlglBIoItiQAAAAAElFTkSuQmCC) no-repeat center;
    background-size: 100% 100%;
}
.deer-avatar img.loaded.has-src {
    background: transparent;
}

.deer-avatar.img,
.deer-avatar img {
    border-radius: 2px;
    overflow: hidden;
}

.deer-avatar.round.img,
.deer-avatar.round img {
    border-radius: 999px;
    overflow: hidden;
}

.deer-avatar img.loaded {
    height: 100%;
}

.img.deer-avatar.deer-avatar-1,
.avatar-list > div:nth-child(9n+1) .deer-avatar img {
    background-color: #FFC610;
}

.img.deer-avatar.deer-avatar-2,
.avatar-list > div:nth-child(9n+2) .deer-avatar img {
    background-color: #E94237;
}

.img.deer-avatar.deer-avatar-3,
.avatar-list > div:nth-child(9n+3) .deer-avatar img {
    background-color: #F993A9;
}

.img.deer-avatar.deer-avatar-4,
.avatar-list > div:nth-child(9n+4) .deer-avatar img {
    background-color: #00C4D3;
}

.img.deer-avatar.deer-avatar-5,
.avatar-list > div:nth-child(9n+5) .deer-avatar img {
    background-color: #0080FF;
}

.img.deer-avatar.deer-avatar-6,
.avatar-list > div:nth-child(9n+6) .deer-avatar img {
    background-color: #009EFF;
}

.img.deer-avatar.deer-avatar-7,
.avatar-list > div:nth-child(9n+7) .deer-avatar img {
    background-color: #6739B7;
}

.img.deer-avatar.deer-avatar-8,
.avatar-list > div:nth-child(9n+8) .deer-avatar img {
    background-color: #003FDD;
}

.img.deer-avatar.deer-avatar-9,
.avatar-list > div:nth-child(9n+9) .deer-avatar img {
    background-color: #00AD4E;
}

.file-uploader {
    position: relative;
}
.file-uploader .upload-button-wrap,
.file-uploader .upload-crop-button-wrap {
    position: relative;
    overflow: hidden;
    margin: 0.1rem 0;
}

.file-uploader .upload-prompt {
    position: absolute;
    z-index: 6;
    width: 2.46rem;
    top: 0.3rem;
    margin-top: 0.15rem;
    padding: 0.12rem 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 2px;
    box-shadow:
        0 0 0.4rem rgba(0, 0, 0, 0.06),
        0 0.01rem 0.12rem rgba(9, 2, 4, 0.15);
    font-size: 0.14rem;
    line-height: 1.5;
    color: var(--umu-color-text, #212121);
    text-align: left;
}

.file-uploader .upload-prompt::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -0.12rem;
    left: 0.3rem;
}

.file-uploader.disabled .upload-btn {
    cursor: default;
}

.file-uploader input {
    opacity: 0;
    font-size: 1rem;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
    font-size: 0;
}

.file-uploader .drag-drop-file-area {
    display: none;
    position: fixed;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.file-uploader .drag-drop-file-area .tip {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.24rem;
    color: var(--umu-color-text-secondary, #666);
    pointer-events: none;
}

.file-uploader .progress-spinner {
    height: 0.1rem;
    background-color: var(--umu-color-fill-secondary, #eee);
    box-shadow: inset 0.02rem 0.03rem 0.02rem #ddd;
    border-radius: 2px;
    margin: 0.1rem 0;
}

.file-uploader .progress-spinner .progress-bar {
    width: 0%;
    height: 0.1rem;
    background-color: #f5b324;
}

.upload-btn.btn-optional {
    margin-right: 0.15rem;
}

@keyframes anime-rotate {
    /* stylelint-disable-next-line rule-empty-line-before */
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ngdialog.ngdialog-theme-umu.progressDialog.ngdialog-closing .ngdialog-content {
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog.ngdialog-theme-umu.progressDialog .ngdialog-content {
    position: fixed;
    background: var(--umu-color-bg-base, #fff);
    inset: auto 32px 0 auto;
    margin-left: auto;
    width: 3.6rem;
    transform: none;
    animation: ngdialog-fadein 0.5s;
    overflow: hidden;
    box-shadow: 0 0 0.16rem 0 #00000014;
    border-radius: 8px 8px 0 0;
}

body.locale-fr .ngdialog.ngdialog-theme-umu.progressDialog .ngdialog-content,
body.locale-ru .ngdialog.ngdialog-theme-umu.progressDialog .ngdialog-content {
    width: 6.8rem;
}

.progressDialog .tools {
    position: absolute;
    top: 0;
    right: 0.15rem;
    height: 0.36rem;
}

/* .progressDialog .tools span.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(~images/drive_spirit.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    margin-right: 15px;
}

.progressDialog .tools span.icon {
    width: 20px;
    height: 20px;
    font-size: 0px;
    line-height: 0px;
}

.progressDialog span.iconMin {
    background-position: -3px -342px;
}

.progressDialog span.iconMax {
    background-position: -28px -341px;
}

.progressDialog span.iconClose {
    background-position: -3px -392px;
    margin-left: 10px;
} */

.progressDialog .progressHeader-title {
    font-size: 0.16rem;
    font-weight: 500;
    color: var(--umu-color-text, #222);
}

.progressDialog .tools .icon {
    margin-left: 0.03rem;
    color: var(--umu-color-text-secondary, #666);
    vertical-align: middle;
}

.progressDialog .tools .icon:hover {
    color: var(--umu-color-text, #222);
}

.progressDialog .tools .icon-arrow .umu-design-comp-icon {
    width: 0.24rem;
    height: 0.24rem;
}

.progressDialog .tools .icon-close .umu-design-comp-icon {
    width: 0.18rem;
    height: 0.18rem;
}

.progressDialog .tools .icon-up {
    transform: rotate(180deg);
}

.progressDialog .fileManageProgress {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.5rem;
}

.progressDialog .progressContent {
    max-height: 3.75rem !important;
    overflow-y: auto;
}

.progressDialog .progressContent .row-left {
    display: flex;
    align-items: center;
}

.progressDialog .progressContent .icon-file {
    position: relative;
    top: 0.03rem;
}

.progressDialog .progressContent .icon-wrap .icon-file-ppt {
    color: #fd7541;
}

.progressDialog .progressContent .icon-wrap .icon-file-excel {
    color: #21a564;
}

.progressDialog .progressContent .icon-wrap .icon-file-doc {
    color: #2196f3;
}

.progressDialog .progressContent .icon-wrap .icon-file-pdf {
    color: #ea4336;
}

.progressDialog .progressContent .icon-wrap .icon-file-mp4 {
    color: #dd4e40;
}

.progressDialog .progressContent .icon-wrap .iconFileType_txt {
    color: #ea4336;
    background-size: 0.22rem 0.2rem;
    background-position: left;
}

.progressDialog .progressContent .iconfont.icon-reupload {
    width: 0.2rem;
    height: 0.2rem;
    color: #1e6ee6;
    display: none;
    cursor: pointer;
}

/**/

.progressDialog .progressHeader {
    height: 0.54rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    line-height: 0.54rem;
    padding-left: 0.15rem;
    color: var(--umu-color-text, #222);
}

.progressDialog .file-name-wrap {
    position: relative;
    line-height: 0.2rem;
    height: 0.2rem;
}

.progressDialog .file-name-wrap .tooltip-root {
    position: absolute;
    top: 0;
}

.progressDialog .progressContent .fileName {
    display: inline-block;
    width: 1.85rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    margin-left: 0.1rem;
    color: var(--umu-color-text, #222);
    font-size: 0.14rem;
    line-height: 0.2rem;
    height: 0.2rem;
}

.progressDialog .progressContent .processBarOuter {
    display: inline-block;
    width: 0.74rem;
    height: 0.05rem;
    padding: 0.01rem;
    border: 1px solid #e6e5e5;
    margin: -0.03rem 0 0 0.05rem;
    vertical-align: middle;
}

.progressDialog .progressContent .processBarInner {
    display: block;
    height: 0.05rem;
}

.progressDialog .progressContent .processBarComplete {
    display: block;
    height: 100%;
    background-color: #1e6ee6;
}

.progressDialog .progressContent a {
    cursor: pointer;
}

.progressDialog .progressContent .errorTips {
    color: #f00;
}

.progressDialog .row {
    height: 0.52rem;
    line-height: 0.5rem;
    margin-top: -0.01rem;
    background-color: var(--umu-color-bg-base, #fff);
    border: none;
}

.progressDialog .col {
    display: inline-block;
    vertical-align: middle;
    height: 0.45rem;
}

.progressDialog .progressContent .col1 {
    flex: 0 0 2.2rem;
    text-align: left;
    padding-left: 0.12rem;
}

.progressDialog .progressContent .col2 {
    flex: 1;
    text-align: right;
}

.progressDialog .progressContent .col3 {
    flex: 2;
}

.progressDialog .progressContent .col4 {
    text-align: right;
    padding-right: 0.12rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.progressDialog .progressContent .col4 span {
    width: 100%;
    vertical-align: middle;
}

.progressDialog a {
    text-decoration: none;
}

/* 上传进度样式修正 */

.progressDialog .progressContent .row,
.progressDialog .progressContent .col {
    line-height: 0.5rem;
    height: 0.52rem;
}

.progressDialog .progressContent .row {
    display: flex;
    align-items: center;
}

.progressDialog .col4 {
    flex: 0 1 auto;
    position: relative;
    top: 0.02rem;
    max-width: 0.4rem;
    margin-left: 0.08rem;
}

.progressDialog .col4 .icon-subtract {
    color: #e0e0e0;
}

.progressDialog .col4 .icon-file-uploading {
    width: 0.2rem;
    height: 0.2rem;
    animation: anime-rotate 3s linear infinite;
}

.progressDialog .col4 .icon-fail {
    color: #dd4e40;
}

.progressDialog .col4 .icon-success {
    color: #21a564;
}

.progressDialog .col4 .icon-cancel {
    position: relative;
    top: -0.03rem;
    font-size: 0.12rem;
    color: #dd4e40;
}

.progressDialog .row:hover .iconfont.icon-success {
    display: none;
}

.progressDialog .row:hover .iconfont.icon-fail {
    display: none;
}

.progressDialog .row:hover .iconfont.icon-reupload {
    display: inline-flex;
}

.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row {
  padding: 0.08rem 0.16rem;
  box-sizing: border-box;
  margin-top: 0;
  display: flex;
  line-height: unset;
  align-items: center;
  justify-content: flex-start;
  padding-right: 0.07rem;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 {
  line-height: unset;
  height: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0rem;
  flex: none;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left {
  gap: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left .icon-wrap {
  width: auto;
  height: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left .icon-wrap .icon-file {
  top: 0;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left .icon-wrap .icon-file.icon-file-ppt {
  top: 0;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left .file-name-wrap {
  width: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col1 .row-left .file-name-wrap .fileName {
  width: 100%;
  padding-left: 0;
  margin-left: 0;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 0.64rem;
  line-height: unset;
  height: unset;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col2 .formated-size {
  font-size: 0.12rem;
  line-height: 0.16rem;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: 0rem;
  padding-right: 0;
  height: 0.36rem;
  line-height: unset;
  top: 0;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 .icon-success-span,
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 .icon-file-uploading-span {
  width: 0.36rem;
  height: 0.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 .errorTips.errorTips-ExclamationCircleFilled {
  width: 0.36rem;
  height: 0.36rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 .errorTips.errorTips-ExclamationCircleFilled .iconfont.icon-reupload {
  width: 0.2rem;
  height: 0.2rem;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row .col.col4 .errorTips.errorTips-ExclamationCircleFilled:hover {
  border-radius: 50%;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  overflow: hidden;
}
.progressDialog.ngdialog.ngdialog-no-overlay .ngdialog-content .progressContent .row:hover .iconfont.icon-success {
  display: inline-flex;
}
.videoProgressDialog .ngdialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000000;
    opacity: 0.6;
    animation: ngdialog-fadein 0.5s;
    -webkit-animation: ngdialog-fadein 0.5s;
}
.ngdialog.ngdialog-theme-umu.videoProgressDialog.ngdialog-closing .ngdialog-content-video {
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog.ngdialog-theme-umu.videoProgressDialog .ngdialog-content-video {
    background: var(--umu-color-bg-base, #fff);
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    width: 4.5rem;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    transform: translate(-50%, -50%);
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.videoProgressDialog .tools {
    position: absolute;
    top: 0rem;
    right: 0.15rem;
    height: 0.36rem;
}

.videoProgressDialog .tools span.icon {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/twww/cn/images/drive_spirit.f47dd9e9..png);
    background-repeat: no-repeat;
    width: 0.26rem;
    height: 0.26rem;
    margin-right: 0.15rem;
}

.videoProgressDialog .tools span.icon {
    width: 0.2rem;
    height: 0.2rem;
    font-size: 0rem;
    line-height: 0rem;
}

.videoProgressDialog span.iconMin {
    background-position: -0.03rem -3.42rem;
}

.videoProgressDialog span.iconMax {
    background-position: -0.28rem -3.41rem;
}

.videoProgressDialog span.iconClose {
    background-position: -0.03rem -3.92rem;
    margin-left: 0.1rem;
}

.videoProgressDialog .fileManageProgress {
    position: absolute;
    bottom: 0rem;
    right: 0rem;
    width: 5.5rem;
}

.videoProgressDialog .progressHeader {
    height: 0.36rem;
    background: #425866;
    line-height: 0.36rem;
    padding-left: 0.15rem;
    color: #ffffff;
}

.videoProgressDialog .videoProgressContent .upload-tip {
    margin: 0.24rem 0.24rem 0.16rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}
.videoProgressDialog .videoProgressContent .progress-container {
    margin-left: 0.24rem;
    margin-bottom: 0.16rem;
}
.videoProgressDialog .videoProgressContent .fileName {
    display: inline-block;
    width: 1.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    margin-left: 0.1rem;
}

.videoProgressDialog .videoProgressContent .processBarOuter {
    display: inline-block;
    width: 4.02rem;
    height: 0.12rem;
    border-radius: 2px;
    background: var(--umu-color-fill-secondary, #eee);
    vertical-align: middle;
    margin: 0;
    border: none;
}

.videoProgressDialog .videoProgressContent .processBarInner {
    display: block;
    height: 0.12rem;
}

.videoProgressDialog .videoProgressContent .processBarComplete {
    display: block;
    height: 100%;
    background-color: var(--umu-color-primary, #fab400);
}

.videoProgressDialog .videoProgressContent a {
    cursor: pointer;
}

.videoProgressDialog .videoProgressContent .errorTips {
    color: #ff0000;
}

.videoProgressDialog .row {
    height: 0.46rem;
    line-height: 0.44rem;
    border: 1px solid #e6e5e5;
    margin-top: -0.01rem;
    background-color: var(--umu-color-bg-base, #fff);
    border-right: 0;
}

.videoProgressDialog .row:hover {
    background: #f4f9fc;
}

.videoProgressDialog a {
    text-decoration: none;
}

/* 上传进度样式修正 */
.videoProgressDialog .videoProgressContent .row,
.videoProgressDialog .videoProgressContent .col {
    line-height: 0.48rem;
    height: 0.48rem;
}

.crop-image {
    position: relative;
}

/* */
.crop-image .preview-img {
    margin-bottom: 0.2rem;
    overflow: hidden;
}

.crop-image .preview-img img {
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.02rem;
}

/* */
.crop-image .crop-tools {
    position: absolute;
    right: 0;
    bottom: 0;
}

.crop-tools::selection {
    background: rgba(0, 0, 0, 0);
}

.crop-image .crop-tools .crop-tool-btn {
    width: 0.3rem;
    height: 0.3rem;
    cursor: pointer;
    background: no-repeat center;
    background-size: 140%;
    display: inline-block;
    vertical-align: top;
}

.crop-image .crop-tools .crop-tool-btn.crop-rotate {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAbFBMVEUAAADc3NzIyMhqamoVFRUNDQ3q6uqMjIz5+fm1tbVzc3P09PTu7u6goKCHh4dXV1fa2trX19fU1NTPz8+4uLivr6+YmJh3d3dLS0tFRUU3NzcrKyseHh7h4eHBwcG/v7+pqal/f39fX1////+gDjfvAAAAI3RSTlOZ6d+3np3yxPvWu/j0zcKy6efl49fTyb2uq6ikoe3b29C/tHsUhRkAAADPSURBVGje7dG5jsJAFETRst12ezcw7DBr/f8/TksWoSMohESd6EkvuEHBzMzMzMzezHX9A7W25wCtsiE5QimMFZP1/vcYoHLpeNN9HUpoXLdMVk1Wk+z3qkxRkREIxa4jqxYaYcvdfMSebCASx1uvITcl1A5kpq9MNT8gN5ED5CJ5gtyGK8idyT/cLV9ynP/fj9ieS9r5fyIvukiB2SejPjIw10cKVvrImdRHQi2PJE+J5PpNklIfSRxxxBFHHHl6pMXjZEsmmJmZmZnZK/gHKHZeh1Z1L6oAAAAASUVORK5CYII=);
}

.crop-image .crop-tools .crop-tool-btn.crop-zoom-in {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAbFBMVEUAAAAyMjLs7OweHh55eXn5+fny8vIVFRX7+/vv7+/a2trKysrFxcW4uLhwcHBGRkb9/f3i4uJZWVnm5uahoaGDg4MLCwvV1dWurq729va+vr6WlpaMjIxSUlLd3d3Q0NC8vLydnZ1hYWH///9eUzaeAAAAI3RSTlOAju6IqPrzhfzw39TRyKSU/eab6busg9zC9sy1sJnh18u5nuvg8EgAAAGLSURBVGje7dTHdoMwEIVhYXpvphrH5b7/O0YjGxOF7TjnJJlvg2HBbxWkhBBCCCGEEP+Eu6StD0x1XvTqPZw5wktwDNUbHH1Y4oI9EQ7YGbkb9TpNQ5Yl65hy3shjHNV8VqQvEhg31vUAacvtiTeZasO4r8z8DNZ+KgPT5YvM5n26YVVMuWP7BiOamedcFXHsKuNEkQ+uyAJtXhcDoAg5QHOYIim0sxXZtsPCFGnp+1D7SMn5rdAKD2Y9PM8bgU5fzMBorS5MEWgZ/YhhvO5pFye/KTKt73K1DnD0JaTTpQKQMkXocPT7/cLfOY/iHFphRbbnHlOkgJbsIi7tuihkivTBl798zrLne6/QUt6TfiqVpQPhO+tDs3eD0mpU20AYVwX+aTuYryCBqxiNMA5HGk1/z30YW5VvG5MoCCq8buLa4azcKnwTnCIaHGulaWFJXRWDvaK6j22e0sacN9wV4iz5JUnS0Qsftwerwk8qUvnJSq122Ct+o2z8lbc3qFI3SgghhBBCCPHHfQKzVT4zp1CwtgAAAABJRU5ErkJggg==);
}

.crop-image .crop-tools .crop-tool-btn.crop-zoom-out {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAY1BMVEUAAAAyMjLs7OweHh77+/v39/d5eXkUFBTJycm4uLigoKD9/f3i4uJxcXFcXFzz8/Px8fHv7+/m5ubc3Ny+vr5/f39ISEjV1dVTU1PY2NjExMStra2WlpaMjIzQ0NA/Pz/////uIBuPAAAAIHRSTlOAju6I/PiohdPIuv3lpZz08vDo4cyrldyZ3tDBtbDXkkgMyIUAAAFySURBVGje7dTZkoIwEIXhKET2fREXtN//KYduSlIo3h3mYqa/K4lV/oYsRimllFJKKfVPeGNY+0Q2jTKzk0Pr06KIA7ODWBJOhZ9NcKYPN3QjpVl5voaNpVmEjczzSNrBiOxCIoauB7G6dyOdlWoO3Fey5ufVfnqW0sVFWvk9aTi9zKWDnUGeSNK/D9850qAiI03az/Ejjx9AkZAmw5ftMIIiNZ+PjfEeeVZ83lpyPE6L4fXFAxShyZU/VCSW55JXHhgJtyIFEV1AEfv6w57DhyZIpI7Bl6PdGM+RV3FEk+zL+AkUyWjz3Xv8Gv3AgBSbt1QrGwJ709vnerAjNsAigezdsl81EjcR4KqQvbv1aIkVngG6kTjGPU8sjywJV4VtY+GXRULLQ5UekJU4oTfF3efJQSt5TSuhZyqCV0zXuPcUDnLfgCviMEaP5hLeTsH8eFxV8LSild+spGZXUrG5WcNX9m5IJc2NUkoppZRS6o/7ARFPNpozqPIyAAAAAElFTkSuQmCC);
}
.province-city-selector{}
.province-city-selector .province,
.province-city-selector .city{float: left;width: 48%;}
.province-city-selector .city{margin-left: 4%;}





.en-user-name-input{}
.en-user-name{float: left;width: 48%;}
.en-user-name:first-child{margin-right: 4%;}


.switchUrl .tip .tip-text{
    margin-left: 0.4rem;
    vertical-align: middle;
}
.switchUrl .icon_face{
    margin-left: 0;
    margin-top: 0.15rem;
    position: absolute;
}
.switchUrl .tip{
    display: table;
    height: 0.53rem;
}
.switchUrl .tip-wrapper{
    display: table-cell;
    vertical-align: middle;
}
.input-textarea-resizable .resize-wrap {
    position: relative;
}

.input-textarea-resizable .resize-textarea-helper {
    display: block;
    font-size: 0.14rem;
    word-break: break-word;
}

.input-textarea-resizable textarea.input-text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100% !important;
}

.copy-url {
    position: relative;
}


.copy-url .input-box {
    overflow: hidden;
}

.copy-url .url-text {
    font-size: 0.14rem;
    color: #757575;
}

.copy-url .url-copy-link {
    float: right;
    height: 0.38rem;
    line-height: 0.38rem;
    text-align: center;
    margin-left: 0.2rem;
    font-size: 0.14rem;
}
.copy-content {
    display: inline;
    line-height: 0.38rem;
    text-align: center;
    margin-left: 0.1rem;
    font-size: 0.14rem;
}


.pagination {
    text-align: right;
}
.pagination ul {
    font-size: 0;
}
.pagination li {
    display: inline-block;
    vertical-align: middle;
}
.pagination a {
    display: block;
    height: 100%;
    width: auto;
    text-align: center;
    padding: 0 0.05rem;
    font-size: 0.14rem;
}
.pagination a .icon {
    margin: 0 0.1rem;
}
.pagination .currentPage {
    color: var(--umu-color-text, #212121);
    text-decoration: none;
    cursor: default;
}
.pagination .countInfo {
    color: #757575;
}
.pagination .icon-arrow.left,
.pagination .icon-arrow.right {
    margin-bottom: 0;
}

.pagination-theme-1 .icon-arrow {
    width: 0.08rem;
    height: 0.08rem;
}
.pagination-theme-1 i.icon.icon-arrow.arrow1-after:after,
.pagination-theme-1 i.icon.icon-arrow.arrow1:after {
    border: 0 none;
    height: 0.15rem;
    width: 0.19rem;
    margin-top: -0.01rem;
}
.pagination-wrap {
    display: flex;
    justify-content: flex-end;
}

.with-white-block .pagination-bar.pagination-bar-change .page-item {
    background-color: var(--umu-color-bg-base, #fff);
    color: var(--umu-color-text, #222);
}


/* 头像 */
.signin-avatar.avatar {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    line-height: 0.4rem;
    position: relative;
}

.signin-avatar.avatar img {
    border-radius: 50%;
    /* width: 40px;
    height: 40px;*/
    width: 100%;
    height: 100%;
    position: relative;
    /*top: 5px;*/
}

.signin-avatar.avatar .avatar-word {
    position: absolute;
    font-size: 0.24rem;
    left: 0;
    top: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    text-align: center;
}

.signin-avatar.avatar img.default {
    /*! postcss-ignore-theme */
    background-color: var(--umu-color-primary, #ffbd2a);
    border-radius: 50%;
}

.signin-avatar.avatar .user-level-info-holder {
    position: absolute;
    bottom: -0.04rem;
    left: 50%;
    transform: translateX(-50%);
}

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

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

.signin-avatar.avatar .user-medal-info-holder.width-30 {
}

.tipIcon {
    width: 0.2rem;
    height: 0.2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI0SURBVHgBxVbLccIwEJUNw3B0OnAHSSoIqSB0EPsEnEgqwK4AuMDAxXQQUgFQQUIFQAc+8hkg72kEccAyYpKZ7Iz8We3T27V2V7ZEhkRR5KzX6/p+vy9ZluVC5aqpGLrP3W73Dv2wVqvNs9ax0pTdbtcFOMIoCQMB4QAj1JHZp4pOp/Ni2/aHKYH01LI8YohNnU++9Hq9Bm6B+J0ElUolTCqOkSgvggsLLDCmF2yC04hkJNwDhotHRwMMC4VCy/f9OGHv4bGhsY+RFPeHPcrzAkCQQfCK8FtJhQIHIJsDG6VgnFwuR/2jjER5NUtbnVlTrVZ95T3TuM4FcG+DeEh9v98fMcXT8Ij+htHbMCgLjbAOFAEdGWHxssq6iDWkHGnr8MvlUu5NHuAnnRHmSiBweD+ZcrAAnRvAkRjzqXh8sgdJAs/udCT8PBi66bFyRLeXjNKVNkK/4Tph5viJ6m5m2Lq85MV1MgfBIwm4J6vV6k189zOtMJKFMBQQhAeCzWYzMmg9sq5sGM6EmcQgGPABnbmF731ngJHdIb/dbicp2ZNKgkzz1POtgb3A2rKW7GKx2BJmwlT2VDtxTQA8ayQJKxIvYwPMFFVe4uCBdcmY3eKQgbKKEBZbRyz+TnhyHtv9sdJwlrAFNC8AZQSqgLPq60dTPT20AqFv36YSgiBIKs56hoqIRFd3AkVwlkjaHwl1xjwLM5mgUD3dj4SVhSQZjwJ0U3Zc1sYhOnaJOcY4eWL+q3wBNgT+Pkss84wAAAAASUVORK5CYII=) no-repeat center / 0.16rem;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.tipIcon.theme-warning {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAAD5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAH5mAEEHvXrAAAAHnRSTlMAJyDTypbn39mjYjkWB/Xy7NXAuY59dlVQQkAvGw/GSR3wAAAAaElEQVQY03XLRw6FMBAE0QHbZH6OhLr/MbFHGoEXvF2X1HJiqP2YhQCf456B6yC7B1G77y84B73tsYaiAG/hDZQl0IlaLhaqVUMLeoleafckd4f2GDxJCCRPkQ41/VE/qcg00pC5iTEbTjMNgBBBO1UAAAAASUVORK5CYII=) no-repeat center;
}

.tipIcon .inputTip {
    padding: 0.12rem;
    background: var(--umu-color-bg-base, #fff);
    position: absolute;
    top: 100%;
    right: -0.3rem;
    border-radius: 4px;
    min-width: 2.4rem;
    margin-top: 0.1rem;
    z-index: 1000;
    text-align: left;
    cursor: default;
    box-shadow: 0rem 0.02rem 0.12rem 0rem rgba(0, 0, 0, 0.12);
    color: var(--text-1, var(--umu-color-text, #222));
    font-feature-settings:
        'clig' off,
        'liga' off;
    font-size: 0.14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.2rem;
}

.tipIcon .inputTip strong,
.tipIcon .inputTip b {
    font-weight: bold;
}

.tipIcon .inputTip:after {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 0.34rem;
    top: -0.12rem;
    z-index: 2;
}

.tipIcon .more-info {
    float: none;
}

.tipIcon_TL .inputTip {
    top: 100%;
    right: auto;
    margin-top: 0.1rem;
    left: -0.3rem;
}

.tipIcon_TL .inputTip:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 0.34rem;
    border-color: transparent transparent #fff transparent;
}

.tipIcon_TC .inputTip {
    top: 100%;
    right: auto;
    margin-top: 0.1rem;
    /* left: -120px; */
    left: 50%;
    transform: translateX(-50%);
}

.tipIcon_TC .inputTip:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 50%;
    margin-left: -0.05rem;
    border-color: transparent transparent #fff transparent;
}

.tipIcon_TR .inputTip {
    top: 100%;
    margin-top: 0.1rem;
    right: -0.1rem;
}

.tipIcon_TR .inputTip:after {
    top: auto;
    top: -0.12rem;
    right: 0.14rem;
    border-color: transparent transparent #fff transparent;
}

.tipIcon_BL .inputTip {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    left: -0.3rem;
}

.tipIcon_BL .inputTip:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 0.34rem;
    border-color: #fff transparent transparent transparent;
}

.tipIcon_BC .inputTip {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    left: -1.2rem;
}

.tipIcon_BC .inputTip:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 50%;
    margin-left: -0.12rem;
    border-color: #fff transparent transparent transparent;
}

.tipIcon_BR .inputTip {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    right: -0.1rem;
}

.tipIcon_BR .inputTip:after {
    top: auto;
    bottom: -0.12rem;
    right: 0.14rem;
    border-color: #fff transparent transparent transparent;
}

.tipIcon_CL .inputTip {
    top: 0%;
    bottom: auto;
    right: -0.1rem;
    left: auto;
    transform: translate(100%, -50%);
}

.tipIcon_CL .inputTip:after {
    z-index: 2;
    left: -0.12rem;
    right: auto;
    top: calc(50%);
    transform: translateY(-50%);
    bottom: auto;
    border-color: transparent #fff transparent transparent;
}

.hover-tips {
    position: relative;
}
.hover-tips .tips-container {
    padding: 0.24rem 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    font-size: 0.14rem;
    line-height: 1.5;
    position: absolute;
    top: 100%;
    right: -0.3rem;
    border-radius: 2px;
    box-shadow: 0 0.04rem 0.12rem rgba(9, 2, 4, 0.15);
    min-width: 2.4rem;
    margin-top: 0.1rem;
    z-index: 1000;
    color: var(--umu-color-text, #212121);
    text-align: left;
    visibility: hidden;
}

.hover-tips .tips-container:after {
    content: '';
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 0.34rem;
    top: -0.12rem;
    z-index: 2;
}

.tips-arrow-TL .tips-container {
    top: 100%;
    right: auto;
    margin-top: 0.1rem;
    left: -0.3rem;
    visibility: visible;
}

.tips-arrow-TL .tips-container:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 0.34rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-TC .tips-container {
    top: 100%;
    right: auto;
    margin-top: 0.1rem;
    left: -1.2rem;
    visibility: visible;
}

.tips-arrow-TC .tips-container:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 50%;
    margin-left: -0.12rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-TR .tips-container {
    top: 100%;
    margin-top: 0.1rem;
    right: -0.1rem;
    visibility: visible;
}

.tips-arrow-TR .tips-container:after {
    top: auto;
    top: -0.12rem;
    right: 0.14rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-BL .tips-container {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    left: -0.3rem;
    visibility: visible;
}

.tips-arrow-BL .tips-container:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 0.34rem;
    border-color: #fff transparent transparent transparent;
}

.tips-arrow-BC .tips-container {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    left: -1.2rem;
    visibility: visible;
}

.tips-arrow-BC .tips-container:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 50%;
    margin-left: -0.12rem;
    border-color: #fff transparent transparent transparent;
}

.tips-arrow-BR .tips-container {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.1rem;
    right: -0.1rem;
    visibility: visible;
}

.tips-arrow-BR .tips-container:after {
    top: auto;
    bottom: -0.12rem;
    right: 0.14rem;
    border-color: #fff transparent transparent transparent;
}

.hover-tips {
    position: relative;
}
.hover-tips .tips-container {
    padding: 0.24rem 0.15rem;
    background: #fff;
    font-size: 0.14rem;
    line-height: 1.5;
    position: absolute;
    top: 100%;
    right: -0.3rem;
    border-radius: 2px;
    box-shadow: 0 0.04rem 0.12rem rgba(9, 2, 4, 0.15);
    min-width: 2.4rem;
    margin-top: 0.1rem;
    z-index: 1000;
    color: #212121;
    text-align: left;
    visibility: hidden;
}

.hover-tips .tips-container:after {
    content: "";
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    right: 0.34rem;
    top: -0.12rem;
    z-index: 2;
}


.tips-arrow-TL .tips-container {
    top: 100%;
    right: auto;
    margin-top: unset;
    left: -0.3rem;
    visibility: visible;
}

.tips-arrow-TL .tips-container:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 0.34rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-TC .tips-container {
    top: 100%;
    right: auto;
    margin-top: unset;
    left: -1.2rem;
    visibility: visible;
}

.tips-arrow-TC .tips-container:after {
    right: auto;
    top: auto;
    top: -0.12rem;
    left: 50%;
    margin-left: -0.12rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-TR .tips-container {
    top: 100%;
    margin-top: unset;
    right: -0.1rem;
    visibility: visible;
}

.tips-arrow-TR .tips-container:after {
    top: auto;
    top: -0.12rem;
    right: 0.14rem;
    border-color: transparent transparent #fff transparent;
}

.tips-arrow-BL .tips-container {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: unset;
    left: -0.3rem;
    visibility: visible;
}

.tips-arrow-BL .tips-container:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 0.34rem;
    border-color: #fff transparent transparent transparent;
}

.tips-arrow-BC .tips-container {
    top: auto;
    right: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: unset;
    left: -1.2rem;
    visibility: visible;
}

.tips-arrow-BC .tips-container:after {
    right: auto;
    top: auto;
    bottom: -0.12rem;
    left: 50%;
    margin-left: -0.12rem;
    border-color: #fff transparent transparent transparent;
}

.tips-arrow-BR .tips-container {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: unset;
    right: -0.1rem;
    visibility: visible;
}

.tips-arrow-BR .tips-container:after {
    top: auto;
    bottom: -0.12rem;
    right: 0.14rem;
    border-color: #fff transparent transparent transparent;
}
.countrySelect{}
.countrySelect .countryWrapper,
.countrySelect .cityWrapper,
.countrySelect .townWrapper{float: left;width: 32%;}
.countrySelect .cityWrapper,
.countrySelect .townWrapper{margin-left: 2%;}
.countrySelect .townWrapper .autocomplete{width: auto;}
.countrySelect .townWrapper .autocomplete li{width: auto;}

/* */
.countrySelect.multiple-line{}
.countrySelect.multiple-line .countryWrapper,
.countrySelect.multiple-line .cityWrapper{width: 49%;}
.countrySelect.multiple-line .townWrapper{clear: both;margin-top: 0.1rem;margin-left: 0;width: 100%;}
.course-time-edit {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
}
.course-time-edit .date {
  width: 1.02rem;
  text-align: right;
  margin-right: 0.24rem;
}
.course-time-edit .date .year-label {
  margin-right: 0.08rem;
}
.course-time-edit .course-time-picker {
  display: flex;
  align-items: center;
  width: 100%;
}
.course-time-edit .course-time-picker .line {
  width: 0.09rem;
  height: 0.01rem;
  margin: auto 0.12rem;
  background: #C4C4C4;
}
.course-time-edit .course-time-picker .select-box {
  width: 48%;
  min-width: 1.2rem;
  max-width: 1.8rem;
}


.select-box {
    position: relative;
    color: var(--umu-color-text, #212121);
}
.select-box * {
    -webkit-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
}

.select-box .arrow-down {
    position: absolute;
    top: 0.09rem;
    right: -0.06rem;
    z-index: 100;
}

.select-box .arrow-down:hover {
    cursor: pointer;
}

.select-box .arrow-down img {
    width: 0.16rem;
    height: 0.16rem;
}

.select-box .current {
    position: relative;
    display: block;
    height: 0.38rem;
    line-height: 0.38rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    padding: 0 0.2rem 0 0.09rem;
    font-size: 0.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: content-box;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-word;
    border-radius: 4px;
}
/* .select-box .current:after{content:"";position:absolute;right:4px;bottom:4px;border-style:solid;border-color:transparent;border-width:4px;border-right-color:#dfdfdf;border-bottom-color:#dfdfdf;width:0;height:0;} */

.select-box .current:after {
    content: '';
    position: absolute;
    right: 0.04rem;
    bottom: 0.04rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAARdJREFUWAntlU0OgjAQhanHcEfiDYALGePexIU38A7GuPA6XMGEleeo84glhfDTgVm+JtVCZ16/fGLIMg4aoAEaoAEaoAEaoAEaoIFkA2VZXoqi+Mq8e+9dcmNUiD70Iwd50dbicrdYMSiQw65yay/zVlXVUwuNevShHzn/PFmmDTWwxL5DtBx21EAHWPSFjDgvuje5VP+kY4c65151XZ/k20+dtLZvmKcGRoD2cG39EDK+XgWsgbaExbmrgVOgrWE3A89B53l+bprmIdDdHyzlWUfm3NhkOASPmZS9j8xDqLGARZYJMIImoLGVWcG2WW2i0ccYtCWsEWY/BtDhtbvl9d1P5RUN0AAN0AAN0AAN0AAN0AAM/AB7utEFYg8e8wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    border: 0 none;
}
.select-box.active .current:after {
    top: 50%;
    transform: rotate(180deg) translateY(50%);
}
.select-box.active .current {
    border-bottom: none;
    position: relative;
    z-index: 10;
    border-radius: 4px 4px 0 0;
}
.select-box.disabled .current {
    color: #757575;
}
.select-box .select-list,
.select-box .province-select,
.select-box .date-select {
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -0.01rem;
    z-index: 9;
    font-size: 0.12rem;
    display: none;
}
.select-box .select-list {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0.05rem;
}
.select-box.active .select-list,
.select-box.active .province-select,
.select-box.active .date-select {
    display: block;
    z-index: 13;
}
.select-box .select-list:before {
    content: '';
    display: block;
    margin: 0 0.1rem;
}
.select-box .select-list .select-list-wrap {
    padding: 0.05rem 0 0;
    max-height: 2rem;
    overflow: auto;
    position: relative;
}
.select-box .select-list .select-list-item {
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.3rem;
    font-size: 0.14rem;
}
.select-box .select-list .select-list-item:last-child {
    border-radius: 0 0 4px 4px;
}
.select-box .select-list .select-list-item .wrap-select-icon {
    width: 0.2rem;
    height: 0.2rem;
    display: inline-flex;
    margin-right: 0.1rem;
}
.select-box .select-list .select-list-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}
/*国家下拉框推荐项与正常项的分隔线*/
.countryWrapper.select-box .select-list .select-list-item:nth-child(5) {
    border-bottom: 1px dashed #d3d3d3;
}
.select-box .select-list .selected {
    background: var(--umu-color-bg-layout, #f5f5f5);
}
.select-box .select-list .disabled {
    background: transparent;
    color: #ccc;
}
.select-box .select-list .disabled:hover {
    background: transparent;
    cursor: unset;
}

.province-select .selected,
.date-select .selected {
    background: var(--umu-color-primary, #ffab00);
    color: #fff;
}

/* sub */
.select-box.sub .current {
    height: 0.24rem;
    line-height: 0.24rem;
    padding-left: 0.1rem;
}
.select-box.sub .select-list .select-list-item {
    height: 0.24rem;
    line-height: 0.24rem;
    padding-left: 0.1rem;
}

/* */
.select-box .province-select {
    min-width: 2.7rem;
    padding: 0.12rem 0.04rem 0.1rem;
}
.province-select ul,
.date-select ul {
    overflow: hidden;
}
.province-select li {
    float: left;
    width: 0.54rem;
    height: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.02rem;
    white-space: nowrap;
}
.province-select a {
    float: left;
    color: var(--umu-color-text, #212121);
    padding: 0 0.1rem;
}
.province-select a:hover {
    text-decoration: none;
}
.province-select .divider {
    height: 0;
    border-top: 1px dashed #d3d3d3;
    margin: 0.06rem 0.15rem;
}

/* */
.select-box .date-select {
    min-width: 2.48rem;
    padding: 0 0.15rem 0.1rem;
    font-size: 0.14rem;
}
.date-select .month {
    height: 0.44rem;
    line-height: 0.44rem;
    border-bottom: 1px dashed #d3d3d3;
    font-size: 0.16rem;
    text-align: center;
    position: relative;
}
.date-select .month .btn_pre,
.date-select .month .btn_nxt {
    position: absolute;
    top: 0;
    width: 0.3rem;
    height: 0.44rem;
}
.date-select .month .btn_pre {
    left: 0;
}
.date-select .month .btn_nxt {
    right: 0;
}
.date-select .week {
    margin: 0.08rem 0 0.06rem;
}
.date-select li {
    float: left;
    width: 10%;
    height: 0.24rem;
    margin-right: 5%;
    text-align: center;
    line-height: 0.24rem;
}
.date-select li:nth-child(7n) {
    margin-right: 0;
}
.date-select .day li {
    cursor: pointer;
    margin-bottom: 0.02rem;
    border-radius: 2px;
}
.date-select .disabled {
    visibility: hidden;
}

/* */
.time-selector {
}

.select-box .select-inner-input.input-text {
    position: absolute;
    top: 0.01rem;
    width: 60%;
    left: 0.86rem;
    border: none;
}
.select-box .select-inner-input.input-text:focus {
    border: none;
    box-shadow: none;
}

.select-box-v2 {
    position: absolute;
    color: var(--umu-color-text, #212121);
    width: 2rem;
    left: 0rem;
    top: 0.3rem;
}

.select-box-v2 .current {
    position: relative;
    display: block;
    height: 0.38rem;
    line-height: 0.38rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    padding: 0 0.2rem 0 0.09rem;
    font-size: 0.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    box-sizing: content-box;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    word-break: break-word;
}

/* .select-box-v2 .current:after{content:"";position:absolute;right:4px;bottom:4px;border-style:solid;border-color:transparent;border-width:4px;border-right-color:#dfdfdf;border-bottom-color:#dfdfdf;width:0;height:0;} */

.select-box-v2 .current:after {
    content: '';
    position: absolute;
    right: 0.04rem;
    bottom: 0.04rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAAXNSR0IArs4c6QAAARdJREFUWAntlU0OgjAQhanHcEfiDYALGePexIU38A7GuPA6XMGEleeo84glhfDTgVm+JtVCZ16/fGLIMg4aoAEaoAEaoAEaoAEaoIFkA2VZXoqi+Mq8e+9dcmNUiD70Iwd50dbicrdYMSiQw65yay/zVlXVUwuNevShHzn/PFmmDTWwxL5DtBx21EAHWPSFjDgvuje5VP+kY4c65151XZ/k20+dtLZvmKcGRoD2cG39EDK+XgWsgbaExbmrgVOgrWE3A89B53l+bprmIdDdHyzlWUfm3NhkOASPmZS9j8xDqLGARZYJMIImoLGVWcG2WW2i0ccYtCWsEWY/BtDhtbvl9d1P5RUN0AAN0AAN0AAN0AAN0AAM/AB7utEFYg8e8wAAAABJRU5ErkJggg==) no-repeat center;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    border: 0 none;
}

.select-box-v2.active .current:after {
    top: 46%;
    transform: rotate(180deg) translateY(25%);
}

.select-box-v2.active .current {
    border-bottom: none;
    padding-bottom: 0.01rem;
    position: relative;
    z-index: 10;
}

.select-box-v2.disabled .current {
    color: #757575;
}

.select-box-v2 .icon.icon-use-template.not-active {
    background-image: none;
}

.select-box-v2 .select-list,
.select-box-v2 .province-select,
.select-box-v2 .date-select {
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -0.01rem;
    z-index: 9;
    font-size: 0.12rem;
    display: none;
}

.select-box-v2 .select-list {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0.05rem;
}

.select-box-v2.active .select-list,
.select-box-v2.active .province-select,
.select-box-v2.active .date-select {
    display: block;
}

.select-box-v2 .select-list .select-list-wrap {
    padding: 0.05rem 0 0;
    max-height: 2rem;
    overflow: auto;
    position: relative;
}

.select-box-v2 .select-list .select-list-item {
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.16rem;
    font-size: 0.14rem;
}

.select-box-v2 .select-list .select-list-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

/*国家下拉框推荐项与正常项的分隔线*/
.countryWrapper.select-box-v2 .select-list .select-list-item:nth-child(5) {
    border-bottom: 1px dashed #d3d3d3;
}

.select-box-v2 .select-list .selected {
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.select-box-v2 .select-list .disabled {
    background: transparent;
    color: #ccc;
}

.select-box-v2 .select-list .disabled:hover {
    background: transparent;
    cursor: unset;
}

.province-select .selected,
.date-select .selected {
    background: var(--umu-color-primary, #ffab00);
    color: #fff;
}

/* sub */
.select-box-v2.sub .current {
    height: 0.24rem;
    line-height: 0.24rem;
    padding-left: 0.1rem;
}

.select-box-v2.sub .select-list .select-list-item {
    height: 0.24rem;
    line-height: 0.24rem;
    padding-left: 0.1rem;
}

/* */
.select-box-v2 .province-select {
    min-width: 2.7rem;
    padding: 0.12rem 0.04rem 0.1rem;
}

.province-select ul,
.date-select ul {
    overflow: hidden;
}

.province-select li {
    float: left;
    width: 0.54rem;
    height: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.02rem;
    white-space: nowrap;
}

.province-select a {
    float: left;
    color: var(--umu-color-text, #212121);
    padding: 0 0.1rem;
}

.province-select a:hover {
    text-decoration: none;
}

.province-select .divider {
    height: 0;
    border-top: 1px dashed #d3d3d3;
    margin: 0.06rem 0.15rem;
}

/* */
.select-box-v2 .date-select {
    min-width: 2.48rem;
    padding: 0 0.15rem 0.1rem;
    font-size: 0.14rem;
}

.date-select .month {
    height: 0.44rem;
    line-height: 0.44rem;
    border-bottom: 1px dashed #d3d3d3;
    font-size: 0.16rem;
    text-align: center;
    position: relative;
}

.date-select .month .btn_pre,
.date-select .month .btn_nxt {
    position: absolute;
    top: 0;
    width: 0.3rem;
    height: 0.44rem;
}

.date-select .month .btn_pre {
    left: 0;
}

.date-select .month .btn_nxt {
    right: 0;
}

.date-select .week {
    margin: 0.08rem 0 0.06rem;
}

.date-select li {
    float: left;
    width: 10%;
    height: 0.24rem;
    margin-right: 5%;
    text-align: center;
    line-height: 0.24rem;
}

.date-select li:nth-child(7n) {
    margin-right: 0;
}

.date-select .day li {
    cursor: pointer;
    margin-bottom: 0.02rem;
    border-radius: 2px;
}

.date-select .disabled {
    visibility: hidden;
}

/* */
.time-selector {
}

.select-box-v2 .select-inner-input.input-text {
    position: absolute;
    top: 0.01rem;
    width: 60%;
    left: 0.86rem;
    border: none;
}

.select-box-v2 .select-inner-input.input-text:focus {
    border: none;
    box-shadow: none;
}

.check-list-item .inline-wrapper {
    display: inline-block;
}

.checkbox-scroll-load-list-wrap .infinite-scroll-load-list {
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 0.06rem;
    max-height: calc(100vh - 3.1rem);
}

.checkbox-scroll-load-list-wrap .infinite-scroll-load-list.fix-height {
    height: 3rem;
}

.checkbox-scroll-load-list-wrap .loading-spinner {
    padding: 0.05rem 0;
}

.checkbox-scroll-load-list-wrap .dont-load-data {
    text-align: center;
    padding: 0.1rem 0;
    border-top: 1px dashed #d3d3d3;
}

.checkbox-scroll-load-list-wrap .group-data-blank {
    padding: 0.1rem 0;
    text-align: center;
}

.checkbox-scroll-load-list-wrap .check-list-item-show-desc {
    display: block;
    position: relative;
}

.checkable-select-box .select-list .checkbox-scroll-data-list .check-list-item {
    padding: 0.06rem 0.12rem;
    margin: 0;
}

.checkable-select-box .select-list .checkbox-scroll-data-list .check-list-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.checkable-select-box .select-list .checkbox-scroll-data-list .check-list-item .check-box .input {
    margin-left: 0.12rem;
}

.checkbox-scroll-load-list-wrap .check-list-item-desc {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #757575;
}

.checkbox-scroll-load-list-wrap .check-list-item-value {
    display: inline-block;
    margin-right: 1.5rem;
    width: 70%;
}

.checkbox-scroll-load-list-wrap .check-list-item-tag {
    display: inline-block;
    margin-right: 0.08rem;
    padding: 0.03rem 0.06rem;
    background: #1e6ee6;
    border-radius: 2px;
    color: #fff;
    font-size: 0.12rem;
    line-height: 0.14rem;
}

.answer-attchment {
}

.answer-attchment .answer-content-image-uploader {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.03rem;
    margin-right: 0.05rem;
}

.answer-attchment .answer-content-image-uploader .upload-btn {
    color: var(--umu-color-text-secondary, #666);
}

.answer-attchment .answer-content-image-uploader .upload-btn .iconfont.active {
    color: #1e6ee6;
}

.answer-attchment .answer-content-formula-editor {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
}


.umu-design-tootip{

}
.umu-design-tootip>div{
    display: inline-block;
}

.umu-switch-design > div {
  display: inline-block;
}
.answer-attchment-preview .img-select-loading {
    width: 1rem;
    height: 1.3rem;
}

.answer-attchment-preview .answer-image-preview .question-pic {
    margin: 0.15rem 0 0;
}

.answer-attchment-preview .answer-image-preview .btn-remove {
    top: 0;
}
.answer_editor {
    min-height: 1rem;
    border: 1px solid #e9ebec;
    overflow: hidden;
    background: var(--umu-color-bg-base, #fff);
}

.answer_editor.active {
    border: 1px solid #1e6ee6;
}

.answer_editor .bullet {
    width: 0.28rem;
    padding: 0.06rem 0;
    float: left;
    position: relative;
}

.answer_editor .bullet li {
    position: absolute;
    width: 100%;
    height: 0.24rem;
    overflow: hidden;
}

.answer_editor .bullet li:after {
    content: '';
    display: block;
    width: 0.06rem;
    height: 0.06rem;
    background: #dbddde;
    border-radius: 50%;
    margin: 0.09rem auto 0;
}

.answer_editor.active .bullet li:after {
    background: #5a5d5e;
}

.answer_editor .input-box {
    padding-left: 0.28rem;
}

.answer_editor .input-box .input-text {
    height: 1rem;
    min-height: 1rem;
    line-height: 0.24rem;
    border: 0;
    padding: 0.06rem 0.1rem 0.06rem 0;
    overflow: hidden;
}

.answer_editor .input-box .input-text:focus {
    box-shadow: none;
}

.rich-answer-wrap .answer-title {
    padding-right: 1.57rem;
}

.rich-answer-wrap .answer-title .input-box {
    padding-right: 0.5rem;
}

.question.disabled .rich-answer-wrap .answer-title .input-box .input-text,
.question.disabled .rich-answer-wrap .answer-header .answer-label {
    color: var(--umu-color-text, #000);
}

.question.disabled .rich-answer-wrap .answer-header.disabled .answer-title .input-box .resize-wrap .input-text,
.question.disabled .rich-answer-wrap .answer-header.disabled .answer-label {
    color: #777;
}

.rich-answer-wrap .answer-title .input-text {
    padding-left: 0.4rem;
    height: 0.22rem;
    overflow: hidden;
    line-height: 0.23rem;
    padding-right: 0.76rem;
}

.rich-answer-wrap .answer-header {
    position: relative;
}

.rich-answer-wrap .answer-label {
    position: absolute;
    z-index: 1;
    font-size: 0.2rem;
    line-height: 0.4rem;
    padding: 0rem 0.1rem;
    font-size: 0.14rem;
}

.rich-answer-wrap .answer-operations {
    width: 0.8rem;
    position: absolute;
    top: 0rem;
    right: 0rem;
    line-height: 0.4rem;
    display: flex;
    justify-content: space-between;
}

.rich-answer-wrap .answer-operations .btn-text {
    display: inline-block;
}

.rich-answer-wrap .answer-operations .btn-text:hover {
    text-decoration: none;
}

.rich-answer-wrap i.icon.icon-plus-grey,
.rich-answer-wrap i.icon.icon-minus,
.rich-answer-wrap i.icon.icon-minus-grey {
    margin: 0 0.04rem;
}

.rich-answer-wrap a.btn-text.disabled {
    cursor: default;
}

.rich-answer-wrap .progress-spinner {
    display: none;
}

.rich-answer-wrap .answer-attchment-wrap {
    position: absolute;
    top: -0.02rem;
    right: 0.9rem;
    margin-right: 0.05rem;
}

.rich-answers .rich-answer-wrap {
    margin-bottom: 0.2rem;
}

.rich-answers .rich-answer-wrap:last-child {
    margin-bottom: 0;
}
.global-phone-number-input.has-code-selector .phone-number-input .input-box {
  padding-right: 0rem;
}
.global-phone-number-input.has-code-selector .phone-number-input .input-box .input-text {
  padding-left: 0.8rem;
  box-sizing: border-box;
}
.global-phone-number-input.disabled .code-selector .current .country-code {
  color: #757575;
}
.global-phone-number-input .code-selector {
  margin-bottom: -0.4rem;
  width: 0.7rem;
  display: flex;
}
.global-phone-number-input .code-selector .select-box {
  flex: 1;
}
.global-phone-number-input .code-selector .select-box.active .current:before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.global-phone-number-input .code-selector .select-box .current {
  background: 0;
  border-color: transparent;
  padding: 0;
  z-index: 8;
  border: 0;
  height: 0.4rem;
  line-height: 0.4rem;
}
.global-phone-number-input .code-selector .select-box .current .country-code {
  width: 100%;
  height: 100%;
  color: var(--umu-color-text, #333);
  vertical-align: middle;
  padding: 0rem 0rem 0rem 0.12rem;
  box-sizing: border-box;
  text-align: left;
}
.global-phone-number-input .code-selector .select-box .current .country-code:before {
  content: "+";
}
.global-phone-number-input .code-selector .select-box .select-list {
  min-width: 2.4rem;
  padding: 0rem;
  margin-top: 0.04rem;
  border-radius: 4px;
}
.global-phone-number-input .code-selector .select-box .select-list::before {
  border: none;
  margin: 0rem;
}
.global-phone-number-input .code-selector .select-box .select-list .country-code-filter {
  padding: 0.04rem 0.03rem 0.03rem 0.03rem;
  box-sizing: border-box;
  border: 1px;
  width: 100%;
  position: relative;
}
.global-phone-number-input .code-selector .select-box .select-list .country-code-filter > .iconfont {
  font-size: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
  position: absolute;
  left: 0.15rem;
  top: 50%;
  transform: translateY(-50%);
}
.global-phone-number-input .code-selector .select-box .select-list .country-code-filter .filter-input {
  width: 100%;
  height: 0.36rem;
  padding: 0.08rem 0.12rem 0.08rem 0.42rem;
  border: 1px solid var(--umu-color-border, #e0e0e0);
  border-radius: 4px;
  box-sizing: border-box;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap {
  padding: 0rem;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option {
  color: var(--umu-color-text, #222);
  height: auto;
  padding: 0.08rem 0.1rem 0.08rem 0.11rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option.selected {
  background: var(--umu-color-bg-layout, #f5f5f5);
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option.selected > .iconfont {
  visibility: visible;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option > .iconfont {
  width: 0.2rem;
  height: 0.2rem;
  font-size: 0.2rem;
  color: var(--umu-color-text, #333333);
  visibility: hidden;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option .country-name {
  margin-left: 0.1rem;
  margin-right: 0.05rem;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.global-phone-number-input .code-selector .select-box .select-list .select-list-wrap .country-code-option .country-code {
  width: 0.42rem;
}
.global-phone-number-input .code-selector .select-box-splitter {
  width: 0.01rem;
  height: 0.32rem;
  margin: 0.04rem 0rem;
  box-sizing: border-box;
  background-color: #e0e0e0;
}
.global-phone-number-input .phone-number-input {
  height: 0.4rem;
}
.global-phone-number-input .phone-number-input .input-box {
  padding-right: 0rem;
  height: 100%;
}
.global-phone-number-input .phone-number-input .input-box .input-text {
  box-sizing: border-box;
  height: 100%;
}
.global-phone-number-input .phone-number-input .input-box .input-text:focus {
  box-shadow: none;
}
.global-phone-number-input .phone-number-input .input-box .input-text.input-invalid {
  border: 1px solid #dd4e40;
}
.phone-number-code-input {
}

body.locale-cn .phone-number-code-input .input-box {
    margin-right: 1.7rem;
}

body.locale-cn .phone-number-code-input .get-phone-number-code {
    width: 1.5rem;
}

.phone-number-code-input .btn {
    display: block;
    text-align: center;
}

.phone-number-code-input .input-box {
    margin-right: 2rem;
}

.phone-number-code-input .get-phone-number-code {
    width: 1.9rem;
    float: right;
}

/* */
.cooperation-avatar-list{padding-left: 0.2rem;}
.cooperation-avatar-list .img-avatar{float: right;margin-left: -0.2rem;border: 2px solid #FFF;}
.cooperation-avatar-list .img-avatar img{background: url(/twww/cn/images/avatar.14ffc171..png) no-repeat center;background-size: 100% 100%;}

.avatar-more-list {
    padding-left: 0.2rem;
}

.avatar-more-list .more-avatar {
    float: right;
    margin-left: 0.07rem;
}

.avatar-more-list .more-avatar-text {
    line-height: 0.32rem;
    width: 0.32rem;
    height: 0.32rem;
    font-size: 0.14rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: var(--umu-color-primary, #ffbd2b);
    border-radius: 50%;
    border: 1px solid #fff;
}

.avatar-more-list .signin-avatar.avatar .avatar-word {
    font-size: 0.22rem;
    line-height: 0.29rem;
}

.avatar-more-list .avatar-wrap {
    float: right;
    margin-right: -0.1rem;
}

.avatar-more-list .avatar-wrap:first-child {
    margin-right: 0;
}

.avatar-more-list .signin-avatar.avatar {
    border: 1px solid #fff;
}

/* 密码强度组件 */
.password-security {
}

.password-security .level {
    float: left;
    width: 0.18rem;
    height: 0.18rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 0.2rem;
}

.password-security.weak .level:first-child {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -9.03rem;
    border: none;
}

.password-security.normal .level:nth-child(1),
.password-security.normal .level:nth-child(2),.password-security.strong .level {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat -0.28rem -9.03rem;
    border: none;
}
.ajax-button-wrapper.btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ajax-button-wrapper.btn .ajax-sending {
  margin-left: 0.1rem;
  line-height: 0.01rem;
}
.ajax-button-wrapper.btn .ajax-sending svg {
  font-size: 0.14rem;
  color: #ffffff;
  animation: roll 1.5s linear infinite;
  overflow: visible;
}
.ajax-button-wrapper.btn.disabled-cls {
  background-color: rgb(247, 248, 250) !important;
  border-color: rgb(229, 230, 235) !important;
  color: rgb(204, 204, 204) !important;
  cursor: not-allowed;
}
.ajax-button-wrapper.btn.disabled-cls:hover {
  background-color: rgb(247, 248, 250) !important;
}

@keyframes roll {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.password-visible-toggle {
    position: absolute;
    margin-left: 100%;
}

.password-visible-toggle .visible-toggle {
    width: 0.2rem;
    height: 0.2rem;
    margin-left: -0.4rem;
    padding: 0.1rem;
    cursor: pointer;
    font-size: 0.2rem;
}
.password-visible-toggle-wrap {
  position: relative;
}
.password-visible-toggle-wrap > .toggle-switch {
  font-size: 0.2rem;
  color: var(--umu-color-text-tertiary, #999999);
  position: absolute;
  right: 0.1rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  -webkit-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.account-create-header-switch {
  float: right;
  margin-right: 0.28rem;
}
.account-create-header-switch .switch-item {
  float: left;
  margin: 0.1rem 0;
  color: #616161;
  font-size: 0.16rem;
  height: 0.4rem;
  line-height: 0.3rem;
}
.account-create-header-switch .switch-item .title {
  display: flex;
  align-items: center;
  height: 0.4rem;
  padding: 0rem;
  box-sizing: border-box;
  margin-left: 0.16rem;
}
.account-create-header-switch .switch-item .title a {
  min-width: 0.64rem;
  border-radius: 8px;
  font-size: 0.16rem;
}
.account-create-header-switch .switch-login .title span {
  padding: 0.09rem 0.12rem;
  font-size: 0.16rem;
  color: var(--umu-color-text, #222);
}
.account-create-header-switch .switch-login .title a.btn {
  margin-left: 0.16rem;
  padding: 0.08rem 0.12rem;
  line-height: 0.22rem;
  height: 0.22rem;
}
.account-create-header-switch .switch-wx {
  height: 0.4rem;
  background: var(--umu-color-bg-base, #fff);
}
.account-create-header-switch .switch-wx .title > a {
  padding: 0.09rem 0.16rem;
  border: 1px solid var(--umu-color-border, #e0e0e0);
  border-radius: 8px;
  display: flex;
  align-items: center;
  color: var(--umu-color-text, #161719);
}
.account-create-header-switch .switch-wx .title > a:hover {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.account-create-header-switch .switch-wx .title > a span {
  margin-left: 0.06rem;
  line-height: 0.2rem;
}

.system-cn .account-create-header-switch .switch-item {
  margin: 0.08rem 0;
}

:root iconfont{
    display: inline-flex;
}

.umu-design-comp-icon {
    width: 0.2rem;
    height: 0.2rem;
    color: currentColor;
}

.toggle-line-loading .loading-spinner {
    padding: 0;
}
.toggle-line {
    overflow: hidden;
    position: relative;
    transition: opacity 300ms ease;
}

.toggle-line.descDropDown {
    overflow: visible;
    max-height: none !important;
}

.toggle-line pre {
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
}

.toggle-line.theme-1 .arrow {
    background: #fff url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -9.52rem;
    position: absolute;
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.toggle-line.theme-1.descDropDown .arrow {
    background-position: -0.2rem -9.52rem;
}

.toggle-line.theme-2.can-toggle {
    padding-bottom: 0.3rem;
    min-width: 0.9rem;
}

.toggle-line.theme-2 .toggle-switch {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 0.2rem;
    color: #757575;
    display: none;
    cursor: pointer;
}
.toggle-line.theme-2.can-toggle .toggle-switch .icon-arrow-right {
    font-size: 0.2rem;
    width: 0.2rem;
    height: 0.2rem;
    font-weight: bold;
    color: #757575;
}
.toggle-line.theme-2.can-toggle .toggle-switch.open {
    display: block !important;
}
.toggle-line.theme-2.can-toggle .toggle-switch.open .icon-arrow-right {
    transform: rotate(90deg);
}
.toggle-line.theme-2.can-toggle .toggle-switch.close {
    display: none !important;
}
.toggle-line.theme-2.can-toggle .toggle-switch.close .icon-arrow-right {
    transform: rotate(-90deg);
}
.toggle-line.theme-2.descDropDown.can-toggle .toggle-switch.open {
    display: none !important;
}

.toggle-line.theme-2.descDropDown.can-toggle .toggle-switch.close {
    display: block !important;
}

.accordion {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

.accordion .accordion-header {
    padding: 0.15rem 0.1rem;
    position: relative;
}

.accordion .accordion-header .accordion-expander {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 0.1rem;
    top: 0.15rem;
}

.accordion .accordion-body {
    padding: 0.2rem;
}

.carousel-wrap {
    overflow: hidden;
    position: relative;
}

.carousel-wrap .carousel-slides {
    position: relative;
    white-space: nowrap;
    left: 0;
    height: 3.6rem;
    transition:
        left 0.5s ease,
        right 0.5s ease;
}

.carousel-wrap .carousel-item {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 3.6rem;
    text-align: center;
    vertical-align: middle;
}

.carousel-wrap .carousel-item .carousel-img-wrap {
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}

.carousel-wrap .carousel-item .carousel-img {
    display: inline-block;
    margin: 0 auto;
    /* max-height: 100%; */
    max-width: 100%;
    vertical-align: middle;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: flat;
    transform-style: flat;
}

.carousel-wrap .carousel-item a:avtive {
    color: #fff;
}

.carousel-wrap .carousel-title {
    height: 0.6rem;
    width: 100%;
    position: absolute;
    bottom: 0;
    line-height: 0.6rem;
    font-size: 0.26rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}

.carousel-wrap .carousel-title p {
    margin: 0 4.1rem 0 0.4rem;
    text-align: left;
}

.carousel-wrap .carousel-indicator {
    position: absolute;
    bottom: 0.14rem;
    width: 100%;
    text-align: right;
    margin: 0;
    padding-right: 0.5rem;
    box-sizing: border-box;
}

.carousel-wrap .indicator-item {
    display: inline-block;
    width: 0.08rem;
    height: 0.08rem;
    background-color: var(--umu-color-bg-base, #fff);
    margin: 0.02rem;
    border-radius: 50%;
    margin: 0.1rem 0.05rem;
    cursor: pointer;
}

.carousel-wrap .indicator-item:last-child {
    margin-right: 0;
}

.carousel-wrap .indicator-item.active {
    background-color: var(--umu-color-primary, #ffbd2b);
}

.carousel-switch .icon-prev,
.carousel-switch .icon-next {
    width: 0.3rem;
    height: 0.58rem;
    display: block;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
}

.carousel-switch .icon-prev {
    left: 0.25rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6BAMAAABVI/SxAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAMgktERYmHxq+LOddAAAAg0lEQVQoz6WTuw2AMAwFEb+ePyURE8AEsEHYAJQFMkJGpz4XjqKke7qTY1l2oT/H2M7M36viwyNWC2Ip8J6IA/Gq40lgm4O7C9mMKr6J6xjeiHvEZiB+Ts68s4XKG5RHff7P/ti/LpRSMIqA+WL+mUIQwhoTFin4FIH7zf3nffB+dMH9F04U2s2BAPEAAAAASUVORK5CYII=);
}

.carousel-switch .icon-prev:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6CAMAAACQ0xmwAAAAVFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU4H24AAAAG3RSTlMA+UJcaPLkTjfs3NPIs4d2LSMWD6WXUhy8qJi+fDzKAAAAj0lEQVQ4y7XVNw7FMAwD0K/039I773/PjJzCgYG9Phg2ZIt6PVh7JXD64Z9Gxy8OqbOr2wen1OVeB60VWld7rW90rjZaSxSuZoE8jdYRq9T6XlepOSJztUCptRGtEqyksZtnGzene1VjzZ0X43uncf5Uz9klynvbdX8zHXxnMnm5xlT0MpXu5DmnQRLnHLsAMeoL92rjMkgAAAAASUVORK5CYII=);
}

.carousel-switch .icon-next {
    right: 0.25rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6BAMAAABVI/SxAAAAG1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUUeIgAAAACXRSTlMAMi0SCwUmHxmBB2lCAAAAfElEQVQoz63TvQ2AIBCGYROM2PoTexOw1g3ACVyBggEcgc2tfUnuGujI9yRHjruO58A95f992B4Z2Bng9a3BSFAqEACcAi4Ao4KJYNXAQnDKoCeIBDvAXZVgLhaIYsz3GS0O6I8cO/Sfsfh/RYk950eaL9s0Thn7w1jcvw8Y1BcDuFZlfwAAAABJRU5ErkJggg==);
}

.carousel-switch .icon-next:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAA6CAMAAACQ0xmwAAAAUVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcqRVCAAAAGnRSTlMA9k9CXGjy5DcH7NzTyLOXh3YtIxYPpRy8qEAz4M0AAACLSURBVDjLtdVJDoUwDAPQH6AMn3kG3/+gLL0LsiK6fapStY3ze1nV1Xg8oN8dbqJ+o9u8+kfQR7Rn0FfPJ1RRXzyf8Y967XlCGfICln/pmVn2peeGIuQlkuf1iyeYsFuozZPLyluLq//euuo/lSp3CXXRlf2tpwNVTibqqSszVVfmuT4NqMIkUubYA6eRDAVZxH3hAAAAAElFTkSuQmCC);
}

.img-edit-wrap {
    display: table;
    position: relative;
}

.img-edit-wrap .img-editor {
    height: 100%;
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.img-edit-wrap.single-img-editor .img-editor {
    /* prettier-ignore */
    width: 8rem;
    /* prettier-ignore */
    height: 4.4rem;
}

.img-edit-wrap.single-img-editor .img-editor .img-edit-target {
    /* prettier-ignore */
    max-width: 660PX;
    /* prettier-ignore */
    max-height: 371PX;
}

.img-edit-wrap .img-tools {
    position: absolute;
    left: 0.1rem;
    bottom: 0.1rem;
    display: flex;
    gap: 8px;
}

.img-tool {
    padding: 0.04rem;
    box-sizing: border-box;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.5);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.28rem 0.28rem;
    display: block;
    width: 0.32rem;
    height: 0.32rem;
    cursor: pointer;
}
.img-tool.rotate {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M22.3604%208.97705H10.9996C9.36773%208.97705%208.03992%2010.3046%208.03992%2011.9367V23.2964C8.03992%2024.9283%209.36746%2026.2561%2010.9996%2026.2561H22.3601C23.9912%2026.2561%2025.3187%2024.9286%2025.3187%2023.2964V11.9367C25.3187%2010.3046%2023.9912%208.97705%2022.3604%208.97705ZM23.1914%2023.2964C23.1914%2023.7555%2022.8184%2024.1285%2022.3604%2024.1285H10.9996C10.5405%2024.1285%2010.1675%2023.7555%2010.1675%2023.2964V11.9367C10.1675%2011.4776%2010.5405%2011.1047%2010.9996%2011.1047H22.3601C22.8181%2011.1047%2023.1911%2011.4776%2023.1911%2011.9367V23.2964H23.1914Z%22%20fill%3D%22white%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M6.80589%2010.0742C6.30632%209.76467%205.65062%209.91943%205.34109%2010.419L4.84453%2011.221C4.82074%2010.9894%204.80816%2010.7534%204.80816%2010.5166C4.80816%206.85256%207.78972%203.87127%2011.4546%203.87127C12.6752%203.87127%2013.8688%204.20486%2014.9046%204.83623C15.4074%205.14057%2016.0618%204.9817%2016.3672%204.48103C16.6726%203.97928%2016.5137%203.32494%2016.012%203.01842C14.6418%202.18416%2013.066%201.74365%2011.4546%201.74365C6.61667%201.74365%202.68054%205.67869%202.68054%2010.5166C2.68054%2011.8329%202.96519%2013.0981%203.52519%2014.2772C3.69253%2014.6283%204.03843%2014.861%204.42699%2014.8818C4.44667%2014.8829%204.46636%2014.884%204.48632%2014.884C4.66757%2014.884%204.84582%2014.8377%205.00416%2014.7495C5.16251%2014.6613%205.29571%2014.5341%205.39113%2014.38L7.1507%2011.539C7.45941%2011.0392%207.30546%2010.3837%206.80589%2010.0742Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
}
.img-tool.zoom-in {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22.2069%2020.118L26.4387%2024.356L26.4382%2024.3569C26.8231%2024.7421%2026.8231%2025.3203%2026.4382%2025.8019C26.2458%2025.9945%2025.9572%2026.091%2025.7649%2026.091C25.5725%2026.091%2025.2839%2025.9945%2025.0916%2025.8019L20.9558%2021.6595C18.9356%2023.4897%2016.2421%2024.646%2013.2599%2024.646C7.00704%2024.646%201.90869%2019.5414%201.90869%2013.2787C1.90869%207.01613%207.00732%201.90918%2013.2599%201.90918C19.5125%201.90918%2024.5149%207.01613%2024.5154%2013.1817C24.5169%2015.6833%2023.7067%2018.1176%2022.2069%2020.118ZM3.83332%2013.1824C3.83332%2018.3849%208.06515%2022.6229%2013.2601%2022.6229C18.4551%2022.6229%2022.6869%2018.3849%2022.6869%2013.1824C22.6869%207.97984%2018.4551%203.74183%2013.2601%203.74183C8.06515%203.74183%203.83332%207.97984%203.83332%2013.1824ZM6.99976%2013.125C6.99976%2012.6418%207.39151%2012.25%207.87476%2012.25H12.2498V7.87503C12.2498%207.39178%2012.6415%207.00003%2013.1248%207.00003C13.608%207.00003%2013.9998%207.39178%2013.9998%207.87503V12.25H18.3748C18.858%2012.25%2019.2498%2012.6418%2019.2498%2013.125C19.2498%2013.6083%2018.858%2014%2018.3748%2014H13.9998V18.375C13.9998%2018.8583%2013.608%2019.25%2013.1248%2019.25C12.6415%2019.25%2012.2498%2018.8583%2012.2498%2018.375V14H7.87476C7.39151%2014%206.99976%2013.6083%206.99976%2013.125Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
}
.img-tool.zoom-out {
    background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%3E%0A%20%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M26.4387%2024.356L22.2069%2020.118C23.7067%2018.1176%2024.5169%2015.6833%2024.5154%2013.1817C24.5149%207.01613%2019.5125%201.90918%2013.2599%201.90918C7.00732%201.90918%201.90869%207.01613%201.90869%2013.2787C1.90869%2019.5414%207.00704%2024.646%2013.2599%2024.646C16.2421%2024.646%2018.9356%2023.4897%2020.9558%2021.6595L25.0916%2025.8019C25.2839%2025.9945%2025.5725%2026.091%2025.7649%2026.091C25.9572%2026.091%2026.2458%2025.9945%2026.4382%2025.8019C26.8231%2025.3203%2026.8231%2024.7421%2026.4382%2024.3569L26.4387%2024.356ZM13.2601%2022.6229C8.06515%2022.6229%203.83332%2018.3849%203.83332%2013.1824C3.83332%207.97984%208.06515%203.74183%2013.2601%203.74183C18.4551%203.74183%2022.6869%207.97984%2022.6869%2013.1824C22.6869%2018.3849%2018.4551%2022.6229%2013.2601%2022.6229ZM7.87476%2012.25C7.39151%2012.25%206.99976%2012.6418%206.99976%2013.125C6.99976%2013.6083%207.39151%2014%207.87476%2014H18.3748C18.858%2014%2019.2498%2013.6083%2019.2498%2013.125C19.2498%2012.6418%2018.858%2012.25%2018.3748%2012.25H7.87476Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E');
}

.multi-size-img-editor {
    display: table;
    width: 100%;
    position: absolute;
    margin: auto;
    top: 0.8rem;
    bottom: 0.7rem;
}

.multi-size-item {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    padding: 0.1rem;
}

.multi-size-item.img-crop-left .img-cropper,
.multi-size-item.img-crop-left .img-editor .img-edit-target {
    width: 4.7rem;
    max-height: 3.6rem;
}

.multi-size-item .img-cropper .multi-size-title {
    margin-top: 0.1rem;
}

.multi-size-item.img-crop-right .img-cropper, 
.multi-size-item.img-crop-right .img-editor .img-edit-target {
    width: 2.6rem;
    max-height: 3.6rem;
}

.file-choose {
    display: inline-block;
    position: relative;
}

.img-file-choose .file-choose .btn-img-select {
    color: white;
}

.file-choose input[type='file'] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.img-file-choose .file-choose .btn-primary {
    background: var(--umu-color-primary, #fab400);
    border: 1px solid var(--umu-color-primary, #fab400);
}

.img-file-choose {
    line-height: 0.36rem;
}
.img-file-choose .btn-img-select {
    line-height: 0.36rem;
    border-radius: 4px;
    padding: 0 0.16rem 0 0.11rem;
    color: white;
}
.img-file-choose .icon-plus-white {
    margin-top: -0.02rem;
    width: 0.24rem;
    height: 0.24rem;
}

.upload-progress-wrap .img-upload-progress {
    height: 0.1rem;
    width: 60%;
    background-color: var(--umu-color-fill-secondary, #eee);
    box-shadow: inset 0.02rem 0.03rem 0.02rem #ddd;
    border-radius: 2px;
    margin: 0 auto;
}

.upload-progress-wrap .img-upload-percentage {
    height: 0.1rem;
    width: 0;
    display: block;
    background-color: #f5b324;
}

.img-select .list-blank-2023-pc .list-blank-img {
    margin-top: 0;
}

.recommend-imgs-wrap .recommend-section-title {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333);
    margin-bottom: 0.1rem;
}

.recommend-imgs-wrap .recommend-img-list {
    margin: 0 -0.07rem 0.1rem -0.07rem;
}

.recommend-imgs-wrap .recomment-img-item {
    display: inline-block;
    width: 2.3rem;
    /* height: 129px; */
    position: relative;
    margin: 0.03rem;
    cursor: pointer;
    border: 4px solid transparent;
}

.recommend-imgs-wrap .recomment-img-item img {
    width: 2.3rem;
    /* height: 129px; */
    vertical-align: bottom;
}

.recommend-imgs-wrap .recomment-img-item.recommend-selected,
.recommend-imgs-wrap .recomment-img-item:hover {
    border-color: #1e6ee6;
}

.recommend-imgs-wrap .recomment-img-item:not(.recommend-selected):hover {
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.15);
    border-width: 2px;
    margin: 0.05rem;
}

.recommend-imgs-wrap .recomment-img-item .icon-check-status {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.4rem;
    height: 0.4rem;
    background-color: transparent;
    border: none;
}

/*panel*/

.file-handle-panel-dialog .ngdialog-content {
    width: 8rem !important;
    height: 6rem !important;
}

/* .file-handle-panel-dialog .ngdialog-content .umu-dialog-body {
    padding: 0;
} */

/* 避免被覆盖 */
.file-handle-panel-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body {
    padding: 0;
    height: 100%;
}

.file-handle-panel-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .img-handle-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.file-handle-panel-dialog .panel-header {
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 0.3rem;
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.15);
}

.file-handle-panel-dialog .panel-header .edit-title {
    /* prettier-ignore */
    line-height: 70PX;
    font-size: 0.16rem;
}

.file-handle-panel-dialog .panel-header .tabs-wrapper {
    padding-top: 0.1rem;
}

.file-handle-panel-dialog .panel-header .tab-action {
    color: #424242;
}

.file-handle-panel-dialog .panel-content {
    position: relative;
    /*margin-top: 2px;*/
    background-color: var(--umu-color-fill-secondary, #eee);
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

.file-handle-panel-dialog .panel-content-progress-wrap {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.file-handle-panel-dialog .panel-content-progress-wrap .panel-content-progress {
    flex: 1;
}

.file-handle-panel-dialog .panel-content-progress-wrap .panel-content-progress .upload-progress-wrap .upload-hint {
    text-align: center;
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0px;
}

.file-handle-panel-dialog .panel-content .img-select.from-computer {
    text-align: center;
}

.file-handle-panel-dialog .panel-content .upload-hint {
    margin-top: 0.1rem;
    color: var(--umu-color-text-secondary, #666);
}

.file-handle-panel-dialog .panel-footer {
    /* prettier-ignore */
    height: 80PX;
    padding: 0.14rem 0.3rem 0.3rem 0.3rem;
    box-sizing: border-box;
}

.file-handle-panel-dialog .panel-footer umu-button + umu-button {
    margin-left: 0.12rem;
}

.file-handle-panel-dialog .panel-footer .btn {
    margin-right: 0.2rem;
}

.file-handle-panel-dialog .panel-footer .btn:last-child {
    margin-right: 0rem;
}

.file-handle-panel-dialog .panel-footer .right-operations {
    float: right;
}

.file-handle-panel-dialog .panel-footer .left-operations {
    float: left;
}

.file-handle-panel-dialog .panel-footer .left-operations .btn-primary {
    background-color: transparent;
    padding: 0;
    min-width: auto;
    height: auto;
    line-height: inherit;
    border-radius: initial;
    color: #fff;
    border: unset;
    font-weight: 400;
    cursor: pointer;
}

.file-handle-panel-dialog .img-select {
    padding: 0.2rem 0.3rem;
}

.file-handle-panel-dialog .edit-loading {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.custom-course-cover-react-connector {
    height: 100%;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.custom-course-cover-react-connector > div {
    height: 100%;
}

/*panel end*/

.upload-edit::after {
    clear: both;
    height: 0;
    overflow: hidden;
    content: '';
    display: block;
}

.upload-edit .upload-result,
.upload-edit .upload-info {
    display: inline-block;
}

.upload-edit .upload-info {
    vertical-align: top;
}

.x-alignment.upload-edit .upload-info {
    display: table-cell;
}

.upload-edit .upload-info .upload-tips-wrap {
    margin-top: 0.15rem;
}

.upload-edit .upload-info .upload-tips {
    margin-top: 0.05rem;
}

.upload-edit .upload-result {
    position: relative;
    margin-right: 0.17rem;
}

.x-alignment.upload-edit .upload-result {
    float: left;
    height: 1.8rem;
}

.upload-edit .upload-result img {
    display: block;
    width: 100%;
}

.upload-edit-remove-confirm .ngdialog-content {
    width: 4.5rem !important;
}

.angular-pc.upload-edit .upload-result .btn-remove-upload {
    line-height: 1;
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 50%;
    padding: 0rem;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    /* 外部的样式有可能会覆盖这个 ，不能保证外部，所以内部用 important*/
    display: none !important;
}

.angular-pc.upload-edit .upload-result .btn-remove-upload img {
    width: 0.22rem;
    height: 0.22rem;
    min-height: auto;
}

.upload-edit .upload-result:hover .btn-remove-upload {
    display: block !important;
}

.angular-pc.upload-edit .upload-result .edit-banner {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 4px 0 0 0;
    background-color: rgba(0, 0, 0, 0.6);
    height: 0.36rem;
    box-sizing: border-box;
}

.angular-pc.upload-edit .upload-result .edit-banner a {
    width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
}

.angular-pc.upload-edit .upload-result .edit-banner a img {
    width: 0.2rem;
    height: 0.2rem;
    min-height: auto;
}

.upload-edit.upload-result.upload-result-item.preview-item.preview-image-wrapper {
    width: 3.2rem;
    height: 1.8rem;
}

.upload-edit .preview-image-title {
    margin: 0.16rem 0;
}

.upload-edit .upload-info .upload-item-description {
    margin: 0.16rem 0 0.08rem;
}

.upload-edit .upload-info-operation-wrap.operation-wrap-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
}

.upload-edit.x-alignment .upload-result .preview-item .preview-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.session-thumb-editor .thumb-item.custom-thumb-item.selected .upload-edit.session-cover-upload .upload-info {
    margin-top: -0.32rem;
}

.file-handle-panel-dialog-01.file-handle-panel-dialog .umu-design-comp-tabs.tabs-theme-blue {
  box-shadow: none;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .umu-design-comp-tabs.tabs-theme-blue .tab-action {
  height: 0.6rem;
  line-height: 0.6rem;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .umu-design-comp-tabs.tabs-theme-blue .umu-design-comp-tabs-container {
  border-bottom: none;
  border-radius: 4px;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .panel-header {
  padding: 0;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .panel-header .edit-title {
  padding-left: 0.24rem;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .panel-content {
  height: auto;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  flex: 1;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .panel-content.panel-content-edit {
  height: 4.4rem;
}
.file-handle-panel-dialog-01.file-handle-panel-dialog .panel-footer {
  height: auto;
  padding: 0.21rem 0.24rem 0.24rem;
}

.upload-info .upload-info-operation-wrap .umu-button-icon-fire {
  position: absolute;
  top: 0;
  right: 0;
  width: 0.14rem;
  height: 0.18rem;
  transform: translate(50%, -50%);
}
.upload-edit-new {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px dashed #cccccc;
    overflow: hidden;
    box-sizing: border-box;
}

.upload-edit-new-hasImg {
    border: 1px solid transparent;
}

.upload-edit-new-active {
    border: 1px solid #1e6ee6;
}

.upload-edit-new:hover {
    border-color: #1e6ee6;
}

.upload-edit-new .upload-edit-new-wrap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    cursor: pointer;
    border: 0;
}

.upload-edit-new .upload-edit-new-wrap .upload-edit-new-wrap-img {
    width: 0.36rem;
    height: 0.36rem;
    background-size: cover;
}

.upload-edit-new .upload-edit-new-wrap .upload-edit-new-wrap-text {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 0.2rem;
    letter-spacing: 0px;
    margin-top: 0.16rem;
    text-align: center;
    color: var(--umu-color-text-secondary, #666666);
    text-overflow: ellipsis;
    overflow: hidden;
}
.upload-edit-new .upload-edit-new-result {
    position: absolute;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-edit-new .upload-edit-new-result .upload-edit-new-result-img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.upload-edit-new-wrap .upload-edit-new-hover {
    position: absolute;
    left: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: unset;
}
.upload-edit-new-wrap {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.upload-edit-new-wrap .upload-edit-new-hover:hover {
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 4px;
}

.upload-edit-new-wrap .upload-edit-new-hover .upload-edit-new-hover-btn-wrap {
    display: none;
}

.upload-edit-new-wrap .upload-edit-new-hover:hover .upload-edit-new-hover-btn-wrap {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}

.upload-edit-new-wrap .upload-edit-new-hover .upload-edit-new-hover-btn-wrap .upload-edit-new-hover-btn {
    border: 1px solid #ffffff;
    text-align: center;
    cursor: pointer;
    color: #fff;
    padding: 0.08rem 0.16rem;
    border-radius: 4px;
    background: transparent;
    line-height: 0.2rem;
    font-weight: 400;
    align-self: center;
    box-sizing: border-box;
    font-size: 0.14rem;
    width: 100%;
    text-transform: uppercase;
}

.upload-edit-new-wrap .upload-edit-new-hover .upload-edit-new-hover-btn-wrap .upload-edit-new-hover-btn-cover {
    margin-bottom: 0.08rem;
}

.upload-edit-new-wrap .upload-edit-new-hover .upload-edit-new-hover-btn-wrap .btn-primary {
    background: transparent;
    border: none;
    height: auto;
    width: 100%;
    padding: 0;
    line-height: normal;
    border-radius: 0;
    min-width: auto;
}

.upload-edit-new-wrap .upload-edit-new-hover-btn-icon {
    position: absolute;
    left: 0.09rem;
    top: 0.08rem;
}

.upload-edit-new-wrap .upload-edit-new-hover-btn-icon .icon-checkmark {
    background: #1e6ee6;
    border-radius: 50%;
}

.upload-edit-new-wrap .upload-edit-new-hover-btn-icon .icon-checkmark::after {
    border-color: #fff;
}

.avatar-upload {
}

.avatar-upload .upload-result,
.avatar-upload .upload-info {
    display: inline-block;
}

.avatar-upload .upload-info {
    vertical-align: top;
}

.avatar-upload .upload-result {
    position: relative;
    margin-right: 0.24rem;
    border-radius: 50%;
    overflow: hidden;
    background: var(--umu-color-bg-base, #fff);
}

.avatar-upload .upload-result img {
    display: block;
    width: 100%;
}

.avatar-upload .upload-result:hover .btn-remove-upload {
    display: block !important;
}

.avatar-upload .edit-banner {
    width: 100%;
    height: 0.28rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: right;
    line-height: 0.35rem;
    box-sizing: border-box;
}
.avatar-upload .preview-item {
    overflow: hidden;
    border-radius: 50%;
}

.file-handle-panel-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body-content {
    max-height: unset;
    height: 100%;
}

/* */

.ta_calendar {
    border-color: #d9dadc;
}

.ta_calendar_cont {
    white-space: nowrap;
}

.ta_calendar table {
    margin: 0;
    border-left: 1px solid #e7e7e7;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.ta_calendar table:first-child {
    border-left-width: 0;
}

.ta_calendar table caption {
    border-bottom: 1px solid #e7e7e7;
}

.ta_calendar table thead tr {
    border-width: 0;
    background-color: var(--umu-color-bg-base, #fff);
    box-shadow: none;
}

.ta_calendar table thead th {
    border-top-width: 0;
    border-bottom-width: 0;
    color: #1e6ee6;
}

.ta_calendar tbody {
    background-color: var(--umu-color-bg-base, #fff);
}

.ta_calendar_footer {
    padding-top: 0.06rem;
    padding-bottom: 0.1rem;
    border-top-color: #e7e7e7;
    background-color: var(--umu-color-bg-base, #fff);
}

.ta_calendar_footer .ta_calendar_no_limit_btn {
    float: left;
    font-size: 0.14rem;
    cursor: pointer;
    line-height: 0.36rem;
    color: #1e6ee6;
    padding: 0 0.2rem;
}
.ta_calendar_footer .frm_btn {
    display: flex;
    text-align: center;
    align-items: center;
}

body.locale-jp .ta_calendar_footer .frm_btn .ta_btn_text {
    white-space: nowrap;
}

body.locale-de .ta_calendar_footer .frm_btn .ta_btn_text,
body.locale-en .ta_calendar_footer .frm_btn .ta_btn_text {
    width: 0.5rem;
    white-space: nowrap;
    top: 0.1rem;
    right: 2.2rem;
}

body.locale-es .ta_calendar_footer .frm_btn .ta_btn_text,
body.locale-fr .ta_calendar_footer .frm_btn .ta_btn_text {
    white-space: nowrap;
    right: 2.16rem;
    width: 0.5rem;
    top: 0.1rem;
}

.ta_calendar_footer .frm_msg {
    display: none;
}

.ta_btn {
    min-width: 0.84rem;
    display: inline-block;
    padding: 0 0.22rem;
    height: 0.32rem;
    line-height: 0.28rem;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    font-size: 0.14rem;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    background-color: var(--umu-color-fill-secondary, #eee);
    border-color: #e6e7ec;
    color: var(--umu-color-text, #222);
}

.ta_btn_primary {
    background-color: #1e6ee6;
    border-color: #1e6ee6;
    color: #fff;
}

.ta_calendar_footer .frm_btn .ta_btn_primary {
    margin-left: 0.07rem;
}

.ta_btn_primary:hover {
    background-color: #008eff;
    border-color: #008eff;
}

/* */

.ng-date-picker .picker-rencent {
    position: relative;
    float: left;
    padding-right: 0.2rem;
    margin-right: 0.2rem;
    min-width: 1.5rem;
}

.ng-date-picker .picker-rencent:after {
    content: '';
    position: absolute;
    top: 0.1rem;
    bottom: 0.1rem;
    right: 0;
    border-right: 1px solid var(--umu-color-fill-secondary, #eee);
}

/* */

.ng-date-picker .picker-rencent .select-box .current {
    border: 0;
    padding-bottom: 0;
    font-size: 0.16rem;
    padding-right: 0.3rem;
    padding-left: 0;
}

.ng-date-picker .picker-rencent .select-box .current:after {
    content: '';
    position: absolute;
    background: 0;
    border-width: 5px;
    border-style: solid;
    border-color: #989898 transparent transparent;
    right: 0rem;
    top: 0.17rem;
    bottom: auto;
    width: 0;
    height: 0;
}

.ng-date-picker .picker-rencent .select-list {
    margin-top: 0;
    width: auto;
    left: -0.3rem;
    right: 0;
}

.ng-date-picker .picker-main {
    float: left;
}

.ng-date-picker .picker-holder {
    position: relative;
}

.ng-date-picker .picker-value {
    position: relative;
    height: 0.34rem;
    padding-right: 0.2rem;
    line-height: 0.34rem;
    cursor: pointer;
    font-size: 0.16rem;
    min-width: 1.86rem;
    unicode-bidi: bidi-override;
}

.ng-date-picker .picker-value iconfont {
    vertical-align: middle;
    margin-top: -0.03rem;
}

.ng-date-picker .picker-value:after {
    content: '';
    position: absolute;
    border-width: 5px;
    border-style: solid;
    border-color: #101010 transparent transparent;
    right: 0;
    top: 0.17rem;
}

.ng-date-picker.box {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    padding: 0 0.09rem;
}

.ng-date-picker.box .picker-value .icon {
    margin-top: -0.06rem;
    margin-right: 0.05rem;
}

.ng-date-picker.box .picker-value:after {
    content: '';
    position: absolute;
    right: 0.09rem;
    bottom: 0.09rem;
    border-style: solid;
    border-color: transparent;
    border-width: 4px;
    border-right-color: #dfdfdf;
    border-bottom-color: #dfdfdf;
    width: 0;
    height: 0;
}

body.locale-es .ta_calendar table thead th,
body.locale-fr .ta_calendar table thead th {
    padding: 0.04rem 0.05rem !important;
}

@charset "UTF-8";
/* 名字输入组件 */
.user-input {
  position: relative;
  /* 模糊查找 */
}
.user-input .editor {
  position: relative;
  border: 1px solid var(--umu-color-border, #e0e0e0);
  width: 100%;
  padding: 0.03rem 0 0.03rem;
  font-size: 0.14rem;
  min-height: 0.28rem;
  /* 外部下拉设置 */
  max-height: 1.8rem;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.user-input .editor.department-editor {
  padding-right: 1.47rem;
  position: relative;
}
.user-input .editor-input {
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
  font-size: 0.14rem;
  height: 0.28rem;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0 0.05rem;
  position: relative;
  resize: none;
  width: 5.1rem;
}
.user-input .editor-input::-webkit-input-placeholder {
  color: #757575;
}
.user-input .suggest-box {
  -webkit-user-select: none;
  display: block;
  position: relative;
  z-index: 1000;
}
.user-input .suggest-box ul {
  width: 4rem;
  position: absolute;
  left: 0;
  padding: 0.05rem 0.1rem 0;
  max-height: 2.37rem;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
  border: 1px solid #ccc;
  box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
  top: 0.32rem;
  z-index: 105;
  /*因为学员管理中表格固定列部分的 zindex 为104,这个搜索框会出现在这个表格上方，小于104会被遮挡*/
  border-top: 1px dashed #d3d3d3;
}
.user-input .suggest-box .item-wrap {
  position: relative;
  width: 100%;
  overflow-x: hidden;
}
.user-input .suggest-box li {
  width: 100%;
  font-size: 0.14rem;
  text-align: left;
  list-style: none;
  background-color: var(--umu-color-bg-base, #fff);
  height: 0.28rem;
  line-height: 0.28rem;
  margin-bottom: 0.04rem;
  cursor: pointer;
  padding: 0 0.05rem;
  margin-top: 0.04rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-input .suggest-box li.active {
  background: var(--umu-color-primary, #ffbd2c);
  color: #fff;
}
.user-input .suggest-box li.active .highlight {
  color: #fff;
}
.user-input .editor-input.editor-input-with {
  width: 2.57rem;
}
.user-input .user-input-email-tip {
  position: absolute;
  top: 0.35rem;
  left: 0.05rem;
  background-color: #424242;
  color: #fff;
  font-size: 0.12rem;
  padding: 0.02rem 0.06rem;
  z-index: 1005;
}
.user-input .user-input-email-tip:after {
  content: "";
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent #424242 transparent;
  position: absolute;
  right: 45%;
  top: -0.08rem;
}
.user-input .suggest-box.suggest-box-outside {
  position: static;
}
.user-input .suggest-loading {
  position: absolute;
  left: 0;
  top: 0.33rem;
  width: 100%;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
  border: 1px solid #ccc;
  box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
  z-index: 106;
  border-top: 1px dashed #d3d3d3;
  font-size: 0.14rem;
  text-align: center;
  height: 0.28rem;
  line-height: 0.28rem;
  margin-bottom: 0.04rem;
  padding: 0 0.05rem;
  margin-top: 0.04rem;
}
.user-input .editor.user-input-editor {
  padding-right: unset;
}
.user-input .editor.user-input-editor:-ms-input-placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-input .editor.user-input-editor::placeholder {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-input .editor.user-input-editor .editor-content-wrapper {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
}

.user-input.focused .editor {
  border: 1px solid #1e6ee6;
  box-shadow: none;
}

body.locale-jp .user-input .editor-input::-webkit-input-placeholder,
body.locale-de .user-input .editor-input::-webkit-input-placeholder,
body.locale-en .user-input .editor-input::-webkit-input-placeholder,
body.locale-es .user-input .editor-input::-webkit-input-placeholder,
body.locale-fr .user-input .editor-input::-webkit-input-placeholder {
  font-size: 0.14rem;
}

.user-wrapper .user .deer-avatar {
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
}
.user-wrapper .deer-avatar .avatar-word {
  line-height: 0.25rem;
  font-size: 0.16rem;
}

.user-wrapper.count-limit {
  color: #e75a2d;
  margin-top: 0.03rem;
  margin-left: 0.05rem;
}

body.locale-de .user-input .editor-input,
body.locale-en .user-input .editor-input {
  width: 5.75rem;
  text-overflow: ellipsis;
}

body.locale-es .user-input .editor-input,
body.locale-fr .user-input .editor-input {
  width: 5.15rem;
}

.user-input-edit-search-btn-primary {
  margin-left: 0.02rem;
  width: 0.34rem;
  height: 0.34rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 4px 4px 0;
  display: flex;
}

.user-input-edit-search-btn-primary-global {
  background: var(--umu-color-primary, #fab400);
  border: 1px solid var(--umu-color-primary, #fab400);
}

.user-input-edit-search-btn-primary-blue {
  background: #1e6ee6;
  border: 1px solid #1e6ee6;
}

.user-input-edit-iconfont-search {
  color: #fff;
}
/* 名字输入组件 */
.new-user-input {
    position: relative;
}
.new-user-input.is-disabled {
    pointer-events: none;
}
.new-user-input.is-disabled .user-input .editor {
    border-color: var(--umu-color-border, #e0e0e0);
}
.new-user-input .disabled-mark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.user-input-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.new-user-input .editor-new {
    position: relative;
    border: 1px solid #dfe1e2;
    padding: 0.02rem 0 0.04rem;
    font-size: 0.15rem;
    min-height: 0.32rem;
    /* 外部下拉设置 */
    max-height: 1.8rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    z-index: 1;
}

.new-user-input .user-name {
    font-size: 0.15rem;
}

.user-input.new-user-input .editor.department-editor {
    padding-right: 0rem;
    position: relative;
    max-width: calc(100% - 1.47rem);
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    flex: 1;
}

.user-input.new-user-input.show-department-selector .suggest-box .suggest-ul {
    max-width: calc(100% - 1.47rem);
}

.new-user-input .department-btn {
    background-color: #f4f5f6;
    min-width: 1.47rem;
    /* position: absolute;
    right: 0;
    top: 0;
    bottom: 0; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.12rem;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-left: 0 none;
}

.new-user-input .icon-framework {
    margin-right: 0.07rem;
}

.new-user-input .department-btn .icon-framework {
    width: 0.18rem;
    height: 0.18rem;
}

.new-user-input .icon-text {
    margin-right: 0.1rem;
    line-height: 0.18rem;
    height: 0.18rem;
    color: var(--umu-color-text, #222);
    font-size: 0.14rem;
}

body.locale-de .new-user-input .icon-text,
body.locale-en .new-user-input .icon-text {
    white-space: nowrap;
    font-size: 0.12rem;
}

.new-user-input .icon-mores {
    width: 0.16rem;
    height: 0.16rem;
}

.new-user-input .department-btn img {
    display: block;
    width: 100%;
    height: 100%;
}

.user-input-new.focused .editor {
    border: 1px solid #1e6ee6;
    box-shadow: none;
}
.user-input-new.focused .editor .department-btn {
    border: 1px solid #e0e1e2;
    box-shadow: none;
}

.new-user-input .editor-input {
    width: 5.1rem;
    display: inline-block;
    margin: 0.04rem 0.04rem 0 0.04rem;
    vertical-align: middle;
    background: none;
    border: 0;
    font-size: 0.14rem;
    height: 0.28rem;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 0.05rem;
    position: relative;
    resize: none;
}
.new-user-input.show-department-selector .editor-input {
    margin: 0.03rem 0.04rem 0.01rem 0.04rem;
}

.umu-dialog-body .form-content .rc-picker {
    border-radius: 4px;
}

body.locale-de .new-user-input .editor-input,
body.locale-en .new-user-input .editor-input,
body.locale-es .new-user-input .editor-input,
body.locale-fr .new-user-input .editor-input {
    width: 5.15rem;
}

.new-user-input .editor-input::-webkit-input-placeholder {
    color: #757575;
}

body.locale-jp .new-user-input .editor-input::-webkit-input-placeholder {
    font-size: 0.14rem;
}

body.locale-de .new-user-input .editor-input::-webkit-input-placeholder,
body.locale-en .new-user-input .editor-input::-webkit-input-placeholder {
    font-size: 0.12rem;
}

.new-user-input .editor-input.editor-input-with {
    width: 2.57rem;
}

/* 模糊查找 */

.new-user-input .suggest-box {
    -webkit-user-select: none;
    width: auto;
    display: inline-block;
    position: relative;
    z-index: 100;
}

.new-user-input .suggest-box .suggest-ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0rem;
    max-height: 2.37rem;
    overflow: auto;
    display: block;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    top: 0.32rem;
    z-index: 105;
    box-shadow: 0rem 0rem 0.08rem rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.new-user-input .suggest-box .item-wrap {
    position: relative;
}

.new-user-input .suggest-box .item-wrap .suggestion-info {
    display: flex;
    align-items: center;
}

.new-user-input .suggest-box .item-wrap .suggestion-info .suggestion-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-user-input .suggest-box .item-wrap .suggestion-info em {
    color: #1e6ee6;
}

.new-user-input .suggest-box .item-wrap .suggestion-count {
    margin-left: 0.06rem;
    color: var(--umu-color-text-secondary, #666666);
}

.new-user-input .suggest-box .item-wrap .icon-suggestion-member {
    height: 0.16rem;
    margin: auto 0.04rem;
}

.new-user-input .suggest-box .suggest-li {
    font-size: 0.14rem;
    text-align: left;
    list-style: none;
    width: calc(100% - 0.24rem);
    line-height: 0.2rem;
    cursor: pointer;
    height: auto;
    margin-top: unset;
    padding: 0.1rem 0.12rem;
}

.new-user-input .suggest-box ul .item-wrap li.active {
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #222);
}

.new-user-input .suggest-box ul .item-wrap li.active .highlight {
    color: #fff;
}

#new-user-input-suggest-box-outside-ul {
    position: fixed;
    left: 0;
    width: 100%;
    padding: 0rem;
    max-height: 2.37rem;
    overflow: auto;
    display: block;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    top: 0.32rem;
    z-index: 105;
    box-shadow: 0rem 0rem 0.08rem rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

#new-user-input-suggest-box-outside-ul .item-wrap {
    position: relative;
}

#new-user-input-suggest-box-outside-ul .item-wrap .suggestion-info {
    display: flex;
    align-items: center;
}

#new-user-input-suggest-box-outside-ul .item-wrap .suggestion-info .suggestion-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#new-user-input-suggest-box-outside-ul .item-wrap .suggestion-info em {
    color: #1e6ee6;
}

#new-user-input-suggest-box-outside-ul .item-wrap .suggestion-count {
    margin-left: 0.06rem;
    color: var(--umu-color-text-secondary, #666666);
}

#new-user-input-suggest-box-outside-ul .item-wrap .icon-suggestion-member {
    height: 0.16rem;
    margin: auto 0.04rem;
}

#new-user-input-suggest-box-outside-ul .suggest-li {
    font-size: 0.14rem;
    text-align: left;
    list-style: none;
    width: calc(100% - 0.24rem);
    line-height: 0.2rem;
    cursor: pointer;
    height: auto;
    margin-top: unset;
    padding: 0.1rem 0.12rem;
}

#new-user-input-suggest-box-outside-ul .item-wrap li.active {
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #222);
}

#new-user-input-suggest-box-outside-ul .item-wrap li.active .highlight {
    color: #fff;
}

.new-user-input .user-input-email-tip-new {
    position: absolute;
    top: 0.35rem;
    left: 0.05rem;
    color: #fff;
    font-size: 0.12rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.02rem;
    padding: 0.08rem;
    width: auto;
    z-index: 1005;
}

.new-user-input .user-input-email-tip-new:after {
    content: '';
    border-width: 4px;
    border-style: solid;
    /* border-color: transparent transparent #424242 transparent; */
    position: absolute;
    right: 45%;
    top: -0.08rem;
    display: none;
}

/*  outside */
.new-user-input .suggest-box.suggest-box-outside {
    position: static;
}

.new-user-input .editor-area {
    position: relative;
}

.user-wrapper .user .deer-avatar {
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.user-wrapper .deer-avatar .avatar-word {
    line-height: 0.25rem;
    font-size: 0.16rem;
}

.user-wrapper.count-limit {
    color: #e75a2d;
    margin-top: 0.03rem;
    margin-left: 0.05rem;
}

.new-user-input .suggest-loading {
    position: absolute;
    left: 0;
    top: 0.33rem;
    width: 100%;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    z-index: 106;
    border-top: 1px dashed #d3d3d3;
    font-size: 0.14rem;
    text-align: center;
    height: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.04rem;
    padding: 0 0.05rem;
    margin-top: 0.04rem;
}

.suggestion-avatar {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.1rem;
}

.suggestion-avatar img {
    width: 100%;
    height: 100%;
}

.suggestion-avatar .deer-avatar .avatar-word {
    line-height: 0.25rem;
    font-size: 0.16rem;
}

.suggest-li tooltip tip {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggestion-type {
    color: var(--umu-color-text-secondary, #666666);
    margin-right: 0.06rem;
}
.user-input .suggest-box li {
    overflow: inherit !important;
}

.user-select-list .list-empty {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 2.2rem;
}

.user-select-list .list-header {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    background: #fafafa;
    border-top: 0;
}

.user-select-list .list-content {
    border-bottom: none;
}

.user-select-list .list-content tr:first-child td {
    border-top: none;
}

.user-select-list .list-header .total-title {
    text-align: right;
}

.user-select-list .content-table-wrapper {
    font-size: 0.14rem;
    height: 2.57rem;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    border-top: 0;
}

.user-select-list .content-table-wrapper .umu-design-comp-tooltip {
    pointer-events: none;
}

.user-select-list .user-item-wrapper .avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.user-select-list .user-item-wrapper .avatar img {
    width: 0.38rem;
}

.user-select-list .user-item-wrapper {
    position: relative;
}

.user-select-list .user-item-wrapper .user-item-content-wrapper {
    display: table;
    margin-left: 0.5rem;
    height: 0.63rem;
}

.user-select-list .user-item-content {
    display: table-cell;
    vertical-align: middle;
}

.user-select-list .user-item-wrapper .user-name,
.user-select-list .user-item-wrapper .user-mail {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 4rem;
    line-height: 0.2rem;
    padding-right: 0.1rem;
    color: var(--umu-color-text, #000000);
}

.user-select-list .user-item-wrapper .user-mail {
    display: flex;
    color: var(--umu-color-text-secondary, #666666);
}

.user-select-list .user-item-wrapper .user-mail .truncate-text {
    flex: 1;
}

/* toggle icon */

.user-select-list .user-item-wrapper .deer-avatar {
    width: 0.38rem;
    height: 0.38rem;
    position: absolute;
    top: 0.13rem;
    left: 0;
}

.user-select-list .user-item-wrapper .deer-avatar .avatar-word {
    line-height: 0.38rem;
    font-size: 0.16rem;
}

.user-select-list .remove-user {
    display: inline-block;
    height: 0.36rem;
    padding: 0 0.08rem;
    line-height: 0.36rem;
    border-radius: 4px;
    cursor: pointer;
}

.user-select-list .remove-user:hover {
    background: rgba(30, 110, 230, 0.08);
}

.permission-pagination {
    margin-top: 0.1rem;
}

.user-select-list {
    min-height: 3.34rem;
}
.user-select-list .content-table-wrapper td:last-child {
    padding-right: 0.12rem;
}
.user-select-list .loading-spinner {
    padding: 1.16rem;
}

.user-select-list .content-table-wrapper.empty {
    padding: 0.73rem 0;
    box-sizing: border-box;
    text-align: center;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}


.user-permission-setting .summary-desc-wrapper {
    margin: 0 0 0.2rem 0;
    font-size: 0.13rem;
    display: inline-block;
    line-height: 1.5;
    cursor: pointer;
}

.user-permission-setting .toggle-icon {
    cursor: pointer;
}

body:not(.locale-cn) .ngdialog.ngdialog-theme-umu.permission-invalid-account-confirm-dialog .umu-dialog-footer {
    padding: 0.16rem;
}

.ngdialog.ngdialog-theme-umu.permission-invalid-account-confirm-dialog .umu-dialog-body-content {
    max-height: 60vh;
}

.ngdialog-user-permission-setting.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.8rem;
    max-height: 80vh;
}

.ngdialog-user-permission-setting.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body {
    max-height: calc(80vh - 1.44rem);
    overflow-y: auto;
}

body:not(.locale-cn) .ngdialog.ngdialog-theme-umu.ngdialog-user-permission-setting .umu-dialog-footer {
    padding-top: 0.04rem;
}

.permission-setting-service .form-title {
    line-height: 1.5;
    margin-bottom: 0.1rem;
    font-weight: 700;
}
.permission-setting-service .form-title-desc {
    color: #757575;
    margin-top: -0.1rem;
    margin-bottom: 0.2rem;
    line-height: 1.4;
}

.permission-setting-service .radio-list-wrap.simple-list .radio-list-item {
    float: none;
}

.permission-setting-service .radio-list-item:first-child {
    margin-bottom: 0.1rem;
}

.permission-setting-service .setting-wrapper {
    padding-top: 0.1rem;
    /* padding-left: 30px; */
}

.permission-setting-service .warning-info {
    line-height: 1.5;
    color: #dd4e40;
}
.permission-setting-service .preview-card-holder {
    margin-bottom: 0.2rem;
    line-height: 1.5;
}
.permission-setting-service .preview-card-holder .url-letter-title {
    font-weight: 700;
}

.permission-option-zone {
    display: flex;
    align-items: end;
}
.permission-option-zone .batch-input {
    color: #1e6ee6;
    cursor: pointer;
    margin-left: -0.38rem;
    margin-bottom: 0.04rem;
}
.batch-input-member-valid {
    display: flex;
    padding: 0.24rem;
    background-color: var(--umu-color-bg-base, #fff);
}
.batch-input-member-valid .batch-input-split-zone {
    width: 0.2rem;
}
.permission-batch-member {
    display: flex;
    align-items: center;
    position: relative;
}
.permission-batch-member .close-batch-dialog {
    position: absolute;
    right: 0.24rem;
    top: 0.24rem;
}

.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu.ngdialog-closing .ngdialog-content {
  width: 0rem;
  overflow: hidden;
  animation: ngdialog-flyout-align-center 0.5s;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content {
  width: 4.5rem;
  margin-left: 0;
  animation: none;
  transform: translate(-50%, -50%);
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .ngdialog-close::before {
  top: 0.14rem;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-header {
  padding: 0.24rem;
  box-sizing: border-box;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-header h3 {
  color: var(--umu-color-text, #222);
  font-size: 0.18rem;
  font-weight: bolder;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-body .umu-qrcode-dialog-qrcode-card {
  width: 2.8rem;
  margin: 0 auto;
  padding: 0.16rem;
  border-radius: 2px;
  margin-bottom: 0.3rem;
  border: 2px solid var(--umu-color-fill-secondary, #eee);
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-body .umu-qrcode-dialog-qrcode-card .umu-qrcode-dialog-qrcode-card-img .qr-code {
  width: auto;
  height: auto;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-body .umu-qrcode-dialog-qrcode-card .umu-qrcode-dialog-qrcode-card-title {
  color: var(--umu-color-text, #333);
  margin-top: 0.32rem;
  font-weight: bolder;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-body .umu-qrcode-dialog-qrcode-card .umu-qrcode-dialog-qrcode-card-desc {
  color: var(--umu-color-text-secondary, #666);
  margin-top: 0.16rem;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-body .umu-qrcode-dialog-qrcode-operation {
  gap: 24px;
  display: flex;
  margin-top: 0.3rem;
  justify-content: center;
}
.ngdialog.umu-share-qrcode-dialog.ngdialog-theme-umu .ngdialog-content .umu-qrcode-dialog-wrap .umu-qrcode-dialog-footer {
  text-align: right;
  padding: 0.24rem 0.24rem;
  box-sizing: border-box;
}
.combo-box {
    min-width: 2.16rem;
    position: relative;
}

body.locale-de .combo-box,
body.locale-en .combo-box {
    min-width: 2.5rem;
}

body.locale-de .combo-box .select-box .current,
body.locale-en .combo-box .select-box .current {
    font-size: 0.14rem;
}
body.locale-jp .combo-box {
    min-width: 2.5rem;
}

/* body.locale-jp .combo-box .select-box .current{
    font-size: 10px;
} */

.combo-box .checkable-select-box {
    margin-right: 0.75rem;
}

.combo-box .group-condition-select {
    position: absolute;
    right: 0.25rem;
    top: 0rem;
}

.combo-box .group-condition-select .select-list .select-list-item {
    padding: 0 0.1rem;
}

.combo-box .group-condition-select .icon {
    margin-top: -0.03rem;
}

.combo-box .check-list-item {
    width: 100%;
    position: relative;
}

.combo-box .value-desc {
    display: inline-block;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
    cursor: pointer;
}

.combo-box .check-box .input {
    position: absolute;
    left: 0;
}

.combo-box .select-list .check-box-list {
    padding: 0.05rem 0.1rem;
    max-height: 2.24rem;
    overflow: auto;
}

.combo-box .group-filter-tip {
    position: absolute;
    right: 0;
    top: 0.13rem;
}

.batch-input-user textarea,
.batch-input-user textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.batch-input-user.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.74rem;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.batch-input-user.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.74rem;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.batch-input-user.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body {
    flex: 1;
    overflow-y: auto;
    display: flex;
}

.batch-input-user.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
    max-height: 100%;
    overflow-y: auto;
}

.batch-input-user .input-area,
.batch-input-user .preview-area {
    vertical-align: top;
    display: inline-block;
    width: 3.9rem;
}

.batch-input-user .input-area {
    display: inline-block;
    margin-right: 0.28rem;
}

.batch-input-user .content {
    position: relative;
    margin-top: 0.1rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    width: 3.88rem;
    /* prettier-ignore */
    height: 444PX;
    overflow-y: auto;
    overflow-x: hidden;
}

body.locale-de .batch-input-user .wrapper,
body.locale-en .batch-input-user .wrapper {
    display: flex;
    flex-direction: row;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-content: space-around;
    justify-content: space-around;
}

body.locale-de .batch-input-user .input-area,
body.locale-en .batch-input-user .input-area {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body.locale-de .batch-input-user .preview-area,
body.locale-en .batch-input-user .preview-area {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.batch-input-user .content .placeholder-panel,
.batch-input-user .content .textarea {
    position: absolute;
    top: 0;
    background: transparent;
    width: 3.48rem;
    height: 4.04rem;
    padding: 0.2rem;
    border: none;
}

.batch-input-user .content .placeholder-panel {
    color: var(--umu-color-text-tertiary, #999);
}

.batch-input-user .content .placeholder-panel hr {
    height: 0.01rem;
    margin: 0 auto;
    border: none;
}

.batch-input-user .content .preview-user-list {
    padding: 0.2rem;
}

.batch-input-user .content .preview-user-list-empty {
    margin-top: 0.8rem;
    text-align: center;
    color: #757575;
}

.batch-input-user .content .preview-user-list-empty img {
    margin-bottom: 0.2rem;
}

.batch-input-user .content .preview-user-list-empty p {
    line-height: 1;
}

.batch-input-user .user-wrapper .user-input-email-tip {
    max-width: 3.3rem;
}

.batch-input-user .user-wrapper .user {
    max-width: 3.2rem;
}
.batch-input-user .preview-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.batch-input-user-rich-text textarea,
.batch-input-user-rich-text textarea:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.batch-input-user-rich-text.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.74rem;
}

.batch-input-user-rich-text .input-area,
.batch-input-user-rich-text .preview-area {
    vertical-align: top;
    display: inline-block;
    width: 3.9rem;
}

.batch-input-user-rich-text .input-area {
    display: inline-block;
    margin-right: 0.28rem;
}

.batch-input-user-rich-text .react-connector {
    height: 100%;
}

.batch-input-user-rich-text .non-exist-user-left {
    color: #dd4e40;
}

.batch-input-user-rich-text .content {
    position: relative;
    margin-top: 0.1rem;
    width: 3.88rem;
    height: 4.44rem;
    overflow-y: auto;
    border: none;
    border-radius: 4px;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.batch-input-user-rich-text .div-textarea {
    height: 100%;
    padding: 0.2rem;
    box-sizing: border-box;
}

.batch-input-user-rich-text .div-textarea:empty:before {
    content: attr(placeholder);
    color: var(--umu-color-text-secondary, #666);
}

body.locale-de .batch-input-user-rich-text .wrapper,
body.locale-en .batch-input-user-rich-text .wrapper {
    display: flex;
    flex-direction: row;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-content: space-around;
    justify-content: space-around;
}

body.locale-de .batch-input-user-rich-text .input-area,
body.locale-en .batch-input-user-rich-text .input-area {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

body.locale-de .batch-input-user-rich-text .preview-area,
body.locale-en .batch-input-user-rich-text .preview-area {
    flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.batch-input-user-rich-text .content .placeholder-panel,
.batch-input-user-rich-text .content .textarea {
    position: absolute;
    top: 0;
    background: transparent;
    width: 3.48rem;
    height: 4.04rem;
    padding: 0.2rem;
    border: none;
}

.batch-input-user-rich-text .content .placeholder-panel {
    color: var(--umu-color-text-tertiary, #999);
}

.batch-input-user-rich-text .content .placeholder-panel hr {
    height: 0.01rem;
    margin: 0 auto;
    border: none;
}

.batch-input-user-rich-text .content .preview-user-list {
    padding: 0.2rem;
}

.batch-input-user-rich-text .content .preview-user-list-empty {
    margin-top: 0.8rem;
    text-align: center;
    color: #757575;
}

.batch-input-user-rich-text .content .preview-user-list-empty img {
    margin-bottom: 0.2rem;
}

.batch-input-user-rich-text .content .preview-user-list-empty p {
    line-height: 1;
}

.batch-input-user-rich-text .user-wrapper .user-input-email-tip {
    max-width: 3.3rem;
}

.batch-input-user-rich-text .user-wrapper .user {
    max-width: 3.2rem;
}
.batch-input-user-rich-text .preview-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}

.batch-input-user-rich-text .content .user {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
    background-color: var(--umu-color-bg-base, #fff);
    padding-right: 0.08rem;
    margin: 0;
    margin-bottom: 0.12rem;
}

.batch-input-user-rich-text .content .user .img.deer-avatar {
    position: static;
    width: 0.28rem;
    height: 0.28rem;
    flex: none;
}

.batch-input-user-rich-text .content .user .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.batch-input-user-rich-text .content .user .user-name {
    width: 100%;
    max-width: 3rem;
    overflow: hidden;
    margin-left: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.batch-input-user-rich-text .content .user.warning {
    color: #dd4e40;
    background: none;
    border-bottom: none;
}

.batch-input-user-rich-text .is-non-exist-mark {
    color: #dd4e40;
    background: none;
}

.batch-input-user-rich-text .batch-input-user-rich-text-invalid-mark-item {
    color: var(--umu-color-text, #222);
    background: none;
}

.user-wrapper {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.user-wrapper .user-name-wrapper {
    position: relative;
}

.user-wrapper .user {
    display: inline-block;
    position: relative;
    margin: 0.04rem 0.03rem 0 0.05rem;
    padding: 0.04rem 0.24rem 0.05rem 0;
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #212121);
    font-size: 0.14rem;
    line-height: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 2rem;
    z-index: 999;
    cursor: default;
    border: 1px solid var(--umu-color-border-secondary, #f5f5f5);
}

.user-wrapper .user.warning {
    background: var(--umu-color-bg-base, #fff);
    border: none;
    border-bottom: 2px dashed #dd4e40;
    color: black;
    padding-bottom: 0;
    height: 0.21rem;
}

.user-wrapper .user.warning .user-name {
    margin-left: 0.05rem;
}

.user-wrapper .warning.input-user-active {
    border-bottom: 2px dashed #000;
}

.user-wrapper .input-user-active {
    border: 1px solid #1e6ee6;
}

.user-wrapper .avatar {
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
}

.user-wrapper .avatar .avatar-word {
    line-height: 0.25rem;
}

.user-wrapper .avatar img {
    width: 0.16rem;
}

.user-wrapper .user-name {
    margin-left: 0.35rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.user-wrapper .user-close {
    width: 0.12rem;
    height: 0.12rem;
    position: absolute;
    right: 0.06rem;
    top: 0.06rem;
    cursor: pointer;
}

.user-wrapper .user-close .icon {
    vertical-align: top;
}

.user-input-email-tip {
    position: absolute;
    top: 0.35rem;
    left: 0.05rem;
    background-color: #424242;
    color: #fff;
    font-size: 0.12rem;
    padding: 0.02rem 0.06rem;
    z-index: 1005;
}

.user-input-email-tip:after {
    content: '';
    border-width: 4px;
    border-style: solid;
    border-color: transparent transparent #424242 transparent;
    position: absolute;
    right: 45%;
    top: -0.08rem;
}

.list-blank-2023-pc {
  padding: 0 0.16rem;
  text-align: center;
}
.list-blank-2023-pc.empty-content .list-blank-img {
  width: 1.7rem;
  height: auto;
}
.list-blank-2023-pc .list-blank-img {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 1rem auto 0;
}
.list-blank-2023-pc .list-blank-title {
  line-height: 0.26rem;
  font-size: 0.18rem;
  color: var(--umu-color-text, #222);
}
.list-blank-2023-pc .list-blank-desc {
  margin: 0.12rem auto 0.12rem;
  padding: 0;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--umu-color-text-secondary, #666);
}
.list-blank-2023-pc .list-blank-text {
  padding: 0;
  padding-top: 0.16rem;
}

.list-blank-2023-pc.list-blank-img-220,
.list-blank-2023-pc.list-blank-img-512 {
  width: 4.48rem;
  padding: 0;
  margin: 0 auto;
  margin-top: 1.04rem;
  margin-bottom: 1.04rem;
}
.list-blank-2023-pc.list-blank-img-220 .list-blank-img,
.list-blank-2023-pc.list-blank-img-512 .list-blank-img {
  display: block;
  width: 2.2rem;
  height: auto;
  margin: 0 auto;
  margin-bottom: 0.24rem;
}
.list-blank-2023-pc.list-blank-img-220 .list-blank-text,
.list-blank-2023-pc.list-blank-img-512 .list-blank-text {
  padding: 0;
  text-align: center;
}
.list-blank-2023-pc.list-blank-img-220 .list-blank-title,
.list-blank-2023-pc.list-blank-img-512 .list-blank-title {
  line-height: 0.26rem;
  font-size: 0.18rem;
  color: var(--umu-color-text, #222);
  margin-bottom: 0.08rem;
}
.list-blank-2023-pc.list-blank-img-220 .list-blank-desc,
.list-blank-2023-pc.list-blank-img-512 .list-blank-desc {
  margin: 0;
  padding: 0;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--umu-color-text-secondary, #666);
}
.list-blank-2023-pc.list-blank-img-220 .list-blank-operation,
.list-blank-2023-pc.list-blank-img-512 .list-blank-operation {
  text-align: center;
  margin-top: 0.24rem;
}
.list-blank-2023-pc.list-blank-img-220 .operation-button,
.list-blank-2023-pc.list-blank-img-512 .operation-button {
  display: inline-block;
  min-width: 1.04rem;
  padding: 0.08rem;
  background: #1E6EE6;
  border-radius: 4px;
  text-align: center;
  line-height: 0.2rem;
  color: #fff;
  font-size: 0.14rem;
  font-weight: 500;
  cursor: pointer;
}

.list-blank-2023-pc.list-blank-img-512 {
  width: 5.12rem;
}
.list-blank-2023-pc.list-blank-img-512 .list-blank-img {
  display: block;
  width: 1.6rem;
  height: auto;
  margin: 0 auto;
  margin-bottom: 0.16rem;
}

@media screen and (height <= 900px) {
  .list-blank-2023-pc.list-blank-img-220 {
    margin-top: 0rem;
  }
}
.certificate-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2000;
  cursor: initial;
}
.certificate-overlay .certificate-content {
  position: relative;
}
.certificate-overlay .certificate-content .certificate {
  width: 4rem;
  height: 5.33rem;
  position: relative;
}
.certificate-overlay .certificate-content .close {
  position: absolute;
  right: -0.36rem;
  top: 0;
  color: white;
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADzSURBVHgB7dfhDcIgEIbhixM4giO4kY7CJo6im9QNHOETIiaEaIXjgzPKmxB/2FyeNGmhIrPZ7McDcPLrIOT8zJ1f5/Ar2iLuGQ0ZcUucu6iQGY6GzHBIkNvaQUe8To18gws50cRE0nFMZDccA9kd14IchtMgh+NqkGa4EqQ5rgB5M8cVIO1xhUgnjW2kvYtf1zf/LWLZygORRj+qMXE2yBWcQ4dTEA2XXGODRMVLeDgSih1iGBIN21d3JAh7azckiBs/HYkOpxIqEo+PahruAzKcgKo/O/M76IRUhgy4vWhKkE7IRaQelwyqu/VfMns2+5vuooTv0RIKLYMAAAAASUVORK5CYII=);
  background-size: 0.2rem;
  cursor: pointer;
}
.certificate-overlay .action-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.certificate-overlay .action-wrapper .action-btn {
  display: block;
  font-size: 0.14rem;
  line-height: 0.2rem;
  padding: 0.06rem 0.2rem;
  color: var(--umu-color-primary, #f2af2e);
  border: 1px solid var(--umu-color-primary, #f2af2e);
  border-radius: 4px;
  margin-top: 0.32rem;
  cursor: pointer;
}
.certificate-overlay .action-wrapper .action-btn + .action-btn {
  margin-left: 0.16rem;
}
.is-web.user-name-info {
    display: inline;
    flex: 1;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

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

.is-web.user-name-info.transcate {
    /* display: inline-block; */
    max-width: 0.8rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.locale-en .is-web.user-name-info.transcate {
    max-width: 0.9rem;
}

.is-web.user-name-info.transcate .user-medal-info-holder {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.is-web.user-name-info.lable {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 0.65rem);
    padding-right: 0.65rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.is-web.user-name-info.lable .user-medal-info-holder {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.is-web.user-name-info.lable .btn-label-role-holder {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.is-web.user-name-info.lableOnly {
    display: flex;
    align-items: center;
    max-width: calc(100% - 1.05rem);
    padding-right: 1.05rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.btn-label-role {
    background: #212121;
    border-radius: 2px;
    font-size: 0.12rem;
    color: var(--umu-color-primary, #ffbd2b);
    padding: 0 0.07rem;
    margin-left: 0.05rem;
    display: inline-block;
    line-height: 0.19rem;
}

.user-name .is-web.user-name-info .user-name-content {
    display: inline-block;
    max-width: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-tip-card .tip-card-wrap .user-name .is-web.user-name-info .user-name-content {
    max-width: 1.6rem;
}

.user-name .is-web.user-name-info .user-medal-info-holder {
    vertical-align: 0rem;
}

body.locale-de .is-web.user-name-info.lable,
body.locale-en .is-web.user-name-info.lable,
body.locale-es .is-web.user-name-info.lable,
body.locale-fr .is-web.user-name-info.lable {
    max-width: calc(100% - 0.95rem);
    padding-right: 0.95rem;
}

body.locale-de .is-web.user-name-info.lable .user-medal-info-holder,
body.locale-en .is-web.user-name-info.lable .user-medal-info-holder,
body.locale-fr .is-web.user-name-info.lable .user-medal-info-holder,
body.locale-es .is-web.user-name-info.lable .user-medal-info-holder {
    right: 0.75rem;
}

body.locale-th .is-web.user-name-info.lable .user-medal-info-holder {
    right: 0.44rem;
}
body.locale-de .is-web.user-name-info.lableOnly,
body.locale-en .is-web.user-name-info.lableOnly {
    max-width: calc(100% - 1.3rem);
    padding-right: 1.3rem;
}

body.locale-es .is-web.user-name-info.lableOnly,
body.locale-fr .is-web.user-name-info.lableOnly {
    max-width: calc(100% - 1.3rem);
    padding-right: 1.3rem;
}

.user-medal-icon {
}

.user-medal-icon .user-medal {
    width: 0.2rem;
    height: 0.2rem;
}

.user-medal-icon .user-medal img {
    display: block;
}

.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: 1.4;
    padding: 0 0.04rem;
    text-align: center;
    white-space: nowrap;
}

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

@keyframes teacher-dialog-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@keyframes teacher-dialog-fadeout {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
.teacher-welcome-dialog .umu-dialog-body {
  padding-bottom: 0.2rem;
}
.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu {
  z-index: 5800;
}
.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  transform: translate(-50%, -50%);
  animation: teacher-dialog-fadein 0.5s;
}
.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu.ngdialog-closing .ngdialog-content {
  animation: teacher-dialog-fadeout 0.5s;
}
.teacher-welcome-dialog .teacher-welcome-content-wrap {
  font-size: 0.24rem;
  font-weight: 400;
  text-align: center;
}
.teacher-welcome-dialog .teacher-welcome-content-wrap .bg-brown {
  width: 100%;
  height: 1.8rem;
  margin-top: 0.14rem;
  position: relative;
  background-image: url(/twww/cn/images/start-trial-bg.be8d0cce..png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.teacher-welcome-dialog .teacher-welcome-content-wrap .bg-gold {
  width: 100%;
  height: 1.8rem;
  margin-top: 0.14rem;
  position: relative;
  background-image: url(/twww/cn/images/start-trial-bg-gold.b0e655ab..png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.teacher-welcome-dialog .teacher-welcome-content-wrap .greeting-text {
  font-size: 0.22rem;
  line-height: 0.26rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teacher-welcome-dialog .teacher-welcome-content-wrap .guide-text {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--AI-tools-text-2, #4E5969);
  margin-top: 0.12rem;
  display: flex;
  justify-content: center;
  text-align: left;
}
.teacher-welcome-dialog .umu-dialog-footer {
  text-align: center;
}
.teacher-welcome-dialog .umu-dialog-footer .umu-dialog-buttons {
  float: none;
}
.teacher-welcome-dialog .umu-dialog-footer .umu-dialog-buttons .btn {
  min-width: 1.6rem;
  font-weight: 600;
  font-size: 0.14rem;
  float: none;
  margin: 0rem;
}
.teacher-welcome-dialog .umu-dialog-footer .umu-dialog-buttons button {
  text-transform: none;
}

.ai-tools-dialog.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
  padding: 0.4rem 0.24rem 0.2rem 0.24rem;
}
.ai-tools-dialog.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .teacher-welcome-content-wrap .greeting-text {
  margin-top: 0.12rem;
  font-size: 0.22rem;
  font-weight: 500;
  line-height: 0.28rem;
}
.ai-tools-dialog.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .teacher-welcome-content-wrap .guide-text {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--AI-tools-text-2, #4E5969);
}
.ai-tools-dialog.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .umu-design-comp-btn-primary {
  width: 100%;
  height: 0.44rem;
  background-color: #FFC610;
  border-color: #FFC610;
}
.ai-tools-dialog.teacher-welcome-dialog.ngdialog.ngdialog-theme-umu .umu-design-comp-btn-primary:hover {
  background-color: #F4B900;
  border-color: #F4B900;
}
@keyframes teacher-dialog-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@keyframes teacher-dialog-fadeout {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
.teacher-course-created-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  transform: translate(-50%, -50%);
  animation: teacher-dialog-fadein 0.5s;
}
.teacher-course-created-dialog.ngdialog.ngdialog-theme-umu.ngdialog-closing .ngdialog-content {
  animation: teacher-dialog-fadeout 0.5s;
}
.teacher-course-created-dialog .teacher-course-created-content-wrap {
  font-size: 0.24rem;
  text-align: center;
}
.teacher-course-created-dialog .teacher-course-created-content-wrap .bg-brown {
  width: 100%;
  height: 1.8rem;
  margin-top: 0.14rem;
  position: relative;
  background-image: url(/twww/cn/images/start-trial-bg.be8d0cce..png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.teacher-course-created-dialog .teacher-course-created-content-wrap .bg-gold {
  width: 100%;
  height: 1.8rem;
  margin-top: 0.14rem;
  position: relative;
  background-image: url(/twww/cn/images/start-trial-bg-gold.b0e655ab..png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.teacher-course-created-dialog .teacher-course-created-content-wrap .congratulation-text {
  font-weight: 400;
  font-size: 0.22rem;
  line-height: 0.26rem;
  text-align: center;
  color: var(--umu-color-text, #222);
  margin-top: 0.24rem;
}
.teacher-course-created-dialog .umu-dialog-footer {
  text-align: center;
}
.teacher-course-created-dialog .umu-dialog-footer .umu-dialog-buttons {
  float: none;
}
.teacher-course-created-dialog .umu-dialog-footer .umu-dialog-buttons .btn {
  min-width: 1.6rem;
  font-weight: 600;
  font-size: 0.14rem;
  float: none;
  margin: 0rem;
}
.teacher-course-created-dialog .umu-dialog-footer .umu-dialog-buttons button {
  text-transform: none;
}
.multiple-select {
    position: relative;
    width: 100%;
    background-color: var(--umu-color-bg-base, #fff);
}

.multiple-select .data-selected {
    width: 100%;
    height: 0.4rem;
    line-height: 0.3rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    padding-left: 0.05rem;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}

.multiple-select .data-selected .select-desc {
    max-width: calc(100% - 0.5rem);
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.05rem;
    margin-top: 0.04rem;
    vertical-align: -0.1rem;
}

.multiple-select .search-box {
    position: absolute;
    top: 0.4rem;
    left: 0;
    right: 0;
    background-color: var(--umu-color-bg-base, #fff);
}
.multiple-select .search-box .suggest-box {
    -ms-user-select: none;
        user-select: none;
    -webkit-user-select: none;
    width: 100%;
    position: relative;
    z-index: 1;
    background: var(--umu-color-bg-base, #fff);
}

.multiple-select .search-box .suggest-box input {
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    display: block;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    position: relative;
    top: -0.01rem;
    resize: none;
    background: none;
    font-size: 0.14rem;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-left: 0.1rem;
    box-sizing: border-box;
}

.multiple-select .search-box .suggest-box #ban-auto-focus {
    display: block;
    height: 0;
    border: 0 none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.multiple-select .select-list {
    width: 100%;
    position: relative;
}

.multiple-select .select-list .multiple-select-ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0.05rem 0.1rem 0;
    max-height: 1.75rem;
    overflow: auto;
    display: block;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    top: 0.38rem;
    z-index: 105;
    border-top: 1px dashed #d3d3d3;
}

.multiple-select .select-list .item-wrap {
    position: relative;
}

.multiple-select .select-list li {
    font-size: 0.14rem;
    text-align: left;
    list-style: none;
    width: 100%;
    background-color: var(--umu-color-bg-base, #fff);
    height: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.04rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.05rem;
    margin-top: 0.04rem;
}

.multiple-select .select-list li.no-data-tip {
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}

.multiple-select .select-list li.no-data-tip {
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}

.multiple-select .select-list li.active {
    background: var(--umu-color-primary, #ffbd2c);
    color: #fff;
}

.multiple-select .select-list li.active .highlight {
    color: #fff;
}

.multiple-select .select-list .multiple-load {
    position: absolute;
    top: 0.38rem;
    left: 0;
    right: 0;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    background-color: var(--umu-color-bg-base, #fff);
    z-index: 1;
}

.multiple-select .select-list .multiple-load .loading-spinner {
    padding: 0.2rem;
}

.multiple-select .select-list.is-expand-options {
    min-height: 1.75rem;
}

.multiple-select .select-list.is-expand-options .multiple-select-ul {
    position: relative;
}

.multiple-select .select-list.is-expand-options .multiple-select-ul {
    height: 1.75rem;
}

.multiple-select .select-list.select-list.is-expand-options li.no-data-tip {
    height: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
}

.multiple-select .select-list.is-expand-options .multiple-load {
    height: 1.2rem;
}

.multiple-select .data-selected .icon-filter-clean {
    position: absolute;
    right: 0.33rem;
    top: 50%;
    transform: translateY(-50%);
    width: 0.18rem;
    height: 0.18rem;
    color: var(--umu-color-text-secondary, #666);
}
.multiple-select .data-selected .iconfont-drop-down {
    position: absolute;
    right: 0.06rem;
    top: 50%;
    transform: translateY(-0.11rem);
    width: 0.16rem;
    height: 0.16rem;
    color: var(--umu-color-text-secondary, #666);
}
.multiple-select.active .data-selected .iconfont-drop-down {
    transform: rotate(180deg) translateY(25%);
}

.multiple-select .data-selected .iconfont-drop-down .iconfont {
    width: 0.16rem;
    height: 0.16rem;
    font-size: 0.16rem;
    line-height: 0.16rem;
}

/* .multiple-select .data-selected:after{
    content:"";
    position:absolute;
    right:4px;
    bottom:4px;
    width: 16px;
    height: 16px;
    background: url(~images/icon/icon-arrow-down.png) no-repeat center;
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    border: 0 none;
}

.multiple-select.active .data-selected:after {
    top: 45%;
    transform: rotate(180deg) translateY(25%);
} */
.multiple-select .iconfont-delete-2 {
    width: 0.18rem;
    height: 0.18rem;
    position: relative;
    top: -0.01rem;
    line-height: 0.18rem;
    color: var(--umu-color-text-tertiary, #999);
}

.common-login-form .account-login-submit button.btn-sso {
    width: 100%;
    margin-top: 0.8rem;
}

.common-login-form .account-page-tip .login-tip-title {
    padding-top: 0.16rem;
}
.common-login-form .or span {
    padding: 0 0.1rem;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -0.05rem);
    background: #fff;
    text-transform: uppercase;
}
.common-login-form .account-login-footer .btn-text {
    color: var(--umu-color-text, #222);
}

.account-login-type-change .tabs.tabs-theme-stick .tab-action.current {
    font-weight: 600;
    box-shadow: 0 -0.02rem 0 #fab400 inset;
}

.common-login-form .account-login-footer .btn-text:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    text-decoration: none;
}

.common-login-form .form-row-body {
    margin-top: 0.08rem;
}

.common-login-form .input-box.password-input {
  padding-right: 0rem;
}
.common-login-form .input-box.password-input .input-text {
  height: 0.4rem;
  box-sizing: border-box;
}
.common-login-form .account-login-form .form-row {
  margin: 0.16rem 0rem;
}
.common-login-form .account-login-footer {
  width: calc(100% - 0.64rem);
  margin-left: 0.32rem;
}
.common-login-form .btn.btn-warning,
.common-login-form .btn.btn-primary {
  text-transform: none !important;
  border-radius: 12px;
}
.sso-login-form .form-row-label {
    font-size: 0.14rem;
    line-height: 0.2rem;
    display: flex;
    align-items: center;
}

.sso-login-form .form-row-label .tipIcon {
    width: 0.16rem;
    height: 0.16rem;
    margin-left: 0.08rem;
}

.sso-login-form .form-row-body {
    margin-top: 0.08rem;
}

.sso-login-form .loading-spinner {
    padding-left: 1.5rem;
}
.sso-login-form .account-login .account-login-submit {
    margin: 0.24rem 0rem;
}

.sso-login-form .other-login-type {
    color: #1e6ee6;
    display: flex;
    align-items: center;
    line-height: 0.2rem;
}

.sso-login-form .other-login-type svg.iconfont {
    width: 0.2rem;
    height: 0.2rem;
}

.sso-id-error-tips {
    color: var(--ai-tools-text-35, #737c90);
}

.bind-phone-input .form-row {
  margin-bottom: 0.2rem;
}
.bind-phone-input .form-row-label {
  font-size: 0.14rem;
  color: var(--umu-color-text, #212121);
}
.bind-phone-input .form-row-body .retry {
  color: var(--umu-color-text-tertiary, #999999);
  margin-top: 0.05rem;
}
.bind-phone-input .form-row-body .retry a {
  color: #1e6ee6;
}
.bind-phone-input .form-row-body .retry a.disabled {
  color: var(--umu-color-text-tertiary, #999999);
  cursor: default;
}
.bind-phone-input .form-row-body .retry .timeout {
  color: var(--umu-color-text-tertiary, #999999);
  cursor: default;
}
.bind-phone-input .global-phone-number-input .select-box .current:after {
  content: "|";
  background: none;
  width: auto;
  height: auto;
  right: 0.1rem;
  bottom: 0rem;
  color: #e9ebec;
  border: 0;
  top: 0;
  transform: translateY(0);
  -webkit-transform: translateY(0);
}
.set-password-input .form-row {
    margin-bottom: 0.2rem;
}

.set-password-input .form-row-label {
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
}

.set-password-input .form-row-body .input-password {
    position: relative;
}

.dropdown-menu-umu-pc {
  min-width: 1.8rem;
  color: var(--umu-color-text-secondary, #666);
}
.dropdown-menu-umu-pc ul.ant-dropdown-menu {
  padding: 0.15rem 0;
}
.dropdown-menu-umu-pc ul.ant-dropdown-menu .ant-dropdown-menu-item {
  height: 0.4rem;
  line-height: 0.4rem;
  padding: 0 0.3rem;
  color: var(--umu-color-text-secondary, #666);
}
.survey-set-description {
    margin-top: 0.15rem;
}

.survey-setting .option-content .radio-list .radio-box {
    margin-right: 0.08rem;
}

.survey-setting .option-content .radio-list .radio-list-item {
    display: flex;
    align-items: center;
}

.course-category-group .course-category-selector-item {
    display: flex;
    margin-bottom: 0.2rem;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.course-category-group .course-category-selector-item .disabled-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.course-category-group .course-category-selector-item .selector-wrap {
    flex: 1;
}

.course-category-group .course-category-selector-item .operate-wrap {
    width: 0.84rem;
    display: flex;
    gap: 12px;
    margin-left: 0.12rem;
}

.course-category-group .operate-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0.36rem;
    height: 0.36rem;
    border-radius: 4px;
    color: var(--umu-color-text-tertiary, #999);
    line-height: 0.36rem;
    text-align: center;
    background-color: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-sizing: border-box;
}

.course-category-group .operate-button.disabled {
    cursor: not-allowed;
}

@charset "UTF-8";
.group-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 7rem;
  margin-left: -3.5rem;
}

.group-share-dialog .btn-group-share-save {
  text-align: right;
}

.group-share-dialog .toggle-wx-share-config {
  margin-top: -0.36rem;
  height: 0.36rem;
  line-height: 0.36rem;
}

.group-share-dialog .user-permission-selector {
  margin-bottom: 0.2rem;
}

.group-share-dialog .select-list {
  z-index: 1004;
}

.group-share-dialog .btn-batch-input {
  margin-left: 0.05rem;
}

/* button 替换 */
/* .group-share-dialog .btn-group-share-save .btn {
    margin-left: 0.12rem;
}
.group-share-dialog .btn-group-share-save .btn-primary {
    padding: 0 0.13rem;
    background: var(--umu-color-primary, #fab400);
    color: #FFFFFF;
    border-radius: 0.04rem;
    border-color: var(--umu-color-primary, #fab400);
}
.group-share-dialog .btn-group-share-save .btn-optional {
    padding: 0 0.13rem;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 0.04rem;
} */
.group-share-dialog .btn-group-share-save umu-button + umu-button {
  margin-left: 0.09rem;
}

.group-share-dialog .share-dialog-way-body.way-card {
  height: 2rem;
  margin-left: -0.35rem;
}

.share-dialog-way .applets-img-qr {
  width: 100%;
  height: 100%;
  padding: 0.12rem;
  border-radius: 0.04rem;
  border: 0.01rem solid var(--umu-color-fill-secondary, #eee);
  text-align: center;
}

.share-dialog-way .applets-img-qr .img-qr {
  width: 0.72rem;
  height: 0.72rem;
}

.share-dialog-way .applets-img-qr .applets-info-zone {
  margin-top: 0.12rem;
  font-size: 0.12rem;
  font-weight: 400;
  line-height: 0.16rem;
  display: flex;
  flex-direction: column;
}

.share-dialog-way .applets-img-qr .applets-info-zone .applets-course-title {
  color: var(--umu-color-text, #222);
  text-align: center;
}

.share-dialog-way .applets-img-qr .applets-info-zone .applets-course-code {
  margin-top: 0.04rem;
  color: var(--umu-color-text-secondary, #666666);
  text-align: center;
}

.group-share-dialog .share-dialog-way-body .theme-list {
  display: flex;
}

.applets-share-way {
  display: flex;
  flex-direction: column;
  width: 1.6rem;
  min-height: 1.6rem;
  margin-right: 0.58rem;
}

.applets-share-way-link {
  margin-bottom: 0.2rem;
}

.applets-share-way .applets-share-down {
  margin-top: 0.04rem;
  text-align: center;
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview {
  width: 1.25rem;
  margin-right: 0.04rem;
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  transform-origin: left top;
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement {
  transform: scale(0.256);
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview.invite {
  transform: scale(0.312);
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-more {
  width: 1.05rem;
  height: 100%;
  text-align: center;
  cursor: pointer;
  height: 1.56rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-more i {
  display: block;
  height: 0.48rem;
  width: 0.48rem;
  background-size: cover;
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download {
  width: 3.4rem;
  text-align: center;
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking {
  text-align: center;
  font-size: 0.46rem;
  border: 0 none;
  margin-top: 0.32rem;
  background-color: var(--umu-color-bg-base, #fff);
  height: 0.45rem;
  color: #1e6ee6;
}

.group-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
  font-size: 0.55rem;
  margin-top: 0.38rem;
  white-space: nowrap;
}

body.locale-cn .group-share-dialog .share-dialog-way-body.way-card {
  height: 2rem;
}

body.locale-jp .group-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download {
  width: 3.5rem;
}

body.locale-de .group-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking,
body.locale-en .group-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking {
  margin-top: 0.38rem;
}

body.locale-jp .group-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
  margin-left: -0.15rem;
}

.group-share-config-info {
  max-height: 50vh;
  overflow: auto;
  padding-right: 0.24rem;
}

.group-share-weixin,
.group-share-footer {
  padding-right: 0.24rem;
}

.group-share-weixin .share-config-panel {
  right: 0.24rem;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-body.group-share-dialog-body {
  padding-right: 0rem;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-body.group-share-dialog-body .share-dialog-ways .share-dialog-way .share-dialog-way-body.way-card .theme-list .theme-preview .course-custom-excitation .share-body .course-info .data-user-item {
  display: block;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-body.group-share-dialog-body .share-dialog-ways .share-dialog-way .share-dialog-way-body.way-card .theme-list .theme-preview .share-theme-final .share-card-content-wrap .share-card-content {
  display: block;
}

.group-share-dialog-body.role-permission-lv-1 .share-switch-content {
  pointer-events: none;
}
.group-share-dialog-body.role-permission-lv-1 .share-switch-content .select-box .current:after {
  display: none;
}
.group-share-dialog-body.role-permission-lv-1 .share-permission-selector umu-button {
  display: none;
}
.group-share-dialog-body.role-permission-lv-1 user-permission-selector,
.group-share-dialog-body.role-permission-lv-1 applets-config-info,
.group-share-dialog-body.role-permission-lv-1 .is-sync,
.group-share-dialog-body.role-permission-lv-1 .auto-switch-zone {
  display: none;
}
.learn_within_miniprogram_dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 4.5rem;
}
.learn_within_miniprogram_dialog .dialog-title {
  color: var(--umu-color-text, #222);
  font-size: 0.22rem;
  font-weight: 400;
  line-height: 0.28rem;
  /* 127.273% */
  margin-bottom: 0.16rem;
}
.learn_within_miniprogram_dialog .dialog-tip {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  /* 142.857% */
  margin-bottom: 0.2rem;
}
.learn_within_miniprogram_dialog .dialog-content {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.learn_within_miniprogram_dialog .dialog-content .applets-img-qr {
  width: 100%;
  box-sizing: border-box;
  padding: 0.2rem;
  border-radius: 6px;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  text-align: center;
}
.learn_within_miniprogram_dialog .dialog-content .applets-img-qr .img-qr {
  width: 1.3rem;
  height: 1.3rem;
}
.learn_within_miniprogram_dialog .dialog-content .applets-img-qr .applets-info-zone {
  margin-top: 0.16rem;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  display: flex;
  flex-direction: column;
}
.learn_within_miniprogram_dialog .dialog-content .applets-img-qr .applets-info-zone .applets-course-title {
  font-size: 0.16rem;
  color: var(--umu-color-text, #222);
  text-align: center;
  margin-bottom: 0.06rem;
}
.learn_within_miniprogram_dialog .dialog-content .applets-img-qr .applets-info-zone .applets-course-code {
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666666);
  text-align: center;
}
.learn_within_miniprogram_dialog .dialog-content .applets-share-down {
  margin-top: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  text-align: center;
}
/* */
.course-release-confirm-dialog .release-confirm-body p {
  margin-bottom: 0.1rem;
}

/* */
.course-release-hisotry-dialog .release-history-options {
  margin-bottom: 0.2rem;
  color: #1e6ee6;
  font-size: 0.14rem;
}

.course-release-hisotry-dialog .release-history-view {
  max-height: 2.4rem;
  overflow-y: auto;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  padding: 0.2rem;
  min-height: 1.8rem;
  border-radius: 3px;
}

/* */
.course-re-release-dialog .release-attach textarea {
  height: 1rem;
}

.snack-bar-add-course-to-program .action-btn {
  white-space: nowrap;
}

.ngdialog .add-course-to-program-content {
  padding: 0.2rem 0.24rem;
  border-radius: 2px;
}

.add-course-to-program-content .add-subitem-header {
  color: var(--umu-color-text, #212121);
  font-size: 0.18rem;
  line-height: 0.38rem;
  margin-bottom: 0.2rem;
}

.add-course-to-program-content .form-row {
  margin-bottom: 0.1rem;
}

.add-course-to-program-content .form-row:last-child {
  margin-bottom: 0.2rem;
}

.add-course-to-program-content .add-subitem-body .keywords,
.add-course-to-program-content .add-subitem-body .team,
.add-course-to-program-content .add-subitem-body .author,
.add-course-to-program-content .add-subitem-body .label,
.add-course-to-program-content .add-subitem-body .start-date,
.add-course-to-program-content .add-subitem-body .end-date {
  float: left;
}

.add-course-to-program-content .add-subitem-body .ng-date-picker .picker-value {
  width: 3.23rem;
}

.add-course-to-program-content .add-subitem-body .keywords {
  width: 1.72rem;
  margin-right: 0.1rem;
}

.add-course-to-program-content .add-subitem-body .team {
  width: 2.8rem;
  margin-right: 0.1rem;
}

.add-course-to-program-content .add-subitem-body .author {
  width: 2rem;
}

.add-course-to-program-content .only-keywords .author,
.add-course-to-program-content .only-keywords .team {
  display: none;
}

.add-course-to-program-content .only-keywords .keywords {
  width: 100%;
}

.add-course-to-program-content .add-subitem-body .label {
  margin-right: 0.1rem;
  line-height: 0.4rem;
  font-size: 0.14rem;
  color: var(--umu-color-text, #333333);
}

.add-course-to-program-content .add-subitem-body .start-date {
  width: 2.8rem;
}

/* .add-course-to-program-content .add-subitem-body .start-date .select-box {
    width: 172px;
}

.add-course-to-program-content .add-subitem-body .start-date:before {
    content: '';
    float: right;
    background: #e0e0e0;
    width: 5px;
    height: 2px;
    margin: 19px 2px;
} */
.add-course-to-program-content .add-subitem-body .end-date {
  width: 1.72rem;
}

.add-course-to-program-content .start-date .current,
.add-course-to-program-content .end-date .current {
  padding: 0 0.1rem;
}

.add-course-to-program-content .add-subitem-body .btn-search-subitem,
.add-course-to-program-content .add-subitem-body .btn-reset {
  float: right;
  min-width: 0.4rem;
  margin-left: 0.1rem;
  margin-top: 0.02rem;
  padding: 0 0.05rem;
  width: 0.7rem;
}

.add-course-to-program-content .form-list {
  min-height: 4rem;
  margin-bottom: 0.2rem;
  margin-top: 0.2rem;
  position: relative;
}
.add-course-to-program-content .form-list .program-list {
  min-height: 5rem;
}

.add-course-to-program-content .group-list .loading-spinner {
  padding: 0.1rem 0;
}

.add-course-to-program-content .empty-subitems-list {
  margin: 0.5rem auto;
  text-align: center;
}

.add-course-to-program-content .add-subitem-body .icon-subitems-empty {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 auto;
  display: block;
}

.add-course-to-program-content .empty-subitems-list .empty-subitems-text {
  margin-top: 0.1rem;
  line-height: 1.4;
}

.add-course-to-program-content .add-subitem-footer .btn {
  float: right;
  margin-left: 0.2rem;
}

.add-course-to-program-content .add-subitem-pages {
  line-height: 0.36rem;
}

.add-course-to-program-content .bear-card {
  box-shadow: none;
}

.add-course-to-program-content .bear-card.sub .bear-card-header {
  padding: 0.08rem 0.2rem;
}

.add-course-to-program-content .group-item .bear-card-title-wrap {
  max-width: 3.9rem;
}

.add-course-to-program-content .loadmore-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 0.57rem;
}

.add-course-to-program-content .no-data-blank {
  text-align: center;
}

.add-course-to-program-content .add-subitem-footer button {
  float: right;
}

.add-course-to-program-content .start-date-row {
  display: flex;
  align-items: center;
}

.add-course-to-program-content .start-date-row umu-button {
  margin-left: 0.12rem;
}

.add-course-to-program-content .group-item.base-group-item .bear-card-header .bear-card-aside .bear-card-cmds {
  margin: 0;
}

.add-course-to-program-content .group-item.base-group-item .group-select-title.bear-card-title-wrap.tooltip-wrap {
  align-items: center;
}

.add-course-to-program-content .add-subitem-body .input-box {
  padding-right: 0rem;
}

.add-course-to-program-content .add-subitem-body input {
  border-radius: 4px;
  height: 0.36rem;
  line-height: 0.36rem;
  box-sizing: border-box;
  padding-right: 0.09rem;
}

.add-course-to-program-content .add-subitem-body .select-box .current {
  border-radius: 4px;
  height: 0.36rem;
  line-height: 0.36rem;
  box-sizing: border-box;
}

.ngdialog.dialog-add-group-to-program {
  z-index: 1000;
  overflow: hidden;
}
.ngdialog.dialog-add-group-to-program.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 8.6rem;
  overflow-y: auto;
}
.ngdialog.dialog-add-group-to-program.ngdialog.ngdialog-theme-umu .ngdialog-content .add-course-to-program-content {
  max-height: 80vh;
}
.ngdialog.dialog-add-group-to-program .umu-design-tooltip-pc {
  max-width: 100%;
}
.ngdialog.dialog-add-group-to-program .add-course-to-program-content .add-subitem-body .umu-design-comp-btn-ghost {
  margin: 0 0.1rem 0 0.12rem;
}
.ngdialog.dialog-add-group-to-program .add-course-to-program-content .add-subitem-body .keywords {
  width: 2.68rem;
}
.ngdialog.dialog-add-group-to-program .program-select-list {
  border-radius: 3px;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .td {
  line-height: 0.22rem;
  font-size: 0.14rem;
  font-weight: 600;
  background: var(--umu-color-bg-layout, #f5f5f5);
}
.ngdialog.dialog-add-group-to-program .program-select-list .td {
  height: 0.44rem;
  box-sizing: border-box;
  padding: 0 0.08rem;
  display: flex;
  align-items: center;
}
.ngdialog.dialog-add-group-to-program .program-select-list .tr {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom-width: 0;
}
.ngdialog.dialog-add-group-to-program .program-select-list .tr:nth-of-type(2n) {
  background: var(--umu-color-bg-layout, #f5f5f5);
}
.ngdialog.dialog-add-group-to-program .program-select-list .tr:last-child {
  border-width: 1px;
  border-radius: 0 0 3px 3px;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr {
  display: flex;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .access-code,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .access-code {
  width: 0.99rem;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .program-title,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .program-title {
  flex: 1;
  min-width: 0;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .program-title > div,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .program-title > div {
  width: 100%;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .update-time,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .update-time {
  width: 1.47rem;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-add,
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-view,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-add,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-view {
  width: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-add iconfont:not(.icon-view-complete-add),
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-view iconfont:not(.icon-view-complete-add),
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-add iconfont:not(.icon-view-complete-add),
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-view iconfont:not(.icon-view-complete-add) {
  color: #4a4a4a;
  cursor: pointer;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-add iconfont:not(.icon-view-complete-add):hover,
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-view iconfont:not(.icon-view-complete-add):hover,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-add iconfont:not(.icon-view-complete-add):hover,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-view iconfont:not(.icon-view-complete-add):hover {
  color: #1e6ee6;
}
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-add .icon-view-complete-add,
.ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-view .icon-view-complete-add,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-add .icon-view-complete-add,
.ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-view .icon-view-complete-add {
  color: #21a564;
}
.ngdialog.dialog-add-group-to-program .selector-footer {
  display: flex;
  align-items: center;
}
.ngdialog.dialog-add-group-to-program .pagination-bar .page-list .page-item {
  color: var(--umu-color-text-tertiary, #999999);
}
.ngdialog.dialog-add-group-to-program .add-subitem-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

body.locale-jp .ngdialog.dialog-add-group-to-program .program-select-list .thead .opera-view,
body.locale-jp .ngdialog.dialog-add-group-to-program .program-select-list .tbody .tr .opera-view {
  width: 0.9rem;
}

#umu-design-snack-bar .action .action-btn {
  white-space: nowrap;
}
.course-session-status {
    align-items: center;
    text-align: center;
}
.course-session-status .another-name {
    position: relative;
    margin-top: 0.04rem;
    line-height: 0.14rem;
}
.course-session-status .status i.icon-course-type-13 {
    background-position: -0.6rem -0.61rem;
}
.course-session-status .status i.icon.icon-course-type-closed {
    background-position: -2.4rem 0;
}

body.locale-de .course-session-status .another-name,
body.locale-en .course-session-status .another-name {
    line-height: 0.17rem;
}

/* */
.course-session-status .session-type {
    color: #757575;
    font-size: 0.12rem;
    overflow: hidden;
    white-space: nowrap;
    max-width: 1.42rem;
    text-overflow: ellipsis;
    display: inline-block;
}

.edit-session-label-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding-top: 0.02rem;
}

.edit-session-label-dialog .desc {
    font-size: 0.14rem;
    color: var(--umu-color-text, #333333);
}

.edit-session-label-dialog .operator {
    margin-top: 0.3rem;
    text-align: right;
}

.edit-session-label-dialog .operator a {
    cursor: pointer;
}

.edit-session-label-dialog .operator a.btn-save {
    margin-left: 0.15rem;
}

.edit-session-label-dialog .edit-label-content > div {
    float: left;
    padding-top: 0.16rem;
}

.edit-session-label-dialog .label-edit {
    margin-left: 0.2rem;
}

.edit-session-label-dialog .label-edit input {
    width: 2.42rem;
    margin-bottom: 0.08rem;
    padding-left: 0.12rem;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(189, 189, 189);
    height: 0.36rem;
    outline: none;
    font-size: 0.14rem;
    color: var(--umu-color-text, #333333);
}

.edit-session-label-dialog .label-edit p {
    color: var(--umu-color-text, #333);
}
.edit-session-label-dialog .label-edit p.error {
    color: #dd4e40;
}

.edit-session-label-dialog .label-title {
    margin-bottom: 0.08rem;

    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
}
.edit-session-label-dialog .title {
    font-size: 0.18rem;
}

.course-session-status .icon-edit-pen {
    margin-left: 0.05rem;
    display: inline-block;
    vertical-align: 0.12rem;
    width: 0.14rem;
    height: 0.14rem;
    background-image: url(/twww/cn/images/icon-edit-pen.9caeea5f..png);
    background-size: 0.14rem 0.14rem;
    position: absolute;
    top: -0.02rem;
}
.course-session-status .icon-edit-pen:hover {
    cursor: pointer;
}

.batch-input-question textarea,
.batch-input-question textarea:focus {
    outline: none;
    box-shadow: none;
}

.batch-input-question.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.84rem !important;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.batch-input-question.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body {
    flex: 1;
    overflow: hidden;
    display: flex;
}

.batch-input-question.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
    max-height: 100%;
    overflow-y: auto;
}

.course-batch-input-question.batch-input-question.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-footer {
    padding: 0 0.24rem 0.24rem;
}

.batch-input-question .input-area,
.batch-input-question .preview-area {
    vertical-align: top;
    display: inline-block;
    width: 3.9rem;
    flex: 1;
}

.batch-input-question .input-area {
    display: inline-block;
    margin-right: 0.28rem;
}

.batch-input-question .content {
    position: relative;
    margin-top: 0.1rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    width: 3.88rem;
    height: 4.44rem;
    overflow-y: auto;
}

.batch-input-question .wrapper {
    flex-direction: row;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
}

.batch-input-question .content .placeholder-panel,
.batch-input-question .content .textarea {
    position: absolute;
    top: 0;
    background: transparent;
    width: 3.48rem;
    height: 4.04rem;
    padding: 0.2rem;
    border: none;
}

.batch-input-question .content .placeholder-panel {
    color: var(--umu-color-text-tertiary, #999);
}

.batch-input-question .content .placeholder-panel hr {
    height: 0.01rem;
    margin: 0 auto;
    border: none;
}

.batch-input-question .content .preview-question-list {
    padding: 0.2rem;
}

.batch-input-question .content .preview-question-list-empty {
    margin-top: 0.8rem;
    text-align: center;
    color: #757575;
}

.batch-input-question .content .preview-question-list-empty img {
    margin-bottom: 0.2rem;
}

.batch-input-question .content .preview-question-list-empty p {
    line-height: 1;
}

.batch-input-question .preview-area .preview-question {
    margin-bottom: 0.18rem;
}

.batch-input-question .preview-area .preview-question-title {
    margin-bottom: 0.06rem;
    color: var(--umu-color-text, #212121);
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding-right: 0;
}

.batch-input-question .preview-question-type {
    color: #616161;
}

.batch-input-question .preview-area .answer-content {
    color: #616161;
    margin-bottom: 0.1rem;
}

.batch-input-question .preview-area .answer-content:last-child {
    margin-bottom: 0rem;
}

.batch-input-question .preview-area .preview-question:after {
    content: '';
    display: block;
    height: 0.01rem;
    background: var(--umu-color-fill-secondary, #eee);
    margin-top: 0.2rem;
}

.batch-input-question .preview-area .preview-question:last-child:after {
    height: 0rem;
}

.session-quiz .btn-batch-input.trackEvent {
    color: #1e6ee6;
}

.import-questions-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.6rem;
}

.import-questions-panel .question-filter-row {
    padding-bottom: 0.15rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0 -0.3rem 0.2rem -0.3rem;
    padding: 0rem 0.3rem 0.15rem 0.3rem;
}

.import-questions-panel .combo-box {
    margin-right: 1.93rem;
}

.import-questions-panel .question-filter-row .question-filter-btn {
    margin-top: 0.03rem;
}

.import-questions-panel .question-filter-row .radio-list-wrap.simple-list .radio-list-item:first-child {
    margin-right: 1.1rem;
}

.import-questions-panel .question-filter-method {
    margin: 0.2rem 0;
}

.import-questions-panel .question-filter-method .radio-list-wrap,
.import-questions-panel .question-filter-method .input-box {
    display: inline-block;
    vertical-align: top;
}

.import-questions-panel .question-filter-method .input-text {
    width: 1rem;
    display: inline;
}

body.locale-es .import-questions-panel .question-filter-method .input-text,
body.locale-fr .import-questions-panel .question-filter-method .input-text {
    width: 1.1rem;
}

.import-questions-panel .select-box .select-list {
    font-size: 0.14rem;
}

.import-questions-panel .question-filter-method .radio-list-wrap.simple-list .radio-list-item {
    line-height: 0.32rem;
    margin-right: 0.2rem;
}

.import-questions-panel .question-filter-method .question-filter-error-info {
    color: #dd4e40;
    margin-top: 0.08rem;
    position: absolute;
}

.import-questions-panel .question-filter-method .question-filter-error .input-text {
    border: 1px solid #dd4e40;
}

.import-questions-panel .bank-empty {
    text-align: center;
    padding-top: 1.5rem;
    font-size: 0.16rem;
    max-width: 6rem;
    margin: 0 auto;
    line-height: 1.5;
}

.import-questions-panel .question-container {
    position: relative;
}

.import-questions-panel .bank-question-list {
    height: 3.3rem;
    overflow-y: auto;
}

.import-questions-panel .bank-question-list .loading-spinner {
    padding: 1.5rem;
}

.import-questions-panel .bank-question-list .bank-question-list-empty {
    text-align: center;
    margin-top: 1.5rem;
    color: #757575;
}

.import-questions-panel .bank-question-list .question-index {
    width: 0.35rem;
}

.import-questions-panel .bank-question-list .question-type {
    width: 1rem;
}

.import-questions-panel .bank-question-list .question-title {
    min-width: 3.6rem;
}

body.locale-es .import-questions-panel .bank-question-list .question-score,
body.locale-fr .import-questions-panel .bank-question-list .question-score {
    width: 0.5rem;
    display: table-cell;
}

.import-questions-panel .question-main {
    position: relative;
    cursor: pointer;
}

.import-questions-panel .question-check {
    position: absolute;
}

.import-questions-panel .checkbox-mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

.import-questions-panel .question-container .question-view .question-wrapper {
    padding-left: 0;
}

.import-questions-panel .question-container .question-view .question-header {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.import-questions-panel .bank-question-pager {
    margin: 0.1rem 0;
}

.import-questions-panel .bank-empty img {
    margin-bottom: 0.12rem;
}

.import-questions-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-footer {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.2rem 0.3rem;
}

.import-questions-dialog.ngdialog-content {
    overflow: hidden;
}

.import-questions-panel .question-filter-row .check-box-list-wrap .check-list-line {
    display: flex;
    align-items: flex-start;
}

.import-questions-panel .question-filter-row .check-box-list-wrap .check-box-list .value-desc {
    width: calc(100% - 0.4rem);
}

.import-questions-panel .question-filter-row .check-box-list-wrap .check-list-line-desc {
    justify-content: flex-end;
    margin-left: 0.33rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
}

.import-questions-panel .question-filter-row .check-box-list-wrap .check-list-line-value {
    flex: 1;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}

.import-questions-panel .question-filter-row .check-box-list-wrap .check-list-line-tag {
    margin-right: 0.08rem;
    padding: 0.03rem 0.06rem;
    background: #1e6ee6;
    border-radius: 2px;
    color: #ffffff;
    font-size: 0.12rem;
    line-height: 0.14rem;
}

/* 选择题库 */

.question-bank-select .select-names {
    display: flex;
}

.question-bank-select .select-names .select-bank-name-wrap {
    max-width: 2.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    /* line-height: 1; */
}

.question-random-bank-container {
    padding: 0.16rem;
    padding-bottom: 0;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0.16rem 0;
}

.question-random-mode .question-random-bank-container .random-configure-wrap:last-child {
    border-bottom: 0;
}

.question-random-bank-container .title {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    font-weight: bold;
    line-height: 0.2rem;
    display: flex;
    justify-content: space-between;
}

.question-random-bank-container .title .total-score {
    font-weight: 400;
    white-space: nowrap;
}

.question-random-bank-switch {
    margin-top: 0.34rem;
    margin-bottom: 0.26rem;
}

.import-questions-dialog .import-questions-dialog-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    overflow: hidden;
    max-height: 92vh;
    height: 92vh;
}

.import-questions-dialog .import-questions-dialog-body .umu-dialog-body {
    flex: 1;
    padding-bottom: 0;
    overflow: hidden;
}

.import-questions-dialog .import-questions-dialog-body .umu-dialog-body .import-questions-panel {
    height: 100%;
}

.import-questions-dialog .import-questions-dialog-body .umu-dialog-body .import-questions-panel .questions-selector {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.import-questions-dialog .import-questions-dialog-body .umu-dialog-body .import-questions-panel .questions-selector .bank-question-list {
    flex: 1;
    overflow-y: auto;
    height: auto;
}


.share-selector-loading {
    height: 0.4rem;
    text-align: center;
    margin: 0 auto;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}

.share-selector-loading .loading {
    height: 0.4rem;
}

.session-permission-selector {
    margin-bottom: 0.2rem;
}
.session-permission-selector .select-box .select-list {
    display: block;
}

.cropable-image-uploader {
    position: relative;
    min-height: 0.5rem;
    min-width: 0.5rem;
    background: #000;
}
.cropable-image-uploader .cropable-image-tips {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #fff;
    line-height: 1.5;
    display: none;
}
.cropable-image-uploader .cropable-image-tips .tip {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* */
.cropable-image-uploader.ready .cropable-image-tips {
    display: block;
    background: var(--umu-color-bg-base, #fff);
    color: var(--umu-color-text, #000);
    box-shadow: 0 0 0.01rem #000 inset;
}
.cropable-image-uploader.ready .cropable-image-tips .tip-ready {
    display: block;
}
.cropable-image-uploader.ready .cropable-image-tips .tip-ready .title {
    font-size: 0.16rem;
}
.cropable-image-uploader.ready .cropable-image-tips .tip-ready .desc {
    color: #757575;
}
.cropable-image-uploader.croping .cropable-image-tips,
.cropable-image-uploader.saved .cropable-image-tips {
    display: none;
}
.cropable-image-uploader.saved:hover .cropable-image-tips {
    display: block;
}
.cropable-image-uploader.saved:hover .cropable-image-tips .tip-saved {
    display: block;
}

/* */
.cropable-image-uploader .progress-spinner {
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
}

/* */
.cropable-image-uploader .upload-button-wrap {
    margin: 0;
    display: none;
}
.cropable-image-uploader .upload-crop-button-wrap {
    margin: 0;
    display: none;
}
.cropable-image-uploader .upload-crop-button-wrap .btn {
    background: rgba(0, 0, 0, 0.5);
    border: none;
    padding: 0 0.1rem;
    min-width: auto;
    height: 0.3rem;
    line-height: 0.3rem;
}

/* */
.cropable-image-uploader.ready .upload-button-wrap,
.cropable-image-uploader.saved .upload-button-wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.cropable-image-uploader.ready .upload-button-wrap .btn,
.cropable-image-uploader.saved .upload-button-wrap .btn {
    display: none;
}

/* */
.cropable-image-uploader.croping .upload-crop-button-wrap {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.group-cover-editor{
    display: table;
}
.group-cover-editor .image-preview,.group-cover-editor .image-ops{
    display: table-cell;
    vertical-align: bottom;
}
.group-cover-editor .image-preview{
    padding-bottom: 0.1rem;
    width: 3.97rem;
}
.group-cover-editor .image-ops{
    padding-left: 0.3rem;
}

.group-cover-editor .image-ops .btn{
    width: 2rem;
}

.uploader-mask{
    display: inline-block;
}
.uploader-mask-wrap{margin: 0.1rem 0;}
.question-media-wrapper.question-img-preview {
    display: block;
    margin-bottom: 0.12rem;
}

.question-img-preview img.question-pic {
    max-height: 1.3rem;
    max-width: 100%;
    min-width: 0.3rem;
    /* margin: 10px 0 0 0; */
}

.question-img-preview .question-img {
    display: inline-block;
    position: relative;
}

.question-img-preview img.question-pic {
    border: 2px solid #fff;
    box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.question-img-preview span.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.question-img-preview span.icon.icon-remove {
    background-image: url(/twww/cn/images/close.2036141d..png);
}
.question-video-preview {
    position: relative;
    max-height: 1.94rem;
}

.question-video-preview video{
    height: 1.94rem;
}
.range-slider {
    width: 100%;
    height: 0.02rem;
    background: #d9d9d9;
    position: relative;
    cursor: pointer;
}

.player-slider .range-slider .progress-bar {
    height: 0.02rem;
    display: inline-block;
    position: absolute;
    left: 0;
    /*! postcss-ignore-theme */
    background: var(--umu-color-primary, #ffbd2b);
    pointer-events: none;
    padding-left: 0.05rem;
    padding-right: 0.05rem;
    box-sizing: border-box;
}

.player-slider .range-slider .progress-dragger {
    /* fix the preventDefault error for touch, see https://stackoverflow.com/a/42288386/1553656 */
    touch-action: none;

    width: 0.12rem;
    height: 0.12rem;
    display: inline-block;
    position: absolute;
    top: -0.05rem;
    right: 0;
    border-radius: 50%;
    /*! postcss-ignore-theme */
    background: var(--umu-color-primary, #ffbd2b);
    pointer-events: auto;
}
.audio-player {
    font-size: 0.12rem;
    padding: 0.16rem;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ededed;
    box-shadow: 0 0.01rem 0.02rem 0 rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    color: #757575;
}

.audio-player .player-section {
    display: table-cell;
    vertical-align: middle;
}
.audio-player .player-section.player-time {
    width: 0.75rem;
}

.audio-player .player-section.player-progress {
    padding: 0 0.1rem;
}
.audio-player .player-section.player-toggle {
    width: 0.25rem;
}

.audio-player span.icon {
    display: inline-block;
    width: 0.24rem;
    height: 0.24rem;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin-bottom: -0.01rem;
}

.audio-player span.icon.icon-play {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxQjFDNEVGREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxQjFDNEYwREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFCMUM0RUREQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFCMUM0RUVEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76D4EzAAACf0lEQVR42tSaT2sTQRjGn2cSPdZD1YMHhV40NamHCr3ZJh9APegH8FIP1j8FL4ItPYj3ph9A9CpI691tEQqKtIcsaQQFBXMQ8ejBCpvXyUpqrLt1N3F3ZgaWbDLD7Pvs8/52/mQpIogqJMNPkasFvHw7jkBKELRRu/KKXOrAcOnFzYMEiFeZBDqPdeBnf1fgPaDusuavWS0Am+dPYve7r89GohtwFUrdZLXRNilAxbb4sfswPviwi8uQYEfWy7fDNDNU4h1YL3/UqXMqWS/cQlHN8kJj254U8sqS8l4Eurc6eGyR1Y1v5lMofZcF7dg85OuOeBMXzadQagfyhTwDByIhb4lXvpUl5Bk6kC3kGUCcL+Q5pNBBkFcuuZVCGUBuwIEYyIccyQ06MBzkBiBOADm4AjW6kARyC1IoAnJ07mjIW2kgt8iBdJBb6MBgkFvswD7Iwet6FbjlkAN/5MukPl5351X7q9wQsDeSy7K8qFxzVMCekPsiS8plAWPYeHbCYQFh1IdcFvCO040PvS9Fp0Inus/OB45CrOdKwhusNZ/0/+qIA9zWg9ls/0DmhgBCz0rVIqpn6uTTIKpJ0eLgn6PAOU77nwA/tpl9Asi2PvQs1F9N9kS1CVKyjsNHxpMGb5ED8ZDaLSABpPYKSAipfQJSQmoRxOGuwzJ4tPS/gs/RgcEhNSugCymxgJnSyqCQmhNArIGFuV/bIs3MLlO0HdIcIc4G0iEc4Be9/jye8K7/tW+T3+oyvniJIFWYR7U0ZSL4MIT4P7rPnYYEm/ps9N+QGtibSPyyh8gj3bzSV9PSlfesf9mj97pN2NibmIIKujx85kzzjQ3z117cPwUYAMOeX8+TikqjAAAAAElFTkSuQmCC');
}

.audio-player span.icon.icon-pause {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0NDJFMjgyREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0NDJFMjgzREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFCMUM0RjVEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFCMUM0RjZEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz44Tg4OAAAAlElEQVR42uzawQmAMAyF4VY92VWcwhEEpxQcwSlcpd609t6ChhxC4X+QS2lIv57jU0qu5QzFyTHdgv4916qYv+Vaft+ez/4b4FwneEBQfmAQzlM9tpbLuF8NMA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgyWjcX92VeAT9UTk/CucV8a2v27wCDAAdcBFfgZ9ZzQAAAABJRU5ErkJggg==');
}
.video-player {
    position: relative;
}

.video-player .icon {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

.video-player .icon.icon-video-start-play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuCAYAAAGxXBZtAAAAAXNSR0IArs4c6QAAEkpJREFUeAHtnQn0plMdx2fUDCYy0UQhY2zRYhqhaJlUKKfFfqgspaLtdFDSaaFFWs4hJ1tSkdRxsuVYkhykDhGiEGU3GBpjyGDw7/N957nv//fe997nuc/2/t//+P/O+c1z72/5/n733vfZ7r3PfyZNapJGRkaehy1t7+MvZwVYHiPryZMnLwd3CZvFklvbbhn5V6PKzCqoDwq7sKOFHjsqN42qlpZkAO0ZkndlsuhWsoJkjgK6GT2d4xu4ugBcOTt+vHMMKCa5aBzvtk7U3wdPdo6HUnmDZ+BHcba9chx7BRbFlIN2QWGRk9PLWWTqmyyVjMqcru+I4QxnrGOfQR3B0m41CASQ7HkjmqRfu633lbP0rvQVmTycspS+g62j3rXPpk9gPUy5z84XqC4yPt2ik7sf+UNdjSl0vEdGbjCi3iIG37SSzMEetnF6CV25cyZ0KxSsh5Wr7Bxdqr5e9YNSxu9WkC4IeVuZi2ZlLr0De4SmkqV/phGNFjOlDl9wUiPbw8miR4wfMA67RA0Hqcg/W8hEGXsJLaKuPnoCngu/Hra0C6MY7kNrZcvE0Kh2yMpTyjhdl7n6iYbdSxmHITpScH6eYf0wapYZXBEzyPTPxvQheebT38WZIrcbnI09hoJYGbbHy97KOuUM5Jg+hRFkNtGDMe0pZg57SehfM97aY1musmGB+Tzpu6eFsugIcm4szsYBF17EMHQ+QVspRQ6w7hGo2zqAIyObRbEyAx22iholKAzO1EJzjFc2Dsktxuca43d9KNCLQ0L6+3HknfEF4GSBhOwCMj1Rd38XAf2EaMA9wNB9X+OXQ3enpJQ7qID/DpD3e0CXUdevbk14R3gK3KVKPxSvFat00SIF7Dvvc5nfuhGzfrEJtF+/Nl9ifHfKt0RrjP0LeKGvMzAYKzhZ3xGj5zLDl/cpSwpcwKhbZnBf1KCEAqzlM7xr+9yKMkE/JbNJHvwoZqZ4rC+LTIC+M6sQBQg4Yjs1s99U6s6PAMGMzDZvrHre6jKQ4wMxuiLOuWeyynU6ul/cyaqgXKJjCdpfQRPsO3FcsG0SHKImWSsXRA0yhQv2kiLDBP3LimxcsM5TUZFxjv65lGuiC/aTHKAi1VQCBe/8vmMnGMaHS0HfH+cb5NTPVmuglB/VLT042SBHf1nodyqy6QGkgv0/M5/eW5lRbO47Va3nJperLBnRYXF8c9AVhWbYOhQ0SBQCcG0GEx2WDpQz0jERu8cMt3kOo0cRqzjj7Pi5mJ2VY/ti62d1hWUcr7LOlO+F3QW764/sVM+uUo90AH2ggvp7ulnUKRDkB5FA19TBnfAdmh5geHUm7ACfBd8Hh0irKzfBR8EbD03yNhESewncvUhRboq+a+MMrEz2m+W04H/oDoKTH3CwXRf+DRyju1tvHJH9a6eS0RV/5aaDg/kBgQdou0ZjEeCKQJC+G0KjQQ0YsTvrkl4Os41J+SJga3qAqrqnz/KANT2I/WEvn8WVIAH5pge0TyWgFpzI6xEvt545k9yQOPa8fVKflusQUeKX99IZ8UoTg/1j2NKKhZ5Yv816UF6p0MkzwCd05bvMM6tdJc7PbK6FgNaY8mcKHQIG+B3t4fjVhxGU7rRAKL1HPWXANe0XJoz2NoaVH33BKGqcDaNyfP4+nGpXiu8bLVhX4Rcwut0Y/tHXp9bBKNs4E3bk86lxnJ11ptx9Z/Qv6+s7B45XmPIgiz/Kkt2mYtCtnZ/fOLuOuLYzGoPj5UyOXFox7pPOz2/c1U7BcTdTHkTxO5ruyWhuakBG2b/HXRz0xfB12U/CHV4ZNCwQ4px6zm1bAFWoJtalLlkdcx3QP2GMn8s1jijxd+eNgeoUn+RfrcQ0QmBt4AX4cC4wxst5Do/mOkSUYFyU4fw9YlJLDPY0L897kwBxWt1zzB/uJNTmjMhtCy8/txaQFgRntw5jcfZN827PimT8h+a0EQulBNj9tnVZeauQbZsy4v45kEf9KzqgKwSAJerbbtpkA8H3r94ujRubjNPBAlmzWktchMDx4DpBwXsFHHrrd6H6Nx7lBOxdkcgx9FVE01Rv+IbpGy+t67YiVkytAaXGfhDbdbi5l7to4NQY0djDXPfWPOocb+ScTu29Wp1AsnrSWQ3W+r6WfZ+A5zMaCzlO0EQPTPRAzR7gHJsFfwv+G/w0HKKHEF4I7wE3Mp9SM+24OwnOga+H69AvcB6ehpLM/nVaE/HV+m3tmYDKtwKCb8k4XhUfy45GN+3/wP+AtdNEN2ItmqwDa8ZLt4c8uonbRc+XNnnGjeho2F8iPS7xJfDrUwNhq31S+8D2AwGqPbRnKl5lO8L17MbtCT8ysm9l4MwRvClwaLZaoS6pix/1B3w9RQhQ6XnGaBCjIM41gVjBr3OMW/kiQV4TCDQfWeVzNiUL8N8eiPt4im+SDeAvCwQ4I8m5ASNih16z6m6DW5pZoGFHNJBzaQjyWOTlcl5pEOsA2B0e4NFWP+gyufhPO9W2DwHU3ZaXNfC6QTfGj0ce/rRjtVm5rEHu0LP11g86yDoJbeqSyo5/KBUfp853SwZETxRDQ+R1sclNxfRlbc/xr1VaBYZmzFq7VXg5Fj0GLm0CTgd6jlPLNg7/Uw3GyWX9U+zB/4GJoWJxR2Jkp+7+mRLIt/GCumojkz42lgPOjodYXV8ZI//ZcaM+owSBF9RW/0XFXxNMQAybgNX9bJRyd9ExaI3BIXCXgkYJwi5AvPDFBJhCE+C3tCFyHTD8jzGuvPRkMPKKz6BcNzehBKUXIP7T9ww/loAdNPFwiqrnB0EShYDbxdKfRd28LNaKGhYoPJzU6ocKYINqwC83AW6PGTX2hyRMsLJF7d0s3sNlWoD9102Qnicpe+V6hfEZq6Km3bVuXuZb6ltNsj33Otu44ZlSmzTpMpNwUXFRzMA27kUxoyGXR/O2jXt6iBqxYYlcons6beMeKQHYlulp2Q6iO0oEmFNoy0nsvwh2vrcsdAwYmKtXanEhhoXfEQZCab/lzSbIfGvTHTl6rOcyilGl+44FTyx/ktjT4UqbeYhhn3/jT1X0gD54cKS16ErkAAqOld4T/YS8GHv7+m4dw57Z3q6iZMELGKpW/snbVADeywNfxep7yhhu7Bnv3GOQWPEwbPWoRIgkM4AfteCFTtaYshbmS5OHoaoeq7TY3xiB5797Fs9j4nQ+bGmDshnhbNcVKo1+UUxiaNXW0hpFPrq0rmI9KFcavcJANQzIaTUvx/TPXnC8y3Per0YujbuS2+NefnOTg+D4cs9Z1VKvIsnBShqSx5FebvlzJyF8AH7vgSwJ2Q1SRj5v9nJStdqEcQDogUE2xsYilzUD+ZxjbUqVAQstOt5TCqQBY/JYJ9AwbR6oR4B+OQC8GFn3ubRehHxv4uwYiC/R8vmeiVqAeh7LTLDtEyEqmRHHX/BwoWdWAow5gXq6Q/aOd1J/acyvihy82Ggp9MZVMAt9AD5c6BHSe9WsQpAcA/z3jWA78Wo57vVVRNncRco56sv+N8HR+Q1lgl6bCT4G3wrn0f31My+BQCZ2ESIvMemehzV9rjVtu4pEtZA+XSKt5kxJ67Ww/yhUmG2iwR+by7QGEsmuD9fdjujafAKFgdxmSjeZxN4Na3NbKmlq4yR47dLBChx6pp8LbCupSVoz2avDul3oewLNjy5gQug+jhM00QMTPTDRA+OhB1q/VrbZCVyH9YeAVoWnZ0c9eYo1iaitQWqfvnx/Cl4IPwwvyMqPcr2WbFzSUA8cA6M9+rPh98JaR34dXGkpCL8i0uDeDGsB40L4agb2IY5DSUMzcAzSNHrog/Be8Fy40al38OrQ9Tj/SsxgPlgHaNz7MlAvgrX65E/3Ixp60prOYXC7kwI5ozzQM46GalnwQPggOPkP1Zn8NUt5C3wDrK3kWiC+DdYyzWLOBt3PokR8vSHqTNbZPRPW10abwZtmrEtzFTodp68Rv8wWhSpxButDhx0AL4DL0I0Ya0OXlnlzZ5iabg3xXgV/CtZuOffXzSkWkiaJfgQ3OsfZdPty8Uhef4LAX51FFCV9bbUb3Mz0eG525ZXktTV8JvwsnEKaptyyfKQx8iBZ/SdhN6S0DBvNzK8/RqlWDkvOWlH/Bpwym6lNUbtWDta2I8mtA6cM2F+x0yP+MkG0RVeWX8JFpJ0y1b4Va6OnSEZfzv66KGv0uvYP0yN+491B+7Q09SScR/9AuWbjwcsAksD7YS0b59G3y2AuC7Z0xs6w/cYh1D+HD7ytZKF3sFNC2RjZ2ZSHYi/OwDsoC0j7v2L6I1TUk7Om7NonAs2A8xZ29ZdNirdRt5/qUESgL6bDV8Ix0qX1La0mS4ANYf+P29mETqMynMugrfZMMTj98hnbUV5Z73+7F6NUsABYL8J6tI3R2OwyqNCWsXKh47StRcviMfpoo7kRZS047w/L7NRowAgYOawAfwnWK4W+5b0U3jliPpRi8p0Fx65amqXRSkh9AmhF+Go4Ru2c4l7qBN89lkAmv4fjAfBQzrzY5pDjBnDs6iV5mW/OLPRoGZCj4BgdOmrZbokEfhtLIiDXjIb+lsHq7WZVHZ3c3glr81uI9DBT/QeI8xZwDPwP6Aa2ukCso+GqpDnG5L87Vn04ynmS09dyGvT5cmiZNYCT4QsiwHq51FLIwIh4dQbONuMvVN41sMRzApHH8vDNNjlTvpty+SsGTnoCWmKAbPGEnHxaURG8qYGz7dDXSR+Hp7SSdAIosT9iE/LK0bMu751rN+JqI6RPWsw8zReO07o++PkprNvBY/AR8GBmMkY77DyK94xWe0q7kk9wLTI4cBjrF/j2HojRyp0UrxqtLjMlLX7qYeu/tF9rbqfCG7TdOlbNHyNGbFO6NketF8ohOHAYrgXHPj/7W9EWgVCgcSbTr1wvw7cxeCI95cV+yE00LXYiTAc8uF4ZG7jVcJgRyeiuiHxZFm9N4y7PBlD7VZqmB3IAZ4V0sYHTO0RMp/2HL1TSADY7LbW0J/VBRYyC+1dig5O3WyoIFIu6jMkvpj2ntNCmvB1vwRMlNnCLSE4covrTMSHU4ZXdR2qfhadxb98ODnZkzfRn5fjPC+liA/cgxkEH5G/kWq+b5rJM2q+5I4MkWhs+Fl7cYoPfEcF+Dvm/Q7rgwJHkoxjfGHJApifOuRHdeBZfQPKb03bRbPicQTSGk0Bn21aRWNrsmz5wGcgZETDNTx4Q0Y0nsSYSToJndoZq8uQdOF47Bg3Yk5h6ig/RJeS0MKSIyvglvBTWjqQQad3oA1HnFhTEa2LKayE4X4WH4gGLPGbCeuEPkTZhza7UlTjuF0LMZHdyHNi9jlhVB04LrnvCA1vJSO1scjoHjtGpqTh9diBq9vpPMWTkZ/U5tSQglv9Xk3LS6sx0xG74LWVYDpbkv5jTAK2Qr1sO0bMGQH84Im+P4DGeSytVclgZ1uxFiLTZRptyN2oleMOg5PnRUCOMbJ9GQgK4hwENFY9tJFACCMF1FXgH/An4vfBQ3K8SUu+YkO++cB4125dEOjgvGjotuo7ZulZqx42lHf3znYI+1Cbi4CtarbwBPaQg8APoX2gzK4V9Sp+sBP+5oO/ORR9ceysMkGIA+N4FCUj9vRSsF4INfaEV7qfVKTl04kD6ggTmwFoxzqNFKLcdSEJDGIS2rwe79by8fvrEQNMnk2mwNqQW0R0YzBlocmMYjLauAV9W1Cno58Gtr7BHu4LgO8JFlwJMRh6CPxgFGucK2jYb1tc3KXTkUDSXTCfDx6VknNmcwnGNoUi+RhK0QVcd/dmMZ+AU0tbA6P92USOVeq4kpZfkvGkcv3FPITgGHtsvNEs0m1xXgb8Mx+YYUfXRLUg2KRFmbExJUr/EE/vSLxbo75fqBXXVscm8Pyq5TIF3gLVzuyxdgcPMftRxICFxPQ6X+XXaznmYiv4otPYXvrLt5hJjVXgurAnt2+EqpK1934Nb/Rp3YDPmNERn0WHw/nDdGZbnwbgXvh3WPs+7Mp7PcQGsvzSkDTiy08Yn7cxSfO1cWxvWBK5YW990nArXJS3EHsj62b/qAg2tP4M4HdYszHx4vJK25/8cfuHOFNH4OfBJcNVLKq6tk54cL4R1v2tvairxdBvYpTIxn44ZHbMSBa2n7QS/E9blbJD0CMGuhM+FL+Lyp81TQ0VDOXCxHmJAla82K60HvwHWN2+vhnXv0j1MAy7WPcu2bQn1/8G692kPh/5S7DxYf1hUO7p0r7yfAZLNBE30wEQPTPSA1wP/B9U4MG43bjJBAAAAAElFTkSuQmCC');
}

.video-player-popup {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

.video-player-popup video {
    max-width: 10.77rem;
    max-height: 6.06rem;
}

.video-player-popup .popup-video-wrapper {
    position: relative;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-player-popup .icon.icon-video-close {
    width: 0.24rem;
    height: 0.24rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: -0.12rem;
    right: -0.12rem;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAAEgBckRAAAAAXNSR0IArs4c6QAAC5RJREFUaAXtmWtslkkVx/v2DpTimkLl3iJbJJgACf2AulxCwgdhuQTlvgRSggmJQBZWcaEpl3JREQMmmEUIhMsKKClyMUJQoKyaCBEIIFSBUgh3zC5QcKFA/f+mz3l23rfP27L4beNJpjNz5sy5zZkz532aktIMxOoF7dq1+9m1a9euiDYWYwPIWCy22DZXVFQ8ceP8/PzVGiyCwPpUVk6cODGK3nap/xJzIKbtPwh2tGlANfO35dq1aw+ePXsWjbKgRas0tUVqL9SADLWFCM9UM6SGKXVq6Sw8ZaBmAKvnNslEI0AIR+Qst1X1zOGCHMYv1WBN78A20Le4ceNGdceOHddr7OuSLgEL5AxEP3Oe0iBL5lWI+JcQi6BMPT6nfy7iJRo73W1D/eDBg9+EKAmYJvU2gC5LXD4Vt+UaYzWGOnvu3bs3rW3btp3A+xs0dwAOZ9NjLI3NrweJEpjjUiTAFdXwWKSE9C1btrzzXDBw4MAPSkpKtssmCHPVzDlOT81T0q5cuXK2W7duezTmoIxjrE+fPnl1dXWl58+f/xi8qZSTl5e36P79+7VCJkLs4cOH7+bm5uZp4SmiYorHP4j4P1Bu2rSp/86dOwdImzLmgnoR/0I90egCKlZUVNRP4z+BmDZt2l8h3rVr1xHmAaCis4M/9YcPH/6pISDW4S1+8uRJ3apVq3oHG6Bz8WU2tNi2bdvByZMnwxVuPqSKSamYoFId/gZedurU6XhhYeHIc+fOPWxAOQ+my+A52dnZXxaO4IsDxOa8EIijg+rq6irhWqiZJp8Ngq0s0JyB6i2WgmVvZ4iJHoQStMzYt9MfR++OwMIEf3Arc2bPnt1DZ3tcZ3v3qeDq1atV+/fvX6I1wgwTiVes8BXRtDFAQDJppVD8h8K2ThG2SvNlakvVYEpjXK62XKdXiUNnzZrFBUehOEFMDGCeqQsxQYw/Ic7T09NXBOFLvBMX5mPG3KxnhIZCYNndu3dLJedT4VqqhUJMAMwz5IqCiRMnbhLjn2geZrvLly9PI9yFC0HMyvQc4BrO4PmOHTtqOnTo8HMFyQPNscS5y/0JJtnStmbMmDEVx44duyMc2obAnZo6depQQxD9Ng56eJFR39caz8tjtedmATT1tbW1H3fv3j1HYxMM3oEx37x58yEQiRY1UIV/w8gyRvRETUtp8EAarNAYHzsrcMWdO3dwWQjl5eVfX7hw4bkQIe3XrFlTPGLEiILCwsI+wnPTXpoA6BgTQS0Q0rdv33WnT58maSVNkVoD8AJX+PtVVVWVxcXF39HcMbdFesAdlvpaWZBNVpSgBSS79u3bE+8kCw7VWpY07i+aUj3xvZXjviLmI7VOJIXn51sgfAiGd9oJi/todmYoAxMLV7My9L3WviBgrmjKHJ+Gse8GfxzJw9+cSMAaDb/jf5tr6ITYGdiBNiuMjYAxJVrIlLlkTjIomZSMSmYlw2qNS0laMAU0bBqMOZtyKVAVhvWUhSWqBChaqQooFakQWKNaEC0JjjvE/qQQMif1splULOrlaqTmpWpLgsZ4GamclE5q17yVWiMhvkTGGb169crRQ/vvV7jJplCaSsnpeE8pnvrBbrE7E7s4RpwJ8wkTJmx9hTQBA3fRVHpu6NKly5ty15jACnUNYBbQZ6pwnz1kyJBSXfu1mpPsXjUy0uSuFqo05yrNtNY+yiaEh1cfAWnKhCt69OjxK40JPcecTKrjKNM8BN4GHqEQIXpF11NKEkVXR+HDqDIX0aelCm7duhWXrCxNmxB7eE6ePHnZE4AyL9etW/fH6dOnb9TY+IZhxem3EpNPZCJR08g9JkBrKRR+48aNq2TsQapCOH/37t2j5a6uwqNovUmyszB65x6b0NtLxjiCOeiUixcvPm7dujWpHXA8TQAMfaZxAs0tVrL61jhWDX9iw4cPz5eLawJejp8vwHIKuFBAuZ5G3mNzi1y4GH4RQmJz5szprzDfGQiALGQE0ywVo6f37t17VZFwQnPOwQF187x5887YnD7hnWY/FcWPpEAbjfmZS5iGvxHQmIPm0eegV2oc1kUaNwXsTVNaGSDopAvXS3O7zaEFMHBW6H39re7CgOB3RFhZQBABjrl+2bxx6tSpmYH2XLIwCmFqwKHU6eEeq7zymCpBc1I2lkEHM4DeMVafPn78+C4wl1uLNEdz5xr1kcBGdydkyQG5q16Vw0HhqJOWeW25Ko3VUuIRNEqQ/OIgxfuKaBoNJoTHpg2/QmCSCKQFPjqIhkeHkiaSOcyiADyNnIJF9D4Dey5xh39O/l3S0md+dZOIPybI741JmBC1z3ARLP6PatoDuPZ1wd9rYzsq42l4/4gY29x66P2x7W+2NwHNEorApzVFCVxr4CyQbd3na4rTW/zRW7N12/NaBtlmvzdlUI4bx5XlinN923CVuepc68SrnmwOLXuCNEBuhxc84e0nPmQ3CU0R2Bo9yruUoaSWpbd5a79+/b4N50ePHtXqOf3LypUrz+upJJMmehIyA3jFlCSz5s+f30tfjr6h9xvlU1Sh/F6v5jv6kAUPUg8pyE5Kw+gQMyUh8MEJEiJUXLVwh9LS0uOqRvJResaMGRX6YX9DNCbEFPeP3sa+HONtfaqek47r168fjTGq3e4sXbr0LRXvN8U70RDjF+rqMzakMbYknaFn59d4HMX14m5RScyXiGSxa3xepTdZOCpVj26bysrKKRjCiehdnSA8VYEZYk4KeScaYAxN+Uz9vDnVuXPnwu3btx/XN5s/a6d/tI08EnL+fAOT605cpck3J02a9Nb169erVZ70FatnapFGsMHAZ8JFytBF+xvK6zgPSfmPhDPlLWxsryvAvA+aIT5xUK4KMfi+5C/hCDvRF8hCJrLRQWuJVU3oeN8AGLKA99MOHDjwXkFBQZFKzGqVOn8XzgTQxwFK3b59+/25c+eOUuYpi/qERN3M2oIFC8ZAm8TYUAYykY0O6CKBTi/1ofIo4U9MeZcq9XP7RNeuXYv0O+XDjRs3XhWtMU8aNlbcwxigDudTs30jM1yyXxVuU4NO7k6UlJQUbNiwYWJNTc0/ZUix1hNDKc4AF38icgaoKL2bKdBxr9Z3Sn4DWfgEcpJ3iYZAaT8qku+KW3G66HNCtn4YvvtMkJWV1U4UvgEuEvwQirvhyjhkmpSePXu6PB2w908sQMV3UcpDMXbs2MFRoRW/281CGSbbdAlo4/T0DTBe7kLpUaoCoW+zBepgGjLWuBFYjFu44HF+wtHsRylGJLsjCQydvEB2SqALHm8UvokGWJy/UOxNfymYOXPmEL2c2doMLa2RIWQVvQ9f05oLFZT245z/1fiG6E35akQmYju8nRxkIhsd0EV4C2EXOhADicoYA+5BhmqVmaNGjfoxD5g+/nzAFw7hzchG3oDh/wAmO1WvfZa+an2PB23Pnj0/HD169DrxtQct7iQSTwD5EPBo1LFx69at7mVU6putJ7+z8JbOIk9D658XTHHHFxnIQnlkRygfxz/xBFg0HArCNF0FXPa+ffs+Kiws7Hnz5s17w4YN+41XTrg7w0bBq56KL8MZQBmhfP9d/dOkrR6vC2+//fa3VNiR/ewFttCJkxF1AkZgJ/FMjB4rhIr57c63RH7H6+Ple3yN0HFTBttLSej5JwR/a4aHxoUoe+EBL3jCGxnIQqboLG1GKq/10NuMo8A85bwkglAJfa8cOWjQoMU892ykxr9w4cK1I0eO/OvMmTP3L126VKt5LWukQ/4R1Lt37zz+e655lzQBa9Q7R48eLZsyZcrvNDVv24U1Z1rPljgwBeOQEROjo6eZV+lRJFWeaz906NDJKr4GK37b5uTkvKGeHyv8ZnjAf7PU31NxeOTQoUPb9EHllpbwrCnLmIayprD1QkWDKRa9Go3195hBZpTN2enTMTdlTEFfWVvz6Rg3C4lCmt2QhCAZH8P7CvoskuF9mi/2+L/YxZVjyTXDrQAAAABJRU5ErkJggg==');
}

.question-audio-preview {
    position: relative;
    width: 3.45rem;
    margin-bottom: 0.12rem;
    /* margin: 20px 0; */
}

.question-media-preview {
    margin-bottom: 0.12rem;
}

.question-media-wrapper {
    display: inline-block;
    /* margin: 15px 0 0; */
}

.question-media-wrapper .btn-remove {
    position: absolute;
    right: -0.1rem;
    top: -0.1rem;
    z-index: 30;
    color: var(--umu-color-text-secondary, #666666);
    cursor: pointer;
}

.question-media-preview span.icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}

.question-media-preview span.icon.icon-remove {
    background-image: url(/twww/cn/images/close.2036141d..png);
}

.course-group-date .week {
    font-size: 0.12rem;
    line-height: 1.5;
}

/*  */

.group-date-card {
    line-height: 1;
}

.group-date-card {
    padding-right: 0.15rem;
    text-align: right;
    position: relative;
    width: max-content;
}

body.locale-de .group-date-card {
    width: auto;
}

.group-date-card::before,
.group-date-card::after {
    content: '';
    position: absolute;
    width: 0.04rem;
    height: 0.04rem;
    border-radius: 50%;
    right: -0.04rem;
}

.group-date-card::before {
    top: -0.02rem;
}

.group-date-card::after {
    bottom: -0.02rem;
}

.group-date-card .date-item {
    display: block;
}

.group-date-card .month-day {
    display: flex;
    font-size: 0.12rem;
    align-items: baseline;
    margin-bottom: 0.04rem;
    justify-content: end;
}

.group-date-card .month {
    font-size: 0.12rem;
}

.group-date-card .day {
    font-size: 0.3rem;
    font-weight: bold;
    margin: 0.05rem 0;
}

/*  */

.group-date-card.today {
    border-color: var(--umu-color-primary, #fab400);
}

.group-date-card.today::before,
.group-date-card.today::after {
    background: var(--umu-color-primary, #fab400);
}

.group-date-card.today .year,
.group-date-card.today .month,
.group-date-card.today .day,
.group-date-card.today .month-day {
    color: var(--umu-color-primary, #fab400);
}

.group-date-card .number {
    font-weight: 500;
    font-size: 0.3rem;
    line-height: 0.32rem;
}

.mr-4 {
    margin-right: 0.04rem;
}

.group-price {
    float: left;
    margin: 0.1rem 0.1rem 0 0;
}

.group-price .price {
    background: #faa801;
    color: #fff;
    border-radius: 2px;
    font-size: 0.13rem;
    padding: 0.01rem 0.06rem;
    line-height: 0.19rem;
}

.group-price.group-price-free .price {
    background: #23a565;
}

.extra-answer-result-list .extra-answer-item {
    margin: 0.08rem 0;
    line-height: normal;
}

.extra-answer-result-list .pagination {
    text-align: left;
    margin-left: -0.06rem;
}

.extra-answer-result-list .extra-answer-item .is-web.user-name-info,
.extra-answer-result-list .extra-answer-item .is-web.user-name-info.transcate {
    max-width: 2rem;
    display: inline-flex;
    align-items: center;
}

.extra-answer-result-list .extra-answer-item .is-web.user-name-info .user-name-content,
.extra-answer-result-list .extra-answer-item .is-web.user-name-info.transcate .user-name-content {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
}

.extra-answer-result-list .extra-answer-item .is-web.user-name-info.transcate .user-name-content {
    max-width: calc(100% - 0.28rem);
}

.extra-answer-result-list .extra-answer-item .is-web.user-name-info .user-medal-info-holder,
.extra-answer-result-list .extra-answer-item .is-web.user-name-info.transcate .user-medal-info-holder {
    position: static;
    transform: none;
    margin-left: 0.08rem;
}

.group-release-status{float:left;margin:0.1rem 0.1rem 0 0;}
.group-release-status .tips-arrow-TL .tips-container {left: 0;}
.group-release-status .status{
    color: #fff;
    border-radius: 2px;
    font-size: 0.12rem;
    line-height: 0.18rem;
    height: 0.18rem;
    padding: 0 0.06rem;
    border: 1px solid transparent;
}
.group-release-status .status.status1{background:#999;}
.group-release-status .status.status2{background:#999;}
.group-release-status .status.status3{background:#4BA84A;}
.group-release-status .status.status4{background:#4BA84A;}
.group-release-status .status.status5{background:#DD4E40;}
.group-release-status .status.status6{background:#999;}

.outer-course-purchase-info {
  display: flex;
  align-items: center;
}
.outer-course-purchase-info .info-section:not(:first-child) {
  margin-left: 0.12rem;
}
.locale-en .course-enroll-setup-info {
  display: block;
}

.locale-en .course-enroll-setup-info .user-quota-wrapper {
  margin-top: 0.1rem;
}

.course-enroll-setup-info {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
}
.course-enroll-setup-info .info-section {
  font-size: 0.14rem;
  line-height: 0.2rem;
  text-align: justify;
  color: var(--umu-color-text-secondary, #666666);
  margin-right: 0.12rem;
}
.course-enroll-setup-info .info-section:first-child {
  margin-left: 0;
}
.course-enroll-setup-info .user-quota-wrapper {
  display: flex;
}
.img-silde-preview-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 9.54rem;
}

.ngdialog.ngdialog-theme-umu.img-silde-preview-dialog .ngdialog-close:before {
    font-size: 0.36rem;
}

.course-group-info-card {
    line-height: 1.5;
}

.course-group-info-list {
    margin-top: -0.1rem;
}

.course-group-info-list .info-item {
    float: left;
    line-height: 0.2rem;
    min-height: 0.2rem;
    padding: 0 0.2rem;
    font-size: 0.14rem;
    margin-top: 0.1rem;
    position: relative;
    color: #757575;
}
.course-group-info-card .bear-structure .bear-structure-aside .course-btn-color {
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    border: 0px;
    height: 0.36rem;
    line-height: 0.36rem;
}
.course-group-info-card .bear-structure .bear-structure-aside .course-btn-color i.icon.icon-btn-enter-im-new {
    width: 0.22rem;
    height: 0.22rem;
    background-size: contain;
    margin: auto;
    margin-top: -0.02rem;
}
.course-group-info-list .info-item .icon {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0.02rem;
}

.course-group-info-summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: var(--umu-color-text-tertiary, #999999);
    line-height: 0.2rem;
    max-height: 0.42rem;
    overflow: hidden;
    margin-bottom: 0.06rem;
}

.course-group-info-extra {
    display: flex;
    flex-wrap: wrap;
    line-height: 0.12rem;
    max-height: 0.34rem;
    overflow: hidden;
    margin-bottom: 0.1rem;
}

.course-group-info-card .course-tag {
    margin: 0.1rem 0.1rem 0 0;
    padding: 0 0.06rem;
    font-size: 0.12rem;
    line-height: 0.18rem;
    height: 0.18rem;
    color: var(--umu-color-text-secondary, #666);
    background: var(--umu-color-fill-secondary, #eee);
    border-radius: 2px;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

.course-group-session-count .btn-text {
    color: #1e6ee6;
    font-size: 0.14rem;
    line-height: 0.2rem;
}
.course-group-info-extra .sep-line {
    width: 0.01rem;
    height: 0.14rem;
    background-color: var(--umu-color-text-tertiary, #999999);
    margin-top: 0.14rem;
    margin-right: 0.16rem;
    margin-left: 0.06rem;
}

.course-group-session-count {
    font-size: 0.16rem;
    line-height: 1.2;
    margin-right: 0.16rem;
}

.group-tags-list {
    margin-top: 0.08rem;
    max-height: 0.31rem;
    overflow: hidden;
}

.course-outer-tag {
    margin: 0.1rem 0.1rem 0 0;
    padding: 0.01rem 0.06rem;
    line-height: 0.18rem;
    font-size: 0.12rem;
    color: #1e6ee6;
    border: 1px solid #1973e8;
}

.course-group-info-extra .enterprise-certificate-tag {
    color: white;
    background: #1e6ee6;
    border: 1px solid #1e6ee6;
}

.course-group-info-extra .enterprise-certificate-tag.stop {
    color: var(--umu-color-text-tertiary, #999);
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #cccccc;
}

.course-group-list .course-group.bear-card.course-card-animate .bear-structure-main {
    overflow: hidden;
    display: flex;
    align-items: center;
}

.course-group-list .course-group.bear-card.course-card-animate .bear-structure-main.block-laylout {
    display: block;
}

.locale-en .course-group-list .course-group.bear-card.course-card-animate .bear-structure-main {
    display: block;
}

.course-group-info-card .course-group-info-extra .course-type-icons .course-type-ojt {
    width: 0.385rem;
    height: 0.22rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAoCAYAAABD0IyuAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALcSURBVHgB7ZmxUhNRFIb/zRAKKRJntJGCWNDQJJnBQgvFJxBLK/EJhCcQngB8ArG2SKgsjbWF0mBBEwsptFkKLRI03t+bM4Rlb9g9m0k25H4zmV2SXXbvd8+995zdAIZeAxWc4Y3ZrZlPGbNKD00UsRU8RTvoS/mMWRZykRBzqBfwB7vwUgYpc/QEvXcmgDxRwgI8cZS9GAdejAMvxoEX48CLcTCHUVE0qdCddWC+ZPZvAr/awG/z+dmCmoWK3fJ/Df6dFjk/BdnF3KgA90w1cXst/nfKOdoG2m+RmocfrIz3d23jVodcZxgfH6fuoGxiKs+B6p6NFl74pGka8A3ohiYTqAKluj1mdd826NMLZOLkIL73F9ftPfD6nfDy790QadGLYaSwweRwCzjeu/i79BCj5ZHp+aUNe9M8Vkv0GgKjiuKPX2cbugPoJ182lhztuG+YcCgxlNnTy5u6oTABdGI4ybKXZP64iv/H7dj9lVeYBvRiSBIpAsc/xzojppj/Yl4nhhMrCQ+Tn0Mp4Re7r112x4hSTM1upaFJ4YpFSjXkHZ/5OtCJUeQF04ZOjCRRaeeKhSW75SqVc3RimIESWZ2SwJVIchgmYUwQV7ZtZpxDlGKadrv8Mvk5IqC9b7eMNuY0zIhdzPeX9c74h65ODHtcer26e/XxEh3kaz/Rk5qnXHOfwyjjfNadFjGEBSFvmGn+sGyWw4flAxvJ7FeEcJ7hcs/v44aTiPzexCTQF5FSA91v9OeKDeBHCzg1je2c2khgIijzCqVEM2V+96Bhi9Fba/ZcwrmL51G8RNiYyfbYgT1OORSz+MTKicIhRwFxVS/nKkYeIy56Lo9nJa54yDQKRvvCjVEic4MMlaTzw2ANxciZkBDBv4l04EsCB16MAy/GgRfjwItx4MU4oJjr/3BFAcWkfD45A/zFQQFn4OtBHzXnhEbMZiF4hraRU0eAyZSx+YHB0aILOvkHL6LmnJVTRAcAAAAASUVORK5CYII=) no-repeat center/contain;
    margin: 0.1rem 0.12rem 0rem 0;
}

.course-group-top-extend {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    padding-bottom: 0.12rem;
    margin-top: -0.08rem;
    margin-bottom: 0.12rem;
    justify-content: space-between;
}

.course-group-top-extend .extend-outer-course-info {
    display: flex;
    align-items: center;
}

.course-group-top-extend .outer-course-purchase-info {
    margin-right: 0.08rem;
}

.course-group-top-extend .course-group-session-outer.group {
    margin: 0;
}

.course-group-top-extend .extend-outer-course-info-wrapper {
    display: flex;
}
.course-group-top-extend .extend-outer-course-info-wrapper:nth-child(2)::before {
    content: '|';
    display: inline-block;
    color: #e0e0e0;
    height: 0.2rem;
    width: 0.01rem;
    padding-left: 0.02rem;
    padding-right: 0.08rem;
}

.uploader-mask{position:absolute;top: 0;right: 0;}
.uploader-mask-wrap{margin: 0.1rem 0;}
.enterprise-list {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

.enterprise-list .more {
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enterprise-list .more.disabled a {
    cursor: initial;
    color: var(--umu-color-text-secondary, #666666);
}

.enterprise-list .enterprise-list-loading .loading-spinner {
    padding: 0.2rem 0;
}


/* .image-preview img.preview-pic {
    max-height: 116px;
    max-width: 100%;
    min-width: 30px;
    margin: 10px 0 0 0;
}

.image-preview img.preview-pic {
    border: 2px solid #E5E5E5;
} */

.image-preview .preview-img {
    display: inline-block;
    position: relative;
    margin-right: 0.17rem;
    margin-top: 0.1rem;
}

.image-preview .btn-remove-img {
    position: absolute;
    top: -0.09rem;
    right: -0.09rem;
}

.image-preview .close-btn {
    display: inline-block;
    width: 0.22rem;
    height: 0.22rem;
    background: url(/twww/cn/images/close.362d062e..png) no-repeat;
    background-size: contain;
}

.image-preview .cover-preview-pic
{
    height: 1.16rem;
    width: 1.62rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 2px solid #E5E5E5;
}
.image-preview .loading.img-select-loading {
    height: 1.16rem;
    width: 1.62rem;
    vertical-align: baseline;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.enterprise-item {
    height: 0.6rem;
    margin: 0 0.3rem;
    padding: 0.2rem 0;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.enterprise-item .time-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.16rem;
}

.time-info .company-name {
    font-size: 0.18rem;
    color: var(--umu-color-text, #222);
}

.time-info .time {
    font-size: 0.14rem;
    color: var(--umu-color-text-secondary, #666);
}

.time-info .time.expired {
    color: #dd4e40;
}

.count-info span {
    margin-right: 0.3rem;
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.14rem;
}

.session-file-selector-icon {
    display: inline-block;
    width: 1.52rem;
    height: 1.04rem;
    position: relative;
}

.session-file-selector-icon::before,
.session-file-selector-icon::after {
    content: '';
    position: absolute;
}

.session-file-selector-icon::before {
    border: 10px solid rgba(0, 0, 0, 0);
    border-width: 0 40px 40px;
    border-bottom-color: #fff;
    top: 0.16rem;
    left: 0.37rem;
}

.session-file-selector-icon::after {
    width: 0.33rem;
    height: 0.33rem;
    background: var(--umu-color-bg-base, #fff);
    top: 0.56rem;
    left: 0.6rem;
}

.session-file-selector-dialog .ngdialog-content {
    width: 8rem !important;
}

.session-file-selector-dialog .file-list {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
}

.session-file-selector-dialog .file-list-wrap {
    /* prettier-ignore */
    height: 512PX;
    overflow-y: auto;
}

/* 列表为空时 */

.session-file-selector-dialog .file-list-blank {
    display: table;
    width: 100%;
    height: 100%;
}

.session-file-selector-dialog .file-list-blank .blank-tip {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0.2rem;
}

.session-file-selector-dialog .file-list-blank .to-upload {
    display: inline-block;
    width: 1.52rem;
    height: 1.04rem;
    background: #efefef;
    border-radius: 10px;
}

.session-file-selector-dialog .file-list-blank .tip {
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    line-height: 1.5;
}

.session-file-selector-dialog .file-list-loading .info {
    text-align: center;
    font-size: 0.14rem;
    color: #757575;
    padding: 0.5rem 0;
}

/* 列表页脚 */

.session-file-selector-dialog .file-list-footer .file-list-pages {
    float: left;
    line-height: 0.34rem;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li {
    display: inline;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li a {
    display: inline-block;
    vertical-align: middle;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li a.currentPage {
    color: var(--umu-color-text-secondary, #666);
    text-decoration: none;
    cursor: default;
}

.session-file-selector-dialog .file-list-footer .file-list-operations {
    float: right;
}

.session-file-selector-dialog .file-list-footer .file-list-operations .btn {
    margin-left: 0.2rem;
}

/* 列表条目样式 */

.session-file-selector-dialog .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);
}

.session-file-selector-dialog .file-item-row:hover,
.session-file-selector-dialog .file-item-row.active {
    background: #f4f9fc;
}

.session-file-selector-dialog .file-item-col {
    display: table-cell;
}

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

.session-file-selector-dialog .file-item-col.date-time {
    width: 1.6rem;
}

body.locale-fr .session-file-selector-dialog .file-item-col.date-time {
    width: 1.9rem;
}

.session-file-selector-dialog .file-item-col.size {
    width: 1rem;
}

body.locale-jp .session-file-selector-dialog .file-item-col.size {
    width: 1.4rem;
}

.session-file-selector-dialog .file-item-row .file-item-col.title {
    padding-left: 1.5rem;
}

/* .session-file-selector-dialog .file-item-row .file-item-col.title:before{content:'';display:inline-block;vertical-align:middle;width:26px;height:26px;margin-right:10px;background:url(/images/drive_spirit.png) no-repeat 0px -600px;} */

.session-file-selector-dialog .file-item-row.file-item-type-mp4 .file-item-col.title::before {
    background-position: 0 -5.4rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-pdf .file-item-col.title::before {
    background-position: 0 -4.38rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-doc .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-docx .file-item-col.title::before {
    background-position: 0 -4.67rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-ppt .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-pptx .file-item-col.title::before {
    background-position: 0 -4.96rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-xls .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-xlsx .file-item-col.title::before {
    background-position: 0 -6.3rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-mp3 .file-item-col.title::before {
    background-position: 0 -6.6rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-gif .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-jpeg .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-jpe .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-png .file-item-col.title::before {
    background-position: 0 -5.7rem;
}

.session-file-selector-dialog .file-item-row {
    position: relative;
}

.session-file-selector-dialog .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, #eee) 1px;
    padding: 0.01rem;
    line-height: 0.55rem;
}

.session-file-selector-dialog .file-item-row .without-thumb .thumb-img-container {
    border: none;
}

.session-file-selector-dialog .title.file-item-col .thumb-img {
    width: auto;
    max-height: 0.55rem;
    max-width: 0.98rem;
}

.session-file-selector-dialog .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;
}

.session-file-selector-dialog .file-item-header .file-item-col {
    color: #757575;
}

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

.file-select-loading {
    text-align: center;
    padding: 1.5rem 0;
}

.session-file-selector-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .course-file-selector-dialog.batches-add-session-selector-dialog-content {
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
}

.session-file-selector-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .course-file-selector-dialog.batches-add-session-selector-dialog-content .umu-dialog-body {
    flex: 1;
    overflow-y: hidden;
    display: flex;
}

.session-file-selector-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .course-file-selector-dialog.batches-add-session-selector-dialog-content .umu-dialog-body .file-list {
    /* 不能设置成 height:100% 会让高度超出父元素 */
    height: auto;
    max-height: unset;
    overflow: initial;
}

.session-file-selector-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .course-file-selector-dialog.batches-add-session-selector-dialog-content .umu-dialog-body .file-list-wrap {
    height: 100%;
}


.session-file-selector-dialog .ngdialog-content .course-file-selector-dialog {
    width: 100%;
}
.course-group-session-outer {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
}

.course-group-session-outer.group {
    margin: 0.2rem 0 0.1rem 0;
}

.course-group-session-outer .expired {
    color: #dd4e40;
}

.img-slide-preview {
    position: relative;
}

.img-slide-preview .preview-list {
    padding: 0.5rem 0.96rem;
}

.img-slide-preview .preview-box {
    width: 7.6rem;
    height: 5.6rem;
    margin: 0 auto;
    display: table;
    margin-left: 0.02rem;
}

.img-slide-preview .preview-box .pic {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.img-slide-preview .slide img {
    max-width: 7.55rem;
    max-height: 5.58rem;
    vertical-align: top;
    background: #d8d8d8;
    border: 1px solid #757575;
}

.img-slide-preview .slides {
    width: 7.6rem;
    height: 5.6rem;
    overflow: hidden;
    position: relative;
}

.img-slide-preview .slides-container {
    position: relative;
}

.img-slide-preview .slide {
    position: absolute;
    display: block;
    transform: translateX(0);
    transition: all 0.8s cubic-bezier(0.26, 0.86, 0.44, 0.985);
    background: var(--umu-color-bg-base, #fff);
}

.img-slide-preview .slide.present {
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.img-slide-preview .slide.past {
    transform: translate3d(-110%, 0, 0);
}

.img-slide-preview .slide.future {
    transform: translate3d(110%, 0, 0);
}

.img-slide-preview .action {
    position: absolute;
    top: 3rem;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    width: 0.54rem;
    height: 0.54rem;
}

.img-slide-preview .action.prev {
    left: 0;
    margin-left: 0.2rem;
    background-image: url(/twww/cn/images/pre.ddb8e606..png);
}
.img-slide-preview .action.prev.disable {
    left: 0;
    margin-left: 0.2rem;
    background-image: url(/twww/cn/images/pre-disable.adb64d19..png);
}

.img-slide-preview .action.next {
    right: 0;
    margin-right: 0.2rem;
    background-image: url(/twww/cn/images/next.5dc324ae..png);
}

.img-slide-preview .action.next.disable {
    right: 0;
    margin-right: 0.2rem;
    background-image: url(/twww/cn/images/next-disable.cd9d3b86..png);
}

.img-slide-preview .thumb-list {
    text-align: center;
    margin-top: 0.2rem;
    margin: 0 0.96rem 0.38rem;
}

.img-slide-preview .thumb-list .thumb-container {
    overflow: auto;
    white-space: nowrap;
}

.img-slide-preview .thumb-item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.12rem 0.1rem;
}

.img-slide-preview .thumb-item .img {
    width: 1.16rem;
    height: 1.16rem;
    background: no-repeat center;
    background-size: cover;
    /* border: 2px solid #FFF; */
    border: 2px solid var(--umu-color-border, #e0e0e0);
}

.img-slide-preview .thumb-item .img.active {
    border-color: var(--umu-color-primary, #ffbd00);
}

.creator-profile-card {
    position: absolute;
    margin-top: 0.04rem;
    line-height: 1;
    padding-right: 0.2rem;
    text-align: right;
    border-right: 4px solid #1e6ee6;

    right: 100%;
    margin-right: 0.3rem;
}

.creator-profile-card .profile-info {
    font-size: 0.12rem;
    color: var(--umu-color-text-tertiary, #999999);
}

.creator-profile-card .profile-username {
    font-size: 0.12rem;
    line-height: 1.5;
    white-space: nowrap;
    margin: 0.1rem 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 0.84rem;
}

.creator-profile-card .signin-avatar.avatar {
    display: inline-block;
}

.homework-requirement .add-img-btn {
    height: 1.16rem;
    width: 1.62rem;
    border: 1px dashed #ccc;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homework-requirement .add-img-btn-container {
    width: 0.36rem;
    height: 0.36rem;
    display: inline-block;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC8SURBVHgB7dqxDcMwEARB0sWyKDZrw5mtQJtSwEz26eLDm+MQa6337733nuMAr8EtgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgKFeV128c8HBYGCQOGIJemXletDCRQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAofAAUpwq/Ldk/IQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
}

.homework-requirement .image-preview-transclude {
    display: inline-block;
    vertical-align: baseline;
}

.homework-requirement .file-uploader .upload-button-wrap,
.homework-requirement .file-uploader .upload-crop-button-wrap {
    position: relative;
    overflow: hidden;
    margin: 0;
}
.homework-requirement .file-uploader .upload-button-wrap {
    background-color: #fcfcfc;
}
.homework-requirement .requirement-body {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    padding: 0.12rem;
    padding-bottom: 0.05rem;
    border-radius: 2px;
}

.homework-requirement .requirement-image-list {
    margin-top: 0;
}

.homework-requirement .input-box .input-text:focus,
.homework-requirement .input-box .input-text {
    border: none;
    box-shadow: none;
    padding: 0;
    line-height: 1.5;
}

.homework-requirement .desc {
    margin-top: 0.04rem;
}

.homework-requirement .input-box .input-text::-webkit-scrollbar-track-piece {
    background-color: #fff;
}
.homework-requirement .input-box .input-text::-webkit-scrollbar {
    width: 0.06rem;
    height: 0.06rem;
}
.homework-requirement .input-box .input-text::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    background-clip: padding-box;
    min-height: 0.28rem;
}
.homework-requirement .input-box .input-text::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a0;
}

.homework-requirement .add-img-text {
    width: 100%;
    color: var(--umu-color-text-secondary, #666);
}
.homework-requirement .input-box textarea.input-text.session-desc-input {
    height: 1.6rem;
}
.homework-requirement .input-box textarea.input-text.session-desc-input.online-height {
    height: 0.32rem;
}
/* .homework-requirement .auto-height-textarea-wrap {
    min-height: 23px;
    max-height: 161px;
    margin-bottom: 12px;
}
.homework-requirement .auto-height-textarea-wrap textarea {
    line-height: 23px;
} */

.course-release-hisotry-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 5rem;
    border-radius: 8px;
}
.course-release-hisotry-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0.34rem;
    padding-top: 0.12rem;
}

/* */
.course-release-history .history-list {
    position: relative;
}
.course-release-history .history-list:before {
    content: '';
    position: absolute;
    top: 0.1rem;
    left: 0;
    bottom: 0.1rem;
    border-left: 1px solid var(--umu-color-fill-secondary, #eee);
}

/* */
.course-release-history .history-item {
    padding-left: 0.15rem;
    margin-bottom: 0.15rem;
}
.course-release-history .history-item .history-result .status {
    display: inline;
    position: relative;
    color: var(--umu-color-text-secondary, #666);
}
.course-release-history .history-item .history-result .status:before {
    position: absolute;
    content: '\25CF';
    margin-left: -0.19rem;
    font-size: 0.16rem;
    line-height: 0.19rem;
}
.course-release-history .history-item .history-result .status.status1 {
    color: #4ba84a;
}
.course-release-history .history-item .history-result .status.status2 {
    color: #ffa726;
}
.course-release-history .history-item .history-result .status.status3 {
    color: #ffa726;
}
.course-release-history .history-item .history-result .status.status4 {
    color: #4ba84a;
}
.course-release-history .history-item .history-result .status.status5 {
    color: #dd4e40;
}
.course-release-history .history-item .history-result .status .tipIcon {
    margin-left: 0.08rem;
}

.course-release-history .history-item .history-result .status.status7 {
    color: #dd4e40;
}
.course-release-history .history-item .history-result .time {
    display: inline;
    margin-left: 0.1rem;
    color: var(--umu-color-text-tertiary, #999999);
}
.course-release-history .history-item .result-reason {
    margin-top: 0.1rem;
    line-height: 1.5;
    color: var(--umu-color-text, #222);
}

/* */
.course-release-history .history-load-more {
    color: var(--umu-color-text-tertiary, #999999);
    text-align: center;
    cursor: pointer;
}

/* */
.course-release-history .course-release-history-loading {
    color: var(--umu-color-text-tertiary, #999999);
    text-align: center;
}

/* */
.course-release-history .course-release-history-blank {
    color: var(--umu-color-text, #222);
    padding-top: 0.09rem;
}

.homework-example {
    position: relative;
}

.homework-example .pick-resource {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 2px;
}

.homework-example .add-video-btn-wrap {
    width: 1.09rem;
    height: 0.8rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.homework-example .add-video-btn {
    width: 0.8rem;
    height: 0.54rem;
    display: inline-block;
    background: url(/twww/cn/images/add-video.ce1e5c01..png) no-repeat;
    background-size: contain;
    margin-top: 0.1rem;
}

.homework-example .video-player {
    height: 4rem;
    background: #000;
}

.homework-example .video-player video {
    width: 100%;
    height: 100%;
}

.homework-example .pick-resource {
    position: relative;
    height: 1.02rem;
}

.homework-example .pick-resource-btn {
    margin: 0.1rem;
}

.homework-example .del-video-btn {
    height: 0.18rem;
    width: 0.18rem;
    background: url(/twww/cn/images/del-video.362d062e..png) no-repeat;
    background-size: contain;
    position: absolute;
    right: -0.09rem;
    top: -0.09rem;
}

.homework-example .pick-resource-desc {
    position: absolute;
    top: 0;
    left: 1.4rem;

    font-size: 0.13rem;
    color: var(--umu-color-text, #212121);

    line-height: 0.21rem;
}

.homework-example .pick-resource-container {
    height: 1.02rem;
    display: table-cell;
    vertical-align: middle;
}

.node-view {
    padding-left: 0.2rem;
}

.course-category-tree-view {
    /*  padding-left: 20px;
    text-indent: -40px; */
}

.course-category-tree-view .icon-bullet {
    position: relative;
}

.course-category-tree-view .icon-bullet:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAG1BMVEUAAAAhISEhISEhISEhISEhISEhISEhISF1dXVj0HLwAAAAB3RSTlMA7pERBomIcEb6UgAAAFRJREFUOMtjIAxYFIUcsMswlZcnYJdhLC8XQBXp6OhogMngNC0AjwsGG+DAL4NwNaYMk7JRAo7QMWAWwNQDk8FpWgC6zCAONyhgLy8vGKwyo2BEAwD46BUPXcWCxQAAAABJRU5ErkJggg==) no-repeat;
    content: '';
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 0.08rem;
    height: 0.08rem;
    margin: auto;
}
.course-category-tree-view .node-depth-1:before {
    /* list-style-type: disc;  */
    background-position: -0.15rem 0;
}
.course-category-tree-view .node-depth-2:before {
    /* list-style-type: circle;  */
    background-position: -0.15rem -0.11rem;
}
.course-category-tree-view .node-depth-3:before {
    /* list-style-type: square;  */
    background-position: -0.15rem -0.22rem;
}
.course-category-tree-view .node-depth-4:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAwSURBVHgB7ZE5CgBACAPHZf//ZcXOzgPsnCpFQiARQGnwaPKDlsSro4YLVPDtd582gwQDFxvmXc0AAAAASUVORK5CYII=) no-repeat;
    background-size: 90% 90%;
}
.course-category-tree-view .node-depth-5:before {
    background: none;
}

.course-category-tree-view .tree-node {
    vertical-align: middle;
    line-height: 0.3rem;
    position: relative;
    /* padding-left: 20px;
    text-indent: -40px;  */
}

.course-category-tree-view .tree-node .permissionLock .lock {
    width: 0.12rem;
    height: 0.16rem;
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAYAAAAIXrg4AAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAAaJJREFUSInt1r1rFUEUBfDfPuIXWCk2WqRIsEhloRIwIBYBLSwktZBqOk16SSGp0gmpdlOkSKOVhY1iIRYp8gfYaKUGOzshDz94FpmH42N336j7LMQDw95799xzhpmd3S3KsjQG53EH1zEda2/xFJshhNdtzUWLQYG1OKYaOF+xjvUQwqCO0NQID3B3pPYlXo8k/fdxCqt1Ir0G8aUR8WeYx7E45mNtiJWqqpZyDQpsJPkWbmAPgzj2Ym0r4W1UVVXkGFzCTIz3sRJFRzGI997HfAYXcwwuJ/FDHNRwhjjAo4beRoNzSfymRbyOcybH4EQSf84waOU0PUWdYXgOTuIaTmMuub+QoZFyLlRVtYyPeBFC+FSUZTmH5zj75/P9CR+w2EM5AXFRs+zJW4bfxcLEN/m/wVi0fQ9GsYtth2/bZVzp0uAJbuFbzLfxGDfHNeYu0b1EXIzXchpzDfZrau+6NKg7jFkHNNdgE7NJPhtrY5G7ydN4hZcxv4qjXRqIgou/wMe/cJL/ikF/gvr9HnYmaLAz5cdP620c70i473Diq98BEHdNQE/09D8AAAAASUVORK5CYII=);
    background-size: 100% 100%;
}

.course-category-tree-view .no-category-data {
    padding: 0.2rem 0;
}

.tree-node .permissionLock {
    position: relative;
}

.tree-node .permissionLock .inputTip {
    padding: 0.12rem 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    font-size: 0.14rem;
    line-height: 1.5;
    position: absolute;
    border-radius: 2px;
    box-shadow: 0 0 0.12rem rgba(9, 2, 4, 0.15);
    width: 2.4rem;
    z-index: 1000;
    color: var(--umu-color-text, #212121);
    text-align: left;
    top: 0.2rem;
    right: auto;
    margin-top: 0.1rem;
    left: -0.3rem;
}

.tree-node .permissionLock .inputTip::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -0.12rem;
    left: 0.3rem;
}

.tree-node .permissionLock .inputTip .loading-spinner {
    padding: 0;
}
.course-total-desc {
    display: flex;
    color: var(--umu-color-text, #222);
}
.course-total-desc .editor-category {
    margin-left: 0.08rem;
    color: #1e6ee6;
    cursor: pointer;
    display: flex;
}
.course-total-desc .editor-category .icon-arrow-right {
    width: 0.16rem;
    height: 0.16rem;
    margin: auto;
    margin-left: 0.04rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACL0lEQVRYR2NkGGDAOMD2M4w6YDQERkNgNATwhoBy4SuV3//+zmVkZUx42CNxn5RCS77kheL/3/8XsDIxJ9/tF7uDSy9OB8gXPNNk+M+49////5IMjAyP2diYHe90i98lxhEqpS+Vf/36u5/hP4MsIyPjcwbG/84PJ0hdx6YXpwPk8p/tYvjP4ArXxMjwlOU/i+O9SWK38TlCKe+V6h/GPyDLpZH07n40UcqNNAdUfBBk+PZ9BwPDfzOYRpBvGFlYnR70itzAZphC8RuN/39+7wOHGsL2UwxcnB6POgTek+QAkGL1ste833/83srAwGCL5IiX/1kYnB71Sl5DNlCu+LkW4x8GkOXiSOKHOTlYvW92iX4mOQ3ANBg3/Od6/f75BuToYGRkfMXyn9H57iSJKyB1ynkvdP4w/gelFzHkYBcVlAw428D4DV+UEVUOqEz6z/7rzovVDAz/fZEseMPMzOwC4v/9+3cPw38GEaRg38ymIhF6J4/xJ6FES5QDQIYYz/zP+vrai6UM//+HIjniHZj9n0EIIca4WlRLIvpsOuNvQpaD5Il2AEhx6Kr/zCePvpjH8P9/HFbDGRkXmVtLJK0OY/xLjOUkOwDs2f//GeULXk5n+P8vHcUSRqaZDyeIZzIyMv4n1nKyHAAzXC7/WT/Df4YCMJ+RYcKjiVKFpFgMz1XkaILpkc9/1gpiP5woVU2uOSSlAXItoTgb0sJiqkQBNRw2GgWjITAaAgMeAgCS5bEhzib0dQAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
}

.homework-keyword {
    font-weight: 700;
}

.homework-keyword .tag-input-list {
    padding-bottom: 0.12rem;
    padding-left: 0.12rem;
    padding-top: 0;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}

.homework-keyword .course-tag.edit {
    background: #52b3ff;
    border: 2px solid #1e6ee6;
    border-radius: 100px;
    font-size: 0.14rem;
    color: #ffffff;
    margin: 0.12rem 0.12rem 0 0;
    padding: 0 0.32rem 0 0.14rem;
    line-height: 0.24rem;
}

.homework-keyword .course-tag.edit .delete {
    background: var(--umu-color-bg-base, #fff);
    border-radius: 50%;
    width: 0.18rem;
    height: 0.18rem;
    top: 0.03rem;
    right: 0.03rem;
}

.homework-keyword .course-tag.edit .delete:before {
    color: #757575;
    font-size: 0.14rem;
    height: 0.18rem;
    width: 0.18rem;
    position: absolute;
    top: -0.04rem;
    left: 0;
}

.homework-keyword .tag-input-box .input-text {
    margin: 0.12rem 0.12rem 0 0;
}

.homework-keyword .course-tag.highlight {
    box-shadow: 0 0 0.03rem rgba(32, 150, 243, 1);
}

.homework-keyword .tag-input-list.disabled {
    border: 1px solid var(--umu-color-border, #e0e0e0);
}

.homework-keyword .tag-input-list.disabled .course-tag.edit .delete {
    display: none;
}

.homework-keyword .tag-input-list.disabled .course-tag.edit {
    padding: 0 0.14rem 0 0.14rem;
}

.homework-keyword .tag-input-list.active {
    border: 1px solid #1e6ee6;
}

.course-category-selector {
    display: flex;
}

.course-category-selector .category-item {
    flex: 1;
    /* min-width: 170px; */
    padding-right: 0.2rem;
}

.course-category-selector .select-box .select-list {
    /* max-width: 219px; */
}

.course-category-selector .select-box .current {
    /* max-width: 188px; */
}

.course-category-selector .select-box .select-list .select-list-item {
    position: relative;
    height: auto;
    line-height: 1.5;
    cursor: pointer;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    padding: 0 0.3rem;
    font-size: 0.14rem;
}

.course-category-selector .select-box .select-list .item-content {
    padding: 0.1rem 0;
    display: block;
}

.course-category-selector .react-connector {
    width: 100%;
}
.course-category-selector .course-category-selector-cascader.rc-cascader.umu-cascader {
    width: 100%;
}

.course-category-selector .course-category-selector-cascader.rc-cascader.umu-cascader .rc-cascader-menu-item-content {
    max-width: 2rem;
}

.course-category-selector-cascader-dropdown .rc-cascader-menus .rc-cascader-menu .rc-cascader-menu-item-content {
    max-width: 2rem;
}
.course-category-selector .rc-cascader-disabled .rc-cascader-selector{
    opacity: 0.6;
}
.course-category-selector .rc-cascader.umu-cascader .rc-cascader-arrow{
    opacity: 0.6;
}

.homework-share-wrapper {
    position: relative;
}

.homework-share {
    padding: 0.2rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    position: relative;
}

.homework-share .homework-share-qrcode {
    float: left;
    margin-right: 0.25rem;
}

.homework-share .homework-share-qrcode .homework-share-qrcode-img-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.homework-share .homework-share-qrcode .qrcode-load-failed-text {
    position: absolute;
    top: 1.48rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.12rem;
    color: var(--umu-color-text, #222);
    width: 100%;
    text-align: center;
}

.homework-share .homework-share-qrcode img {
    width: 1.68rem;
    height: 1.68rem;
}

.homework-share .homework-share-desc {
    font-size: 0.14rem;
    line-height: normal;
}

.homework-share .homework-share-title {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
    margin-bottom: 0.12rem;
}

.homework-share .homework-share-qrdownload {
    position: absolute;
    bottom: 0.2rem;
}

.homework-share .download-text {
    width: 1.68rem;
    text-align: center;
}

.homework-share .download-btn {
    font-size: 0.13rem;
    color: #1e6ee6;
    display: inline-block;
    margin-top: 0.06rem;
}

.homework-share .input-box .input-text[disabled] {
    background: var(--umu-color-bg-layout, #f5f5f5);
    font-size: 0.14rem;
    color: var(--umu-color-text, #333) !important;
    text-align: left;
}

.homework-share .method-title-1 {
    font-size: 0.13rem;
    color: var(--umu-color-text, #212121);
    margin-bottom: 0.04rem;
}

.homework-share .method-title-2 {
    font-size: 0.13rem;
    color: var(--umu-color-text, #212121);
    margin-top: 0.12rem;
}

.homework-share .homework-share-desc-wrap {
    height: 1.68rem;
    display: flex;
    align-items: center;
}

.is-course-require .require {
    /* color: #4ba84b; */
}

/* 个性化的下拉框样式 */
.is-course-require .select-box {
    margin: 0.05rem 0;
}

.is-course-require .select-box .current {
    padding-right: 0.3rem;
    border-radius: 2px;
    height: 0.2rem;
    line-height: 0.2rem;
    font-size: 0.12rem;
    border: 1px solid #cccccc;
}

.is-course-require .select-box.active .current {
    background: var(--umu-color-bg-base, #fff);
}

.is-course-require .select-box .current:after {
    border-color: transparent;
    border-top-color: var(--umu-color-text, #000);
    bottom: auto;
    top: 50%;
}

.is-course-require .select-box .select-list {
    padding-top: 0;
}

.is-course-require .select-box .select-list-wrap {
    padding: 0.05rem 0;
}

.is-course-require .select-box .select-list:before {
    display: none;
}

.is-course-require .select-box .select-list .select-list-item {
    padding: 0 0.1rem;
    font-size: 0.12rem;
}

body.locale-jp .session-view-survey .session-analyser .session-analyser-state {
    width: 2.7rem;
}

.session-analyser-statistic .homework-analyser-item.session-analyser-item .analyser-title {
    font-size: 0.2rem;
    color: var(--umu-color-text, #212121);
    line-height: 0.24rem;
}

.session-analyser-statistic .homework-analyser-item .analyser-count-wrap {
    padding: 0 0.3rem;
}

.session-analyser-statistic .homework-analyser-item:first-child .analyser-count-wrap {
    padding-left: 0;
}

.homework-analyser {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333333);

    line-height: 0.25rem;
    text-align: left;
}

.is-timing-switch {
  padding: 0.01rem 0.06rem;
  font-size: 0.13rem;
  line-height: 0.19rem;
  color: var(--umu-color-text-secondary, #666666);
}
/* */
.animate-cirque-percent{position:relative;display:inline-block;vertical-align:middle;}
.animate-cirque-percent .slot{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #CCC;border-radius:50%;}
.animate-cirque-percent svg{width:0.5rem;height:0.5rem;display:block;transform:rotate(-90deg);border-radius:50%;}
.animate-cirque-percent circle{visibility:hidden;fill:#CCC;stroke:#34a853;stroke-width:10;stroke-dasharray:0 100;animation:fillup 1s ease-out 0.4s forwards;}
.animate-cirque-percent .percent{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#FFF;margin:0.02rem;}
.animate-cirque-percent .num{position:absolute;font-size:0.12rem;line-height:0.2rem;text-align:center;left:0;right:0;top:50%;margin-top:-0.1rem;}

/* */
@keyframes fillup{
    from{stroke-dasharray:0 100;visibility:visible;}
    to{visibility:visible;}
}

.top-scroll .top-scroll-view {
    background: transparent;
    z-index: 1010;
    position: absolute;
    top: 0rem;
    height: 0.06rem;
    overflow: auto;
    border: 0;
}

.top-scroll .top-scroll-view .top-scroll-view-inner {
    height: 0.05rem;
}

/* */
.freez-table {
    position: relative;
    overflow: hidden;
}
.freez-table .table {
    width: auto;
}
.freez-table .table th {
    background: 0;
}
.freez-table .table th,
.freez-table .table td {
    white-space: nowrap;
    padding: 0.1rem 0.2rem;
}
.freez-table .table th .cell {
    height: 0.3rem;
}
.freez-table .table td .cell {
    height: 0.5rem;
}
.freez-table-main {
    overflow-x: auto;
    min-height: 3.5rem;
    padding-bottom: 2.2rem;
}
.freez-table-main.p_s_box {
    padding-bottom: 0;
}
.freez-table-fixed {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 0;
    clip: rect(0, 10000rem, 10000rem, 0);
    background: var(--umu-color-bg-base, #fff);
} /* 用 clip 属性代替 o:h */
.freez-table-fixed.fixed-corner {
    z-index: 104;
}
.freez-table-fixed.fixed-left {
    z-index: 103;
}
.freez-table-fixed.fixed-top {
    z-index: 102;
}
.freez-table-fixed.is-fixed {
    position: fixed;
    left: auto;
}

/* */
/* .freez-table ::-webkit-scrollbar-track-piece{background-color:#fff}
.freez-table ::-webkit-scrollbar{width:6px;height:6px}
.freez-table ::-webkit-scrollbar-thumb{background-color:#c2c2c2;background-clip:padding-box;min-height:28px}
.freez-table ::-webkit-scrollbar-thumb:hover{background-color:#a0a0a0} */

.freez-table .p_s_box .p_s_viewport.hide-y {
    padding-bottom: 2.2rem;
}

.freez-table .p_s_box .bar-row-out {
    z-index: 150;
}
.freez-table:hover .p_s_box .bar-row-out {
    display: block;
}
.freez-table:hover .p_s_box .bar-column-out {
    display: block;
}

.p_s_box {
    position: relative;
    overflow: visible;
}
.p_s_box .p_s_viewport {
    width: 100%;
    position: relative;
    overflow: auto;
}

.p_s_box:hover .bar-row-out {
    display: block;
}
.p_s_box:hover .bar-column-out {
    display: block;
}
.p_s_box .bar-row-out.top.over-fixed {
    position: fixed;
}

.p_s_box .bar-row-out {
    position: absolute;
    height: 0.07rem;
    left: 0;
    right: 0;
    display: none;
    transition:
        height,
        padding,
        border-width 0.3s ease;
}
.p_s_box .bar-row-out.draging,
.p_s_box .bar-row-out:hover {
    height: 0.1rem;
    padding: 0.02rem 0;
    background-color: #f5f6f8;
    border: 2px solid #dee0e3;
    border-left: 0 none;
    border-right: 0 none;
    display: block;
}
.p_s_box .bar-row-out .bar-row-inner {
    position: absolute;
    height: 0.07rem;
    background-color: var(--umu-color-text-tertiary, #999);
    border-radius: 5px;
    transition: height 0.3s ease;
}
.p_s_box .bar-row-out.draging .bar-row-inner,
.p_s_box .bar-row-out:hover .bar-row-inner {
    height: 0.1rem;
}
.p_s_box .bar-row-out.top {
    top: 0;
}
.p_s_box .bar-row-out.bottom {
    bottom: 0;
}

.p_s_box .bar-column-out {
    position: absolute;
    width: 0.07rem;
    top: 0;
    bottom: 0;
    display: none;
    transition:
        width,
        padding,
        border-width 0.3s ease;
}
.p_s_box .bar-column-out.draging,
.p_s_box .bar-column-out:hover {
    width: 0.1rem;
    padding: 0 0.02rem;
    background-color: #f5f6f8;
    border: 2px solid #dee0e3;
    border-top: 0 none;
    border-bottom: 0 none;
    display: block;
}
.p_s_box .bar-column-out .bar-column-inner {
    position: absolute;
    width: 0.07rem;
    background-color: var(--umu-color-text-tertiary, #999);
    border-radius: 5px;
    transition: width 0.3s ease;
}
.p_s_box .bar-column-out.draging .bar-column-inner,
.p_s_box .bar-column-out:hover .bar-column-inner {
    width: 0.1rem;
}
.p_s_box .bar-column-out.left {
    left: 0;
}
.p_s_box .bar-column-out.right {
    right: 0;
}

.p_s_box .p_s_viewport {
    -ms-scroll-chaining: chained;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.p_s_box .p_s_viewport::-webkit-scrollbar {
    width: 0rem;
    height: 0rem;
    display: none;
}

.p_s_box .p_s_viewport .-o-scrollbar {
    -moz-appearance: none !important;
    background: rgba(0, 255, 0, 0) !important;
}

.session-label-preview {
    width: 2.92rem;
    padding: 0.12rem;
    box-sizing: border-box;
    border: 1px solid #bdbdbd;
    background: var(--umu-color-bg-base, #fff);
}
.session-label-preview .search {
    width: 100%;
}

.session-label-preview .label-preview-list img {
    width: 0.17rem;
    margin-top: 0.15rem;
}

.session-label-preview .label-preview-list > * {
    float: left;
}

.session-label-preview li > div {
    float: left;
}

.session-label-preview li .session-icon {
    line-height: 0.2rem;
}

.session-label-preview .session-fake {
    margin-top: 0.08rem;
}

.session-label-preview .session-icon span {
    width: 0.22rem;
    height: 0.22rem;
    display: inline-block;
    margin: 0 0.04rem;
}

.session-label-preview .fake {
    color: #eee !important;
    background-color: #eee !important;
}

.session-label-preview li {
    margin: 0.05rem 0;
}

.session-label-preview li .session-name {
    text-align: center;
    margin-left: 0.06rem;
    margin-right: 0.16rem;
}

.session-label-preview li .session-name .text {
    max-width: 1.2rem;
    height: 0.14rem;
    line-height: 0.14rem;
    font-size: 0.12rem;
    overflow: hidden;
    color: var(--umu-color-text-secondary, #666);
    white-space: nowrap;
    text-overflow: ellipsis;
}
.session-label-preview li .session-name .text.fake {
    margin-left: 0;
    position: relative;
}
.session-label-preview li .session-name .text.fake span {
    position: absolute;
    top: -0.02rem;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--umu-color-fill-secondary, #eee);
}

.session-label-preview li .session-fake .top {
    width: 1.02rem;
    height: 0.14rem;
}

.session-label-preview li .session-fake .bottom span {
    float: left;
    margin-top: 0.04rem;
}

.session-label-preview li .session-fake .bottom .left {
    width: 0.25rem;
    height: 0.06rem;
}

.session-label-preview li .session-fake .bottom .middle {
    width: 0.01rem;
    margin: 0.04rem 0.02rem;
    height: 0.06rem;
}

.session-label-preview li .session-fake .bottom .right {
    width: 0.25rem;
    height: 0.06rem;
}

.course-type-color.course-type-1 {
    color: #23a565;
}
.course-type-color.course-type-2 {
    color: #ffa726;
}
.course-type-color.course-type-3 {
    color: #e75a2d;
}
.course-type-color.course-type-4 {
    color: #03a9f4;
}
.course-type-color.course-type-5 {
    color: #ff7d7a;
}
.course-type-color.course-type-6 {
    color: #00bcd4;
}
.course-type-color.course-type-7 {
    color: #2196f3;
}
.course-type-color.course-type-8 {
    color: #f596aa;
}
.course-type-color.course-type-9 {
    color: #3f51b5;
}
.course-type-color.course-type-10 {
    color: #673ab7;
}
.course-type-color.course-type-11 {
    color: #dd4e40;
}
.course-type-color.course-type-12 {
    color: #66bb6a;
}
.course-type-color.course-type-13 {
    color: #23a565;
}
.course-type-color.course-type-14 {
    color: #03a9f4;
}
.course-type-color.course-type-15 {
    color: #ffa726;
}
.course-type-color.course-type-16 {
    color: var(--umu-color-primary, #ffbd2b);
}
.course-type-color.course-type-17 {
    color: #2196f3;
}
.course-type-color.course-type-18 {
    color: #66bb6a;
}

.cmd-btn-holder {
    float: left;
    margin-left: 0.1rem;
    position: relative;
}

.cmd-btn-holder:first-child {
    margin-left: 0;
}

.cmd-btn {
    position: relative;
    line-height: 1;
}

.cmd-btn .btn {
    display: block;
    text-align: center;
    color: var(--umu-color-text-secondary, #666666);
    font-size: 0.12rem;
    padding: 0.08rem 0.1rem;
    border-radius: 2px;
}

.cmd-btn .btn:hover {
    color: #1e6ee6;
}
.cmd-btn .btn:hover .iconfont.cmd-btn-iconfont {
    color: #1e6ee6;
}

.cmd-btn.hover-as-active .btn:hover,
.cmd-btn .btn:active,
.cmd-btn .btn.active {
    color: #1e6ee6;
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.cmd-btn .icon {
    margin-bottom: 0.04rem;
}

.cmd-btn .iconfont {
    margin-bottom: 0.04rem;
    width: 0.2rem;
    height: 0.2rem;
}

.cmd-btn .cmd-split-btn {
}

.cmd-btn .cmd-split-btn .split {
    display: block;
    height: 0.2rem;
    margin: 0.15rem 0;
    width: 0.01rem;
    background: #e0e0e0;
}

.highlight.cmd-btn .btn {
    color: #1e6ee6;
}

.highlight.cmd-btn .btn:hover {
    color: #1e6ee6;
}

/* flat theme */
.cmd-btn.flat .btn .icon {
    margin: 0.08rem 0;
}

.cmd-btn.flat .btn .title {
    display: none;
}

/* */
.new-feature.cmd-btn .btn:before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    position: absolute;
    left: 50%;
    margin-left: 0.07rem;
    background: #dd4e40;
    color: #fff;
    border-radius: 50%;
}

.cmd-btn .cmd-btn-tip-text {
    padding: 0.12rem 0.14rem;
    font-size: 0.14rem;
    line-height: 1.5;
    top: 0.4rem;
    right: -0.7rem;
    border-radius: 2px;
    box-shadow: rgba(9, 2, 4, 0.14902) 0 0 0.12rem;
    width: 2.4rem;
    margin-top: 0.1rem;
    z-index: 1001;
    background: rgb(255, 255, 255);
}

.cmd-btn .cmd-btn-tip-text p {
    margin: 0.05rem 0;
}

.cmd-btn .cmd-btn-tip {
    display: none;
    position: absolute;
}

.cmd-btn .cmd-btn-tip.cmd-btn-tip-show {
    display: block;
}


.access-code-desc .access-code-tips {
    margin-right: 0.03rem;
    margin-left: 0.03rem;
}
.rank-index {
    margin-right: 0.1rem;
}

.rank-index .rank-order {
    width: 0.3rem;
    height: 0.3rem;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.rank-index .rank-order .index {
    display: flex;
    justify-content: center;
    width: 100%;
    line-height: 0.3rem;
    position: absolute;
    padding-top: 0.02rem;
    font-size: 0.12rem;
    color: #fff;
    text-align: center;
}

.rank-index .rank-1 {
    background-image: url(/twww/cn/images/rank-1.a1e3af24..png);
}
.rank-index .rank-2 {
    background-image: url(/twww/cn/images/rank-2.06ecdffb..png);
}
.rank-index .rank-3 {
    background-image: url(/twww/cn/images/rank-3.95a40f4f..png);
}

.rank-index .rank-more {
    min-width: 0.3rem;
    text-align: center;
    line-height: 0.3rem;
    font-size: 0.13rem;
    color: var(--umu-color-text, #000000);
}

.number-input .operation {
    display: inline-block;
    position: relative;
    top: 0.14rem;
    margin-left: -0.04rem;
}

.number-input .operation span {
    display: block;
    line-height: 0.2rem;
    box-sizing: border-box;
    width: 0.25rem;
    height: 0.2rem;
    cursor: pointer;
}
.number-input .operation span:first-child {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-left: 0 none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAGFBMVEV2dnZ1dXVHcEx7e3t3d3d8fHx1dXV1dXXhnzdzAAAAB3RSTlPE4AANHSGlt8XgOAAAAE5JREFUCNdjUFJSUmUBEkoMQBxY6ARhqYqXi0BYgQUOIEEGoBCzMrsIiBVYYKRkABRkAAopKYEEGUBCSiBBBnZmkGHK7EwMbiAhJSUzJwD/jw8rg5NKfAAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 0.08rem 0.04rem;
}
.number-input .operation span:last-child {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-top: 0 none;
    border-left: 0 none;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAAG1BMVEV6enp2dnZHcEyAgIB5eXl2dnZ2dnZ3d3d1dXWVbn5QAAAACHRSTlMW0wASHdi4KyxxgQ0AAABKSURBVAjXYyhjUgIBtiKGDAEQQyEiiYGxESTI2mjEoCAhABISVmJQAgkChYAsoCBICMgCCpYChUAsBYkOoBCIBRQ0grKUk0FGAgAdNg/OBOOeJgAAAABJRU5ErkJggg==) center no-repeat;
    background-size: 0.08rem 0.04rem;
}

.number-input.input-box {
    display: inline-block;
}
.number-input.input-box .input-text-number-disabled {
    background-color: var(--umu-color-fill-secondary, #eee);
}
.number-input.input-box .input-text {
    width: 1rem;
    display: inline-block;
}
.number-input .suffix {
    margin-left: 0.05rem;
}
.number-input input::-webkit-outer-spin-button,
.number-input input::-webkit-inner-spin-button,
.number-input input[type='number'] {
    -moz-appearance: textfield;
    -webkit-appearance: none !important;
}

/* search-input */
body.locale-jp .course-manage-main .group-list-header .right-search-btn-container .course-history-search.course {
    width: 3.06rem;
}

.search-input .input-box {
    padding-right: 0;
    position: relative;
    border-right: 0;
    display: flex;
    flex-wrap: nowrap;
}

.search-input .input-box .input-text {
    box-sizing: content-box;
    border-radius: 4px 0 0 4px;
    -webkit-appearance: textfield;
            appearance: textfield;
    text-overflow: ellipsis;
    line-height: 0.18rem;
    height: auto;
    padding-right: 0.3rem;
    flex: 1;
}

.search-input .input-box .input-text:hover {
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
}

.search-input .input-box .input-text:focus {
    border: 1px solid #ccc;
    box-shadow: none;
}

.search-input .input-box .input-text::-webkit-search-cancel-button {
    transform: translateX(-0.1rem);
}

.search-input .input-box .do-search {
    z-index: 1;
}

.search-input .input-box .do-search .btn {
    padding: 0;
    display: block;
    align-items: center;
    height: 0.34rem;
    line-height: 0.34rem;
    width: 0.36rem;
    border-radius: 0 4px 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input .input-box .do-search .btn:hover {
    background-color: var(--umu-color-primary, #fab400);
}

.search-input .input-box .do-search .btn-primary {
    border: 1px solid var(--umu-color-primary, #fab400);
    min-width: 0.36rem;
    background-color: var(--umu-color-primary, #fab400);
}

.search-input .input-box .do-search .btn-primary:hover {
    border: 1px solid var(--umu-color-primary, #fab400);
}

.search-input .input-box .do-search .btn:active {
    background-color: var(--umu-color-primary, #fab400);
}

.search-input .input-box .do-search .btn-primary:active {
    border: 1px solid var(--umu-color-primary, #fab400);
}

.search-input .input-box .search-icon {
    width: 0.24rem;
    height: 0.24rem;
    margin: 0.05rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADEAAAAwCAYAAAC4wJK5AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKRSURBVHgB3ZqNVeMwDMcVJsgGZIPLBucNjg3ubgM2IBvQDdoNgAkSNugG6QYtEwiJmEfhRfJnnMLvPb3w4ljyP7aF7bSCSBCxpktLdkN2bf+urTEnsoO9PpMNVVUNcAlQ4w3ZhuyI4XCdLVkDa2Ab32M++mJiKFBNdo/LcQ9Lwm+KbMTlGXGJXiGnLcaN+xQhLeQiQAA/M5Dd2jr1mQ8ehsaWPaIfxyxC0G8IcbDuvNGefjtP3w2k4BFkF9J4QczOEWOMjoHuLHQLmcBpmGmEZy37hjT+QWbYpyOmCfHHDnss0AMzcbUe6UMcab2whYVBfY6YVCcjFlga4JSOpZS+8XUiOeigEDil3zm4bbWrskGZBgrh6A2j1b0ikx54ovX/AQpBsXjfsReKb7S6LOK3UDZAeZ6E+w0osAhpvO2hPINw/xdoKOMwemkRi50Xs5Nbq1fxE7MFBKxATHuu4AfAIk5zBWsNJ6HopNVjES9CWQPlkTZEB1BgEVIWMlAeScSLUudNxEEo+wPlMcL9ATSUZYd7zZIR1FfSxlVZW7N0UAiKdSe0YfR1sMEVewP1wwm//QzqK9m1N0VNiKNecbTW9jTsBTp6g/kLmWGfjpgNhILy3MjeI+g+sukgBpwy1ehwvsWEHZ+NsXXEOEIKOGUK1znsiFNKbAL81raO7yF1WkLBsBPxB5yGBs+prwfKrS3rMe6EPYuQEdcnWYjPCXkOXL2U/r8K3VkrBfbNQ891Up5FCPfKgPlgX+2XGMsLORPDwWI/AfObN4r/YCFJhwG2Me/GmekaPn+M583M3pr3x3gWQhdthbAjX//h0sFSQ2tpPIR08B1wCElbnpREEfJ9RDCCEL8PMJcEfvy653g+H14BqgImA8aceIEAAAAASUVORK5CYII=) no-repeat center;
    background-size: 0.16rem;
}
.search-input .input-box .iconfont {
    left: 0.04rem;
    color: #ffffff;
}

.search-input .input-box input[type='search']::-webkit-search-cancel-button {
    display: none;
}

.search-input .input-box .do-search-cancel {
    position: absolute;
    right: 0.48rem;
    top: 0.1rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAC4UlEQVRYCcWXvYsiQRDFy0EFPxJNhA1WEFMTFbNNDMTEv3YTETQxEzQxFUEDwUQTXUHBu/sNV9I7ds8Hd7IPdmecqapXXVUz/Sb16w8kBu73u+x2O9lsNnI8HuXr60vO57PvWSgUJJ/PS6lUkmq1Km9vb+J5XoyoIqmoBC6Xi8znc1mtVnK9XmMFzWazUq/XpdVqSS6XC/VxJsCKF4uFLJdLud1uoUFcNzOZjDQaDWk2m86KWBNg1aPRSPb7vSt2ouuVSkV6vZ61Gk8JHA4HGQ6HcjqdEpFEGReLRen3+1Iul7+ZfpsUVv4KchhZELHhMPFIgJ5T9v+9cpOM2HDApUjrCQMX7Dnl+vj4EIZpNpvJdrtV89Dj+/u7dDodf3in06nQVgUccLXbbf+SXwHKwrQHATkDRCIMUa1WC5o8/cYGW3zwJUYQcGkr/AR4zm2PGitX8GLpdruhSUCOjfkSMmNoLLjgBB794CVjA2U3+xWWhI0cX2LYACf3PV6vrjccPZ9MJpFJuMjxdc0NnHCnebeHYb1e+7fN0mol1M+8xzVWBrn6ql3wCHeajSUKGsgk0iRSqZTwp4hLjj3caXa1OHAlYfomIccPbk+3VDOQ65wkgjOhtuzqccqu9hzh9h9D82Kcc7Pkah9TVqi5fySOh5iIC512WwI6E9jEBSLG418cKDlEClZN3xVJk/ATQEZFwUYO8Xg8fpqJJEnA7aHhwuAi14GzDWbcJOD2EJBoOBvY1cxnHxvboxaWBDFsgPOvePV8AWkzYks1e24jVz9XEsSwAdFKbH+iUK+uXUudw8jVxpaEa5eFE/gJIJ1Rr0EgJhAQCAqUDARRwAZbfPAlRhBwqVx/iFJW+Pn5+aSKgs7/+huRMhgMHq19PNT0AyWDen0ViA2HOVePBCClLEjnVyShslxLr4t8tEAvcESv0cegSDVtkpwn+jDRwMzEj32aaRIcqcaPfJyaSXBORV7xef4bePT+POSRHO0AAAAASUVORK5CYII=) center center no-repeat;
    background-size: contain;
    vertical-align: top;
    cursor: pointer;
}

.share-dialog-ways .share-dialog-way-body .theme-list {
    display: flex;
    overflow-x: auto;
    height: 100%;
    overflow-y: hidden;
    max-height: 100%;
}

.share-dialog-ways .share-dialog-way-body.way-card {
    height: 2.1rem;
    margin-left: -0.35rem;
}

.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview {
    width: 1.05rem;
    margin-right: 0.04rem;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.31);
    transform-origin: left top;
}

.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview.achievement {
    transform: scale(0.26);
}
.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview.custom {
    transform: scale(0.23);
}
.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview.qrcode {
    transform: scale(0.324);
}
.share-dialog-ways .share-dialog-way-body .theme-list .theme-more {
    width: 1.05rem;
    height: 1.45rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 0.08rem;
    padding: 0.05rem;
    /* box-shadow: 0 0rem 0.01rem 0.01rem rgba(0,0,0,0.2); */
    background-color: #e0e0e0;
    margin-left: 0.37rem;
    text-align: center;
    cursor: pointer;
}

.theme-list .share-preview-card .course-achievement-share-card {
    padding-top: 0.5rem;
}

.share-dialog-ways .share-dialog-way-body .theme-list .theme-more i {
    display: block;
    height: 0.48rem;
    width: 0.48rem;

    background-size: cover;
}

.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download {
    width: 3.4rem;
    text-align: center;
}
.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download.share-card-download-group {
    transform: scale(1.39);
    margin-top: 0.14rem;
    margin-left: 0.29rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
}
.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking {
    text-align: center;
    font-size: 0.46rem;
    border: 0 none;
    margin-top: 0.32rem;
    background-color: var(--umu-color-bg-base, #fff);
}

body.locale-de .share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking {
    font-size: 0.38rem;
}

.share-dialog-ways .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
    font-size: 0.55rem;
    margin-top: 0.38rem;
    white-space: nowrap;
}

body.locale-cn .share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download.share-card-download-group {
    display: flex;
    justify-content: space-between;
}
body.locale-tw .share-dialog-ways .share-dialog-way-body .theme-list .theme-preview .share-card-download.share-card-download-group {
    display: flex;
    justify-content: space-between;
}
body.locale-jp .share-dialog-ways .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
    margin-left: -0.15rem;
}

.share-preview-card {
    display: inline-block;
    line-height: 1;
    position: relative;
}
.share-preview-card .share-body-invite .user-name-content {
    margin-top: -0.02rem;
    display: inline-block;
}
.share-preview-card .share-body-invite .hide-medal .user-name-content {
    margin-top: 0.01rem;
}
.share-preview-card .share-theme-20 .share-body-invite  .hide-medal .user-name-content,
.share-preview-card .share-theme-23 .share-body-invite  .hide-medal .user-name-content {
    margin-top: -0.01rem;
}
.share-preview-card .share-theme-1 .share-body-invite .user-name-content {
    margin-top: -0.04rem;
}
.share-preview-card .share-theme-1 .share-body-invite .hide-medal .user-name-content {
    margin-top: -0.02rem;
}
.share-preview-card .share-theme-20 .share-body-invite .user-name-content,
.share-preview-card .share-theme-23 .share-body-invite .user-name-content {
    margin-top: -0.05rem;
}
.share-preview-card .share-theme-7 .share-card-content .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content,
.share-preview-card .share-theme-21 .share-card-content .share-body-invite .data-user-main .user-name-info.hide-medal .user-name-content {
    margin-top: -0.03rem;
}
.share-preview-card .card-select {
    background: url(/twww/cn/images/selected.bf0bfc49..png);
    width: 0.5rem;
    height: 0.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0.12rem;
    right: 0.12rem;
    z-index: 1;
    display: none;
}

.share-preview-card .footer-access p:first-child {
    line-height: 0.14rem;
    margin-bottom: 0;
}

.share-preview-card .data-user-main .user-name-info.transcate .user-medal-info-holder .user-medal {
    width: 0.18rem !important;
    height: 0.18rem !important;
}

.share-preview-card .data-user-main .user-name-info {
    height: auto;
}

.share-preview-card .course-achievement-share-card {
    padding-top: 0.4rem;
}

.share-preview-card .share-card-footer .footer-access .access-desc .icon-arrow-right {
    background-image: url(/twww/cn/images/icon-arrow-right.121a2325..png) !important;
}

.share-preview-card .share-card .share-card-body .share-body-invite .invite-desc {
    vertical-align: 0.01rem;
}

.share-preview-card .share-card .share-card-body .share-body-invite .invite-desc.hide-level {
    vertical-align: 0.01rem;
}

.share-preview-card .share-body-invite .user-name-info.transcate .user-medal {
    margin-top: -0.06rem !important;
}
.share-preview-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.7rem !important;
    height: 7.3rem;
    max-height: 90vh;
}
/* 适应小屏幕分享卡高度 */
.share-preview-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-body-content {
    line-height: 1.5;
    max-height: 68vh;
    overflow: auto;
}

.share-preview-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .share-card
    .share-card-body.share-theme-final
    .share-card-content-wrap
    .share-card-content {
    display: block;
}

.share-preview-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .course-custom-excitation .share-body .course-info .data-user-item {
    display: block;
}

.share-card-list-preview .preview-content {
    margin-bottom: 0.18rem;
}

.share-card-list-preview .preview-content > div {
    width: 3.62rem;
    float: left;
}

.share-card-list-preview .preview-content .preview {
    height: 4.87rem;
    box-sizing: border-box;
    border-right: 0.01rem solid #ccc;
}

.share-card-list-preview .preview-content .preview.preview-container-solid {
    border-right: 0.01rem solid hsla(0, 0%, 93%, 1);
}

.share-card-list-preview .preview-content .card-list {
    margin-top: -0.55rem;
    margin-left: -0.05rem;
}

.share-card-list-preview .preview-content .card-setting.card-list {
    width: 4.53rem;
    height: 4.95rem;
    overflow-y: auto;
    margin-top: 0;
    overflow-x: hidden;
}

.share-card-list-preview .preview-content .card-setting ul.card-bg {
    margin-top: -0.36rem;
}

.share-card-list-preview .preview-content .card-setting .card-cover {
    display: flex;
    margin: 0.6rem 0 0 0.48rem;
}

.card-setting .card-cover .card-cover-item {
    width: 0.44rem;
    height: 0.44rem;
    padding: 0.02rem;
    margin-left: 0.05rem;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0.02rem;
}

.card-setting .card-cover .card-cover-item.bgactive {
    border: 0.01rem solid #1e6ee6;
}

.card-setting .card-cover .card-cover-item:first-child {
    margin-left: 0;
}

.card-setting .card-cover .card-cover-item img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0.02rem;
}

.card-setting .card-cover .file-uploader {
    margin-left: 0.1rem;
}

.card-setting .card-file-suggest {
    font-size: 0.13rem;
    color: #757575;
    line-height: 0.18rem;
    margin: 0.05rem 0.05rem 0.05rem 0.48rem;
}

.card-setting .card-file-suggest.card-file-suggest-bottom {
    margin-bottom: 0.18rem;
}

.card-setting .card-setting-title {
    font-size: 0.16rem;
    margin: 0.2rem 0 0.1rem 0.48rem;
    font-weight: 700;
}

.card-setting .card-setting-title-top {
    margin-top: 0.08rem;
}

.card-setting .card-setting-qrc-top {
    margin-top: 0.12rem;
}

.card-setting .card-setting-title .btn-striking {
    border: none;
    background-color: var(--umu-color-bg-base, #fff);
    height: auto;
    padding: 0 0.16rem 0.05rem;
}

.card-setting .card-setting-title .btn-striking:hover {
    border: none;
    box-shadow: none;
}

.card-setting .card-option-content {
    margin-left: 0.48rem;
    display: table-cell;
}

.card-setting .card-option-content .radio-list-wrap {
    margin-left: 0.48rem;
}

.card-setting .card-option-content .radio-list-wrap .radio-list-item {
    margin-right: 0.5rem;
}

.card-setting .card-option-content .radio-list-wrap .radio-box .input {
    margin-right: 0.05rem;
}

.card-setting .card-option-content .file-uploader {
    margin-left: 0.48rem;
    margin-top: 0.1rem;
    margin-bottom: -0.05rem;
}

.card-setting .card-option-content .upload-button-wrap {
    margin: 0.05rem 0;
}

.card-setting .card-left {
    width: 70%;
    margin-left: 0.48rem;
}

.card-setting .card-warn {
    color: #dd4e40;
    margin-top: 0.1rem;
}

.card-setting .input-theme-title {
    width: 48%;
}

.card-setting .theme-desc {
    height: 1rem;
}

.card-setting .theme-desc-76 {
    width: 2.72rem;
    height: 1rem;
    margin-top: 0.16rem;
}

.card-setting .theme-desc-60 {
    width: 2.85rem;
    height: 0.8rem;
}

.card-setting .theme-desc-change {
    height: 0.4rem;
    width: 40%;
    display: flex;
    align-items: center;
    color: #1e6ee6;
    cursor: pointer;
    margin-left: 0.48rem;
}

.card-setting .theme-desc-change div:last-child {
    width: 0.24rem;
    height: 0.24rem;
    margin-left: 0.1rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAWlBMVEUAAAAhlvQimvUhlvMqne8hl/MjlfUhlvMilvMhlvQjmPQhlvQhmfcinfEil/QilvMil/Mil/Mgl/Uhl/MglPEkmfgml/Y7pfAhlvQilvQjnPghlfQhl/YhlvNqruocAAAAHXRSTlMAyjX+COAs8dSTXa0TDnHVxaZmVjcjGwX0tCR0Nkio/s8AAAEESURBVDjLnZTbbsMgEERLMBDw/e6kPf//m1UVV9GuEmxlXyyPjmZnF8HXh3U5A13PUBh/AsIcewG5jsWcyjYAmY5TdJa94mtkTTuScVqHDRu6xteZTCmAGYvsdJOD2yL3VFRqrmitWeTGqz4WApodYZRnV/e4u0xk6QplbrCDUEpodMxvKIXQgtfQDzghBKg1VMEmhA0qDdUQhODgoiEP7WHwRgcfLEavoMMmodwdfS3vwRhwszqWvtqZ6+O7GGujMq/2f294MDdw05s7Z+DPeDQQ0hvmCtS+6YIlDOtLxhv+y7q0M7riE4kqj3YKbZlmNZfOxPGLYvKQ3JMu3fHzN+y4fgEB0hMrgzo3tQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 100% 100%;
}

.card-setting .qrcode-desc {
    width: 1.5rem;
    height: 0.8rem;
}

.card-setting .card-careful {
    margin: 0.1rem 0.05rem 0 0.48rem;
    font-size: 0.13rem;
    font-weight: 400;
    color: var(--umu-color-text, #212121);
    line-height: 0.18rem;
}

.card-setting .card-sub {
    margin: 0.05rem 0 0.1rem 0.3rem;
}

.card-setting .card-sub .btn-striking {
    border: none;
    background-color: var(--umu-color-bg-base, #fff);
}

.card-setting .card-sub .btn-striking:hover {
    border: none;
    box-shadow: none;
}

.card-setting .card-teacher-left {
    margin: 0.1rem 0.4rem 0.05rem 0.8rem;
}

.card-setting .text-change {
    display: flex;
    align-items: center;
    position: relative;
}

.card-setting .text-change .text-bg-color {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    margin: 0 0.05rem;
    cursor: pointer;
    box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
}

.card-setting .text-change .text-bg-color.no-box-shadow {
    box-shadow: none;
}

.card-setting .text-change .text-color {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    margin: 0 0.05rem 0rem 0.3rem;
    box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

.card-setting .text-change .text-color.no-box-shadow {
    box-shadow: none;
}

.card-setting .text-change .text-bg-color-select {
    width: 2.2rem;
    height: 0.4rem;
    position: absolute;
    padding: 0.05rem;
    left: 10%;
    top: 0.25rem;
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-setting .text-change .text-bg-color-select.text-color-select {
    left: 50%;
}

body.locale-de .card-setting .text-change .text-bg-color-select.text-color-select,
body.locale-en .card-setting .text-change .text-bg-color-select.text-color-select {
    left: 41%;
}

.card-setting .text-change .text-bg-color-select div {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0rem 0rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
}

.card-setting .text-change .text-bg-color-select div.no-box-shadow {
    box-shadow: none;
}

.card-teacher-width {
    width: 49%;
    margin: 0.1rem 0.4rem 0.1rem 0.8rem;
}

.share-card-list-preview .preview .share-theme-23 .share-card-footer {
    background-color: transparent;
}

.share-card-list-preview .preview .share-theme-23 .footer-qrc {
    width: 0.6rem;
    margin: 0 auto;
    margin-top: 0.1rem;
    float: none;
}

.share-card-list-preview .preview .share-theme-23 .footer-access {
    float: none;
    padding: 0;
}

.share-card-list-preview .share-card-desc {
    font-size: 0.14rem;
    color: var(--umu-color-text, #333333);
    text-align: left;
}

.share-card-list-preview .label {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333333);
    text-align: left;
    margin-top: 0.2rem;
    margin-bottom: 0.09rem;
    position: relative;
}

.share-card-list-preview .label span {
    position: absolute;
    left: 44.5%;
    margin-left: 0.3rem;
}

.share-card-list-preview .share-card-title {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333333);
    text-align: left;
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
    display: flex;
    font-weight: 500;
}

body.locale-de .share-card-list-preview .share-card-title,
body.locale-en .share-card-list-preview .share-card-title {
    font-size: 0.15rem;
}

.share-card-list-preview .share-card-title div.share-card-title-right {
    display: flex;
    margin-left: 46%;
}

.share-card-list-preview .share-card-title div.share-card-title-right div {
    position: relative;
    cursor: pointer;
}

.share-card-list-preview .share-card-title div.share-card-title-right div:last-child {
    margin-left: 0.3rem;
}

.share-card-list-preview .share-card-title div.share-card-title-right div.active {
    color: #1e6ee6;
}

.share-card-list-preview .share-card-title div.share-card-title-right div.active:before {
    content: '';
    position: absolute;
    width: 50%;
    left: 25%;
    bottom: -0.05rem;
    height: 0.02rem;
    background-color: #1e6ee6;
}

.share-card-list-preview .card-list ul li {
    float: left;
    transform: scale(0.32);
    width: 1.17rem;
    height: 1.65rem;
    cursor: pointer;
}

.share-card-list-preview .card-setting .card-option-content li {
    transform: scale(1);
    width: auto;
    height: auto;
}

.share-card-list-preview .card-list ul li.achievement {
    position: relative;
    top: -0.05rem;
    padding-left: 0.25rem;
    box-sizing: border-box;
    transform: scale(0.265);
}

.share-card-list-preview .card-list ul li.achievement.active {
    transform: scale(0.28);
}

.share-card-list-preview .card-list ul li.active .share-preview-card {
    box-shadow: 0 0rem 0.02rem 0.02rem #1e6ee6;
}

.share-card-list-preview .card-list ul li.active .share-preview-card .card-select {
    display: block;
}

.share-card-list-preview .card-list ul li.active .course-achievement-share-card {
    box-shadow: 0 0rem 0.02rem 0.02rem #1e6ee6;
}

.share-card-list-preview .card-list ul li.achievement.courceactive {
    transform: scale(0.28);
}

.share-card-list-preview .card-list ul li.courceactive .share-preview-card .card-select {
    display: block;
}

.share-card-list-preview .card-list ul li.courceactive .share-preview-card {
    box-shadow: 0 0rem 0.02rem 0.02rem #1e6ee6;
}

.share-card-list-preview .card-list ul li.courceactive .course-achievement-share-card {
    box-shadow: 0 0rem 0.02rem 0.02rem #1e6ee6;
}

.share-card-list-preview .card-list ul.card-bg li {
    float: left;
    transform: scale(0.18);
    width: 0.75rem;
    height: 1.15rem;
    cursor: pointer;
    margin-left: 0.18rem;
    position: relative;
}

.share-card-list-preview .card-list ul.card-bg li.courceactive {
    transform: scale(0.18);
}

.share-card-list-preview .card-list ul.card-bg li .custom-selected {
    width: 0.76rem;
    height: 1.3rem;
    border: 0.01rem solid #1e6ee6;
    position: absolute;
    left: 1.72rem;
    right: 0;
    transform: scale(5.5);
    top: 2.69rem;
    display: none;
}

.share-card-list-preview .card-list ul.card-bg li.courceactive .custom-selected {
    display: block;
}

.share-card-list-preview .card-list ul.card-bg li.courceactive .card-select {
    width: 0.8rem;
    height: 0.8rem;
}

.share-card-list-preview .card-list ul.card-bg li.courceactive .share-preview-card {
    box-shadow: none;
}

.share-card-list-preview .preview-content .preview-container {
    width: 3.3rem;
    height: 4.8rem;
    transform: scale(1.01);
    margin-top: 0.05rem;
}

.share-card-list-preview .preview-content .preview-container.achievement {
    transform: scale(0.84);
    margin-top: -0.38rem;
}

.share-card-list-preview .preview-content .preview-container.custom {
    transform: scale(0.728);
    margin-top: -0.64rem;
}

.share-card-list-preview .preview .preview-container.achievement {
    box-shadow: none;
}

.share-card-list-preview .preview-footer > div {
    float: right;
    width: 50%;
}

.share-card-list-preview .preview-footer .share-card-download {
    margin-left: -0.2rem;
    text-align: center;
    float: left;
}

.share-card-list-preview .preview-footer .share-card-download.share-card-download-center {
    margin-left: -0.42rem;
}

.share-card-list-preview .preview-footer .share-card-download .btn {
    border: 0 none;
    font-size: 0.13rem;
    margin: 0 0.2rem;
    background-color: var(--umu-color-bg-base, #fff);
}

.share-card-list-preview .preview-footer .share-card-download .group-btn-color {
    color: #1e6ee6;
}

.share-card-list-preview .footer-go-back {
    position: fixed;
    right: 0.5rem;
    bottom: 0.3rem;
}

.share-card-list-preview .footer-go-back .btn-optional {
    background: var(--umu-color-bg-base, #fff);
}

.share-card-list-preview .footer-go-back .btn-primary {
    margin-left: 0.18rem;
}

.share-theme-20 .share-card .share-body-invite .invite-desc.hide-level {
    vertical-align: 0.03rem;
}

.share-card-list-preview .preview-content .course-achievement-share-card .user-name-info.transcate .user-medal-info-holder {
    top: 45% !important;
}

body.locale-jp .card-setting .input-theme-title,
body.locale-de .card-setting .input-theme-title,
body.locale-en .card-setting .input-theme-title {
    width: 65%;
}
body.locale-de .card-setting .qrcode-desc,
body.locale-en .card-setting .qrcode-desc {
    width: 1.6rem;
}
body.locale-fr .card-setting .qrcode-desc,
body.locale-es .card-setting .qrcode-desc {
    width: 1.9rem;
}

body.locale-jp .card-setting .qrcode-desc {
    font-size: 0.13rem;
}
body.locale-de .card-setting .text-change,
body.locale-en .card-setting .text-change {
    width: 75%;
}
body.locale-fr .card-setting .text-change,
body.locale-es .card-setting .text-change {
    width: 75%;
    font-size: 0.12rem;
}

body.locale-es .card-setting .text-change .text-color,
body.locale-fr .card-setting .text-change .text-color {
    margin: 0 0.05rem 0rem 0.05rem;
}
body.locale-jp .card-teacher-width {
    width: 58.57%;
}
body.locale-de .card-teacher-width,
body.locale-en .card-teacher-width {
    width: 61%;
}

.first-collect-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 4.6rem;
}
.ngdialog.ngdialog-theme-umu .ngdialog-content .collect-dialog-title {
    text-align: center;
}
.first-collected .collected-des {
    font-size: 0.14rem;
    line-height: 0.2rem;
    text-align: center;
}
.collected-des {
    font-size: 0.14rem;
    line-height: 0.2rem;
    text-align: center;
}
.first-collected .collected-bg {
    width: 100%;
    height: 1.97rem;
    margin-top: 0.28rem;
    position: relative;
    background-image: url(/twww/cn/images/collect-bg.4cee3326..png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.first-collected .collected-bg.enterprise {
    background-image: url(/twww/cn/images/collect-bg-enterprise.ab65785d..png);
}
.first-collected .collected-bg .collect-profile-text {
    position: absolute;
    color: var(--umu-color-text, #212121);
    font-size: 0.08rem;
    left: 2.84rem;
    top: 0.75rem;
}
.first-collected .collected-bg .collect-pointer {
    position: absolute;
    left: 3.28rem;
    top: 0.85rem;
    width: 0.24rem;
    height: 0.24rem;
    background-image: url(/twww/cn/images/collect-pointer.f8ef2fb5..png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.first-collected .collected-btn {
    width: 0.88rem;
    margin: 0.32rem auto 0 auto;
}

.start-trial-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 4.5rem;
    border-radius: 8px;
}
.start-trial-dialog.ngdialog.ngdialog-theme-umu .ngdialog-close:before {
    right: 0.2rem;
    top: 0.12rem;
    color: var(--umu-color-text, #333333);
}
.start-trial {
    padding: 0rem;
}
.start-trial .trial-bg-brown {
    width: 100%;
    height: 1.8rem;
    margin-top: 0.14rem;
    position: relative;
    background-image: url(/twww/cn/images/start-trial-bg.be8d0cce..png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.start-trial .trial-bg-gold {
    width: 100%;
    height: 1.8rem;
    margin-top: 0.14rem;
    position: relative;
    background-image: url(/twww/cn/images/start-trial-bg-gold.b0e655ab..png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.start-trial .trial-title {
    font-size: 0.22rem;
    color: var(--umu-color-text, #222);
    line-height: 0.26rem;
    text-align: center;
    margin-top: 0.24rem;
}
.start-trial .trial-text {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
    text-align: center;
    padding: 0 0.02rem;
}
.start-trial .trial-des {
    margin-top: 0.12rem;
}
.start-trial .trial-note {
    margin-top: 0.04rem;
    color: var(--umu-color-text-secondary, #666666);
}
.start-trial .trial-btn {
    margin-top: 0.24rem;
    text-align: center;
}
.start-trial .trial-btn .btn {
    display: inline-block;
    width: 100%;
    height: 0.36rem;
    line-height: 0.36rem;
    font-weight: 600;
    font-size: 0.14rem;
    color: #ffffff;
    background: var(--umu-color-primary, #fab400);
    border-color: var(--umu-color-primary, #fab400);
    border-radius: 4px;
}

.purchase-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8rem;
    border-radius: 12px;
}

.purchase-points-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-title {
    font-weight: 600;
    color: var(--umu-color-text, #222);
}

.purchase-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .purchase-points .purchase-points {
    max-height: 65vh;
    /* overflow-y: auto; */
}

.purchase-points .purchase-points-body {
    /* max-height: 65vh; */
    max-height: 50vh;
    overflow-y: auto;
}

.purchase-points .title {
    margin-bottom: 0.48rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}

.purchase-points .form-row {
    display: flex;
    margin-bottom: 0.2rem;
}

.purchase-points .form-row .form-row-label {
    color: var(--umu-color-text, #212121);
    font-size: 0.16rem;
    width: 1rem;
    min-width: 1rem;
}

.purchase-points .form-row .form-row-label.label-points {
    line-height: 0.88rem;
}

.purchase-points .form-row .form-row-label.label-payment {
    line-height: 0.52rem;
}

.purchase-points .form-row .goods-list {
    display: flex;
    width: 6.24rem;
    flex-wrap: wrap;
}

.purchase-points .form-row .goods-item {
    margin-right: 0.16rem;
    margin-bottom: 0.2rem;
    border: 1px solid #fff;
    border-radius: 3px;
}

.purchase-points .form-row .goods-list .goods:nth-child(3n) .goods-item {
    margin-right: 0;
}

.purchase-points .form-row .goods-item .inner {
    min-width: 1.92rem;
    position: relative;
    cursor: pointer;
    padding: 0.12rem 0.2rem;
    box-sizing: border-box;
    border: 1px solid #e0e1e2;
    border-radius: 3px;
}

.purchase-points .form-row .goods-item.active,
.purchase-points .form-row .goods-item.active .inner {
    border: 1px solid var(--umu-color-primary, #ffbd2b);
}

.purchase-points .form-row .inner .corner-marker {
    position: absolute;
    right: -0.01rem;
    top: -0.01rem;
    color: #fff;
    background: #f4783c;
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding: 0.03rem 0.12rem;
    border-bottom-left-radius: 12px;
}

.purchase-points .form-row .inner .corner-marker.orgine-marker {
    background: var(--umu-color-primary, #ffbd2b);
}

.purchase-points .form-row .inner .umu-points {
    font-size: 0.16rem;
    color: rgba(33, 33, 33, 1);
    line-height: 0.22rem;
    margin-bottom: 0.1rem;
}

.purchase-points .form-row .goods-item.active .corner-marker {
    right: -0.02rem;
    top: -0.02rem;
}

.purchase-points .form-row .inner .umu-points {
    font-size: 0.16rem;
    color: rgba(33, 33, 33, 1);
    line-height: 0.22rem;
    margin-bottom: 0.1rem;
}

.purchase-points .goods-item .inner .price {
    font-size: 0.22rem;
    font-weight: 600;
    color: var(--umu-color-text, #212121);
    line-height: 0.3rem;
}

.purchase-points .goods-item.active .inner .price {
    color: var(--umu-color-primary, #ffbd2b);
}

.purchase-points .form-row .inner .orig-price {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 0.25rem;
    text-decoration: line-through;
}

.purchase-points .form-row .payment-type {
    display: flex;
}

.purchase-points .form-row .payment-type-btn {
    margin-right: 0.24rem;
    border: 1px solid #fff;
    position: relative;
    min-width: 1.72rem;
    border-radius: 4px;
}

.purchase-points .form-row .payment-type-btn .inner {
    padding: 0.11rem 0.38rem;
    border: 1px solid #e0e1e2;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}

.purchase-points .form-row .payment-type-btn.active,
.purchase-points .form-row .payment-type-btn.active .inner {
    border: 1px solid var(--umu-color-primary, #ffbd2b);
}

.purchase-points .form-row .payment-type-btn .icon-pay {
    background: none;
    width: 0.26rem;
    height: 0.26rem;
    background-size: cover;
}

.purchase-points .form-row .payment-type-btn .icon-pay.icon-pay-alipay {
    background-image: url(/twww/cn/images/icon-alipay.f4c5a768..png);
}

.purchase-points .form-row .payment-type-btn .icon-pay.icon-pay-wxpay {
    background-image: url(/twww/cn/images/icon-wx.9d07667e..png);
}

.purchase-points .form-row .payment-type-btn .icon-pay.icon-pay-paypal {
    background-image: url(/twww/cn/images/icon-paypal.c4ef48a5..png);
}

.purchase-points .form-row .payment-type-btn .btn-text {
    line-height: 0.26rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.1rem;
    color: var(--umu-color-text, #212121);
    font-size: 0.16rem;
}

.purchase-points .form-spilte {
    padding-top: 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.purchase-points .form-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 0.32rem;
    align-items: center;
}

.purchase-points .form-footer .check-box.sub.checked .input:before {
    border-radius: 50%;
}

.purchase-points .form-footer .check-box.sub .input {
    border-radius: 50%;
}

.purchase-points .form-footer .advance-setting-switch {
    color: var(--umu-color-text, #222);
}

.purchase-points .form-footer .umu-terms {
    color: #1e6ee6;
}

.purchase-points .form-footer .btn-primary {
    min-width: 1.8rem;
    height: 0.48rem;
    background: rgba(255, 189, 43, 1);
    border-radius: 3px;
    border-color: rgba(255, 189, 43, 1);
    box-sizing: border-box;
    line-height: 0.48rem;
    font-size: 0.16rem;
    font-weight: 600;
}

.purchase-points .form-footer .advance-setting-switch p {
    margin-bottom: 0.08rem;
    color: var(--umu-color-text, #161719);
    line-height: 0.2rem;
}

.purchase-points .form-footer .btn-primary.disableds {
    background-color: var(--umu-color-fill-secondary, #eee);
    border-color: var(--umu-color-fill-secondary, #eee);
    color: #cccccc;
}
body.locale-jp .purchase-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 9rem;
}
body.locale-de .purchase-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content,
body.locale-en .purchase-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 9.8rem;
}
body.locale-jp .purchase-points .form-row .goods-list {
    width: 7.3rem;
}
body.locale-de .purchase-points .form-row .goods-list,
body.locale-en .purchase-points .form-row .goods-list {
    width: 8.3rem;
}
body.locale-jp .purchase-points .form-row .goods-item .inner {
    min-width: 2.3rem;
}
body.locale-de .purchase-points .form-row .goods-item .inner,
body.locale-en .purchase-points .form-row .goods-item .inner {
    min-width: 2.55rem;
}

#wx-pay-dialog .pay-qr-dialog .pay-qr-code {
    max-width: calc(100% - 0.4rem);
    height: auto !important;
}

.apply-points-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 6.04rem;
    border-radius:12px;
}

.apply-points .form-row {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.16rem;
}

.apply-points .radio-list-wrap .radio-list li.radio-list-item:first-child {
    float: none;
    margin-bottom: 0.16rem;
}

.apply-points .input-box  {
    margin-left: 0.3rem;
    margin-top: 0.09rem;
}
.apply-points .form-contant {
    padding-bottom: 0.25rem;
}
.apply-points .textarea {
    width: 96.5%;
    height: 1.6rem;
}
.apply-points  .apply-points-footer {
    padding: 0.32rem 0;
}
.apply-points  .apply-points-footer .btn-primary {
    float: right;
}

.apply-invoice-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 4rem;
    left: 50%;
    border-radius: 12px;
}

.apply-invoice .header {
    font-size: 0.18rem;
    text-align: left;
}

.apply-invoice .title {
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    padding: 0.24rem 0 0 0;
    text-align: left;
}

.apply-invoice .body {
    color: var(--umu-color-text, #212121);
    font-size: 0.14rem;
    line-height: 0.2rem;
    background-color: var(--umu-color-bg-base, #fff);
}

.apply-invoice .body .inline-row {
    margin-top: 0.16rem;
}
.apply-invoice .body .amount {
    margin-left: 0.08rem;
}
.apply-invoice .body .blod {
    font-weight: 700;
}

.apply-invoice .body .row {
    margin-top: 0.16rem;
}
.apply-invoice .row .label {
    margin-bottom: 0.09rem;
}
.apply-invoice .footer {
    padding-top: 0.4rem;
    text-align: right;
}
.apply-invoice .footer-btn {
    width: 0.8rem;
    font-size: 0.14rem;
    font-weight: 700;
}
.apply-invoice .btn-2 {
    margin-left: 0.16rem;
}
.apply-invoice .btn-1 {
    border-color: var(--umu-color-border, #e0e0e0);
    color: var(--umu-color-text, #2d2e30);
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.cn-apply-invoice-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 7.68rem;
    left: 50%;
    border-radius: 8px;
}
.cn-apply-invoice-dialog.ngdialog.ngdialog-theme-umu .cn-apply-invoice {
    margin-top: -0.04rem;
}
.cn-apply-invoice .inline-row-center {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.16rem;
    display: flex;
    align-items: center;
}
.cn-apply-invoice .inline-row {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.16rem;
    display: flex;
}
.cn-apply-invoice .inline-row-center .label {
    margin-right: 0.18rem;
}
.cn-apply-invoice .inline-row .label {
    margin-right: 0.18rem;
}
.cn-apply-invoice .label-row {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.09rem;
}
.cn-apply-invoice .inline-row .input-box {
    width: 3.2rem;
}
.cn-apply-invoice .inline-row .input-box.input-right {
    margin-right: 0.24rem;
}
.cn-apply-invoice .from-contant {
    padding-top: 0.16rem;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    padding-bottom: 0.32rem;
}
.cn-apply-invoice .apply-footer {
    float: right;
    margin-bottom: 0.32rem;
}
.cn-apply-invoice .apply-footer .btn-primary {
    margin-left: 0.16rem;
}
.cn-apply-invoice .error-msg {
    color: #dd4e40;
    font-size: 0.12rem;
    line-height: 0.12rem;
    display: inline-block;
    margin-top: 0.1rem;
}

.ai-reminder-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 6.04rem;
    border-radius: 12px;
}
.ai-reminder .reminder-des {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}
.ai-reminder .reminder-btn {
    margin-top: 0.32rem;
    text-align: right;
}

.user-permission-selector .summary-desc-row {
    margin:0.1rem 0 0.2rem 0;
    font-size:0.13rem;
    line-height: 1.5;
    cursor: pointer;
}

.user-permission-selector .toggle-icon {
    cursor: pointer;
}

.user-permission-selector .summary-desc-row .form-row-body {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.user-permission-selector .summary-desc-row .btn-cancel-permission-all {
    padding: 0;
    margin-left: 0.12rem;
    border: 0 none;
    background: transparent;
    text-decoration: none;
}
.user-permission-selector .summary-desc-row .btn-cancel-permission-all.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.share-selector-loading {
  height: 0.4rem;
  text-align: center;
  margin: 0 auto;
  border: 1px solid var(--umu-color-border, #e0e0e0);
}
.share-selector-loading .loading {
  height: 0.4rem;
}

.share-permission-selector {
  margin-bottom: 0.2rem;
}
.share-permission-selector .is-sync {
  margin: 0.1rem 0;
  line-height: 1.5;
}
.share-permission-selector .sync-tip {
  margin: 0.1rem 0;
  line-height: 1.5;
}
.share-permission-selector .share-closed-prompt {
  margin-top: 0.2rem;
}
.share-permission-selector .permission-tips {
  margin: 0.1rem 0 0.2rem 0;
  color: #DD4E40;
  line-height: 1.5;
}
.share-permission-selector .jurisdiction-setting {
  margin-bottom: 0.1rem;
  color: var(--umu-color-text, #212121);
  line-height: 0.16rem;
}
.share-permission-selector .select-box .select-list {
  display: block;
  padding: 0;
}
.share-permission-selector .select-box .select-list .select-list-wrap {
  display: block;
  padding: 0;
}
.share-permission-selector .select-box .select-list:before {
  display: none;
}
.share-permission-selector .umu-time-picker {
  padding-top: 0.12rem;
  width: 2.4rem;
}
.share-permission-selector.only-show {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  /* 142.857% */
  color: var(--Text1, var(--umu-color-text, #222));
}
.share-permission-selector.only-show .main {
  display: flex;
  align-items: center;
}
.share-permission-selector.only-show .main .tip {
  color: var(--Text2, var(--umu-color-text-secondary, #666));
}
.share-permission-selector.only-show .main .permission-tip {
  margin: 0 0.16rem;
}
.share-permission-selector.only-show .other {
  margin-top: 0.12rem;
}
.share-permission-selector.only-show .other .user-summary-content {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  /* 142.857% */
  color: var(--Text1, var(--umu-color-text, #222));
}
.share-permission-selector.only-show .other .user-permission-selector .summary-desc-row {
  margin-top: 0;
}
.share-permission-selector.only-show .other .user-permission-selector .summary-desc-row .form-row-body {
  margin-top: 0;
}
.share-permission-selector.only-show .is-auto-switch-on {
  margin-top: 0.12rem;
}
.share-permission-selector.only-show .only-show-auto-switch-zone {
  margin-bottom: 0.12rem;
}

.auto-switch-on-config-setting,
.auto-switch-off-config-setting {
  padding-left: 0.32rem;
}

.auto-switch-zone {
  padding-bottom: 0.2rem;
}
.auto-switch-zone .share-closed-prompt {
  margin-bottom: 0rem;
}

.switch-on-config-jurisdiction {
  padding-top: 0.12rem;
}

.new-function-label {
  padding: 0rem 0.08rem;
  background-color: var(--umu-color-primary, #fab400);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.12rem;
  line-height: 0.2rem;
  border-radius: 12px 0px;
}

.timing-switch-setting {
  display: flex;
  align-items: center;
}
.timing-switch-setting .tip-icon {
  margin: auto 0.04rem;
}
.timing-switch-setting .error-tips-msg {
  color: #D50000;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-left: 0.12rem;
}
.applets-config-info-panel {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-bottom: 0.2rem;
}
.applets-config-info-panel .applets-switch {
  display: flex;
  align-items: center;
}
.applets-config-info-panel .applets-switch .applets-switch-label {
  margin-right: 0.08rem;
}
.applets-config-info-panel .applets-check {
  margin-top: 0.14rem;
}
.applets-config-info-panel .applets-desc {
  margin-top: 0.12rem;
  color: var(--umu-color-text-secondary, #666);
}
.applets-config-info-panel .applets-desc .applets-desc-info span {
  color: var(--umu-color-text, #222);
  margin: auto 0.02rem;
}
.applets-config-info-panel .tip-icon {
  margin-left: 0.08rem;
}


.share-closed-prompt {
    margin: 0 0 0.2rem 0;
}

.share-closed-prompt .title {
    margin-bottom: 0.1rem;
}

.share-closed-prompt .input-box textarea.input-text {
    height: 0.4rem;   
}

/* */
.wx-share-config {
}

/* */
.toggle-wx-share-config {
    margin-top: 0.2rem;
}
.toggle-wx-share-config .icon {
    margin-right: 0.1rem;
}

/* */
.share-config-panel {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background: var(--umu-color-bg-base, #fff);
    z-index: 999;
    -webkit-transition: top 0.2s;
    transition: top 0.2s;
}
.share-config-panel .h3 {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
    padding-bottom: 0.15rem;
}
.share-config-panel .config-opts {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* */
.wx-share-config.active .share-config-panel {
    top: 0;
}

/* */
.share-config-panel .config-edit {
    width: 2.6rem;
}
.share-config-panel .form-row {
    position: relative;
    padding-left: 0.4rem;
    margin-bottom: 0.2rem;
}
.share-config-panel .form-row-label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.36rem;
}
.share-config-panel .form-row-body {
    margin-top: 0;
}
.share-config-panel .limit-tip {
    font-size: 0.12rem;
    color: var(--umu-color-text-tertiary, #999999);
    line-height: 0.28rem;
}
.share-config-panel .form-row-body textarea {
    height: 0.6rem;
    line-height: 1.2;
    word-break: break-word;
}

/* */
.share-config-panel .config-preview {
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
}
.share-config-panel .config-preview-card {
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    position: relative;
    padding: 0.02rem;
}
.share-config-panel .config-preview-card:before,
.share-config-panel .config-preview-card:after {
    content: '';
    position: absolute;
    top: 0.2rem;
    right: 100%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #c6c6c6 transparent transparent;
}
.share-config-panel .config-preview-card:after {
    margin-right: -0.01rem;
    border-right-color: #fff;
}
.share-config-panel .config-preview-card-wrap {
    border: 1px solid #c6c6c6;
    border-radius: 5px;
    padding: 0.1rem;
    min-height: 0.98rem;
}
.share-config-panel .config-preview-card-wrap .share-title {
    min-height: 0.16rem;
    font-size: 0.13rem;
    color: var(--umu-color-text, #000);
    line-height: 1.2;
    max-height: 0.33rem;
    margin-bottom: 0.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.share-config-panel .config-preview-card-wrap .share-content {
    padding-left: 0.55rem;
    position: relative;
    line-height: 0.16rem;
}
.share-config-panel .config-preview-card-wrap .share-icon {
    position: absolute;
    left: 0;
    top: 0;
}
.share-config-panel .config-preview-card-wrap .share-icon img {
    width: 0.5rem;
    height: 0.5rem;
}
.share-config-panel .config-preview-card-wrap .share-desc {
    font-size: 0.12rem;
    color: #a8a8a8;
    line-height: 1.2;
    max-height: 0.61rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-word;
}

/* */

.tag-input {
    line-height: 1;
}
.tag-input-list {
    min-height: 0.3rem;
    padding: 0.04rem 0.09rem;
    background: var(--umu-color-bg-base, #fff);
    font-size: 0.14rem;
    color: #4d696d;
    box-shadow: none;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 4px;
}
.tag-input-list.active {
    border: 1px solid #1e6ee6;
}
.tag-input .tag-input-list .tag-input-box {
    display: inline-block;
    vertical-align: middle;
    width: 3.2rem !important;
}
.tag-input-box.has-data {
    width: 1.7rem;
}
.tag-input-box .input-text {
    display: block;
    border: 0;
    width: 100%;
    padding: 0;
    font-size: 0.14rem;
    height: 0.3rem;
    outline: none !important;
    background: 0;
}

.tag-input-list.highlighting .input-text {
    opacity: 0;
}

.course-group-edit-form .row-container .row-fluid .form-row .form-row-body .tag-input .tag-input-list .tag-input-box {
    width: 100% !important;
}

.form-row .form-row-body .tag-input .tag-input-list .tag-input-box {
    width: 100%;
}

.tag-input-list.disabled {
    border-color: transparent;
    background: none;
}
.tag-input-list.disabled .tag-input-box {
    display: none;
}

.tag-input-list .tag-input-item.course-tag.edit {
    display: inline-block;
    height: 0.28rem;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--umu-color-text, #222);
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    line-height: 0.2rem;
    padding: 0.04rem 0.26rem 0.04rem 0.04rem;
}
.tag-input-list .tag-input-item.course-tag.edit:hover {
    border: 1px solid #1e6ee6;
    padding: 0.03rem 0.25rem 0.03rem 0.03rem;
    cursor: default;
}
.tag-input-list .tag-input-item.course-tag.edit:hover .delete {
    top: 0.03rem;
    right: 0.03rem;
}
.tag-input-list .tag-input-item.course-tag.edit .delete {
    color: var(--umu-color-text-secondary, #666);
    font-weight: 400;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.06rem;
    border-radius: 3px;
    top: 0.04rem;
    right: 0.04rem;
    cursor: pointer;
}
.tag-input-list .tag-input-item.course-tag.edit .delete:hover {
    background: #e0e0e0;
}

.tag-input-list .tag-input-item.course-tag.edit .delete:before {
    color: var(--umu-color-text-secondary, #666);
    font-weight: 400;
    height: 0.2rem;
    width: 0.2rem;
    line-height: 0.17rem;
}

.template-editor {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    background-color: var(--umu-color-bg-base, #fff);
}

.template-editor .template-editor-tools {
    height: 0.6rem;
    background-color: #fafafa;
}

.template-editor .template-editor-tools .tool-item {
    display: inline-block;
    padding: 0.05rem 0.06rem;
}

.template-editor .tool-item a:before {
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: url(/twww/cn/images/icon_tool.735cde1f..png) no-repeat 0 0;
    margin: 0 auto 0.06rem;
}

.template-editor .tool-item a {
    display: block;
    font-size: 0.12rem;
    color: var(--umu-color-text, #212121);
    padding: 0.05rem 0.1rem 0.03rem 0.1rem;
    margin-right: 0.15rem;
}
.disabled.template-editor .tool-item a {
    color: var(--umu-color-text-tertiary, #999999);
}

:not(.disabled).template-editor .tool-item a:hover {
    background-color: #ebebeb;
    color: #1e6ee6;
}

.template-editor .tool-user-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMCAxMS45QzEyLjk3IDExLjkgMTYuMSAxMy4zNiAxNi4xIDE0VjE3LjFIMy45VjE0QzMuOSAxMy4zNiA3IDExLjkgMTAgMTEuOVpNMTAgMTBDNy4zMyAxMCAyIDExLjMzIDIgMTRWMTlIMThWMTRDMTggMTEuMzMgMTIuNjcgMTAgMTAgMTBaTTEwIDIuOUMxMS4xNiAyLjkgMTIuMSAzLjg0IDEyLjEgNUMxMi4xIDYuMTYgMTEuMTYgNy4xIDEwIDcuMUM4Ljg0IDcuMSA3LjkgNi4xNiA3LjkgNUM3LjkgMy44NCA4Ljg0IDIuOSAxMCAyLjlaTTEwIDFDNy43OTEgMSA2IDIuNzkxIDYgNUM2IDcuMjA5IDcuNzkxIDkgMTAgOUMxMi4yMDkgOSAxNCA3LjIwOSAxNCA1QzE0IDIuNzkxIDEyLjIwOSAxIDEwIDFaIgogICAgICAgIGZpbGw9IiM0QTRBNEEiIC8+Cjwvc3ZnPg==) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-user-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMCAxMS45QzEyLjk3IDExLjkgMTYuMSAxMy4zNiAxNi4xIDE0VjE3LjFIMy45VjE0QzMuOSAxMy4zNiA3IDExLjkgMTAgMTEuOVpNMTAgMTBDNy4zMyAxMCAyIDExLjMzIDIgMTRWMTlIMThWMTRDMTggMTEuMzMgMTIuNjcgMTAgMTAgMTBaTTEwIDIuOUMxMS4xNiAyLjkgMTIuMSAzLjg0IDEyLjEgNUMxMi4xIDYuMTYgMTEuMTYgNy4xIDEwIDcuMUM4Ljg0IDcuMSA3LjkgNi4xNiA3LjkgNUM3LjkgMy44NCA4Ljg0IDIuOSAxMCAyLjlaTTEwIDFDNy43OTEgMSA2IDIuNzkxIDYgNUM2IDcuMjA5IDcuNzkxIDkgMTAgOUMxMi4yMDkgOSAxNCA3LjIwOSAxNCA1QzE0IDIuNzkxIDEyLjIwOSAxIDEwIDFaIgogICAgICAgIGZpbGw9IiMyMTk2ZjMiIC8+Cjwvc3ZnPg==) no-repeat 0 0;
}

.template-editor .tool-task-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik02IDBDNS40NDc3MiAwIDUgMC40NDc3MTUgNSAxVjJIMkMxLjQ0NzcyIDIgMSAyLjQ0NzcyIDEgM1YxOUMxIDE5LjU1MjMgMS40NDc3MiAyMCAyIDIwSDE4QzE4LjU1MjMgMjAgMTkgMTkuNTUyMyAxOSAxOVYzQzE5IDIuNDQ3NzIgMTguNTUyMyAyIDE4IDJIMTVWMUMxNSAwLjQ0NzcxNSAxNC41NTIzIDAgMTQgMEg2Wk0zIDRINVY1QzUgNS41NTIyOCA1LjQ0NzcyIDYgNiA2SDE0QzE0LjU1MjMgNiAxNSA1LjU1MjI4IDE1IDVWNEgxN1YxOEgzVjRaTTEzIDJIN1Y0SDEzVjJaTTcgMTBWOEg1VjEwSDdaTTcgMTFWMTNINVYxMUg3Wk03IDE2VjE0SDVWMTZIN1oiCiAgICAgICAgZmlsbD0iIzRBNEE0QSIgLz4KPC9zdmc+) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-task-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik02IDBDNS40NDc3MiAwIDUgMC40NDc3MTUgNSAxVjJIMkMxLjQ0NzcyIDIgMSAyLjQ0NzcyIDEgM1YxOUMxIDE5LjU1MjMgMS40NDc3MiAyMCAyIDIwSDE4QzE4LjU1MjMgMjAgMTkgMTkuNTUyMyAxOSAxOVYzQzE5IDIuNDQ3NzIgMTguNTUyMyAyIDE4IDJIMTVWMUMxNSAwLjQ0NzcxNSAxNC41NTIzIDAgMTQgMEg2Wk0zIDRINVY1QzUgNS41NTIyOCA1LjQ0NzcyIDYgNiA2SDE0QzE0LjU1MjMgNiAxNSA1LjU1MjI4IDE1IDVWNEgxN1YxOEgzVjRaTTEzIDJIN1Y0SDEzVjJaTTcgMTBWOEg1VjEwSDdaTTcgMTFWMTNINVYxMUg3Wk03IDE2VjE0SDVWMTZIN1oiCiAgICAgICAgZmlsbD0iIzIxOTZmMyIgLz4KPC9zdmc+) no-repeat 0 0;
}

.template-editor .tool-task-link a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik00IDVDMS43OTA4NiA1IDAgNi43OTA4NiAwIDlWMTFDMCAxMy4yMDkxIDEuNzkwODYgMTUgNCAxNUg4VjEzSDRDMi44OTU0MyAxMyAyIDEyLjEwNDYgMiAxMVY5QzIgNy44OTU0MyAyLjg5NTQzIDcgNCA3SDhWNUg0Wk0yMCAxMUMyMCAxMy4yMDkxIDE4LjIwOTEgMTUgMTYgMTVIMTJWMTNIMTZDMTcuMTA0NiAxMyAxOCAxMi4xMDQ2IDE4IDExVjlDMTggNy44OTU0MyAxNy4xMDQ2IDcgMTYgN0gxMlY1SDE2QzE4LjIwOTEgNSAyMCA2Ljc5MDg2IDIwIDlWMTFaTTE0IDlINlYxMUgxNFY5WiIKICAgICAgICBmaWxsPSIjNEE0QTRBIiAvPgo8L3N2Zz4=) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-task-link:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik00IDVDMS43OTA4NiA1IDAgNi43OTA4NiAwIDlWMTFDMCAxMy4yMDkxIDEuNzkwODYgMTUgNCAxNUg4VjEzSDRDMi44OTU0MyAxMyAyIDEyLjEwNDYgMiAxMVY5QzIgNy44OTU0MyAyLjg5NTQzIDcgNCA3SDhWNUg0Wk0yMCAxMUMyMCAxMy4yMDkxIDE4LjIwOTEgMTUgMTYgMTVIMTJWMTNIMTZDMTcuMTA0NiAxMyAxOCAxMi4xMDQ2IDE4IDExVjlDMTggNy44OTU0MyAxNy4xMDQ2IDcgMTYgN0gxMlY1SDE2QzE4LjIwOTEgNSAyMCA2Ljc5MDg2IDIwIDlWMTFaTTE0IDlINlYxMUgxNFY5WiIKICAgICAgICBmaWxsPSIjMjE5NmYzIiAvPgo8L3N2Zz4=) no-repeat 0 0;
}

.template-editor .tool-finish-time a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMCAxOEM1LjU4IDE4IDIgMTQuNDIgMiAxMEMyIDUuNTggNS41OCAyIDEwIDJDMTQuNDIgMiAxOCA1LjU4IDE4IDEwQzE4IDE0LjQyIDE0LjQyIDE4IDEwIDE4Wk05Ljk5IDBDNC40NyAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40NyAyMCA5Ljk5IDIwQzE1LjUyIDIwIDIwIDE1LjUyIDIwIDEwQzIwIDQuNDggMTUuNTIgMCA5Ljk5IDBaIgogICAgICAgIGZpbGw9IiM0QTRBNEEiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgNUg5VjExTDE0LjI1IDE0LjE1TDE1IDEyLjkyTDEwLjUgMTAuMjVWNVoiIGZpbGw9IiM0QTRBNEEiIC8+Cjwvc3ZnPg==) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-finish-time:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik0xMCAxOEM1LjU4IDE4IDIgMTQuNDIgMiAxMEMyIDUuNTggNS41OCAyIDEwIDJDMTQuNDIgMiAxOCA1LjU4IDE4IDEwQzE4IDE0LjQyIDE0LjQyIDE4IDEwIDE4Wk05Ljk5IDBDNC40NyAwIDAgNC40OCAwIDEwQzAgMTUuNTIgNC40NyAyMCA5Ljk5IDIwQzE1LjUyIDIwIDIwIDE1LjUyIDIwIDEwQzIwIDQuNDggMTUuNTIgMCA5Ljk5IDBaIgogICAgICAgIGZpbGw9IiMyMTk2ZjMiIC8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgNUg5VjExTDE0LjI1IDE0LjE1TDE1IDEyLjkyTDEwLjUgMTAuMjVWNVoiIGZpbGw9IiMyMTk2ZjMiIC8+Cjwvc3ZnPg==) no-repeat 0 0;
}
.template-editor .tool-creator-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik05IDEwVjExLjlDNiAxMS45IDIuOSAxMy4zNiAyLjkgMTRWMTcuMUg5VjE5SDFWMTRDMSAxMS4zMyA2LjMzIDEwIDkgMTBaTTkgMi45QzEwLjE2IDIuOSAxMS4xIDMuODQgMTEuMSA1QzExLjEgNi4xNiAxMC4xNiA3LjEgOSA3LjFDNy44NCA3LjEgNi45IDYuMTYgNi45IDVDNi45IDMuODQgNy44NCAyLjkgOSAyLjlaTTkgMUM2Ljc5MSAxIDUgMi43OTEgNSA1QzUgNy4yMDkgNi43OTEgOSA5IDlDMTEuMjA5IDkgMTMgNy4yMDkgMTMgNUMxMyAyLjc5MSAxMS4yMDkgMSA5IDFaTTE2LjY1NjkgOS4wMDAwMUwxOC4wNzExIDEwLjQxNDJMMTIuNDE0MiAxNi4wNzExTDExIDE0LjY1NjlMMTYuNjU2OSA5LjAwMDAxWk0xMSAxN0gxOVYxOUgxMVYxN1oiCiAgICAgICAgZmlsbD0iIzRBNEE0QSIgLz4KPC9zdmc+) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-creator-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik05IDEwVjExLjlDNiAxMS45IDIuOSAxMy4zNiAyLjkgMTRWMTcuMUg5VjE5SDFWMTRDMSAxMS4zMyA2LjMzIDEwIDkgMTBaTTkgMi45QzEwLjE2IDIuOSAxMS4xIDMuODQgMTEuMSA1QzExLjEgNi4xNiAxMC4xNiA3LjEgOSA3LjFDNy44NCA3LjEgNi45IDYuMTYgNi45IDVDNi45IDMuODQgNy44NCAyLjkgOSAyLjlaTTkgMUM2Ljc5MSAxIDUgMi43OTEgNSA1QzUgNy4yMDkgNi43OTEgOSA5IDlDMTEuMjA5IDkgMTMgNy4yMDkgMTMgNUMxMyAyLjc5MSAxMS4yMDkgMSA5IDFaTTE2LjY1NjkgOS4wMDAwMUwxOC4wNzExIDEwLjQxNDJMMTIuNDE0MiAxNi4wNzExTDExIDE0LjY1NjlMMTYuNjU2OSA5LjAwMDAxWk0xMSAxN0gxOVYxOUgxMVYxN1oiCiAgICAgICAgZmlsbD0iIzIxOTZmMyIgLz4KPC9zdmc+) no-repeat 0 0;
}
.template-editor .tool-assignor-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik05IDEwVjExLjlDNiAxMS45IDIuOSAxMy4zNiAyLjkgMTRWMTcuMUg5VjE5SDFWMTRDMSAxMS4zMyA2LjMzIDEwIDkgMTBaTTkgMi45QzEwLjE2IDIuOSAxMS4xIDMuODQgMTEuMSA1QzExLjEgNi4xNiAxMC4xNiA3LjEgOSA3LjFDNy44NCA3LjEgNi45IDYuMTYgNi45IDVDNi45IDMuODQgNy44NCAyLjkgOSAyLjlaTTkgMUM2Ljc5MSAxIDUgMi43OTEgNSA1QzUgNy4yMDkgNi43OTEgOSA5IDlDMTEuMjA5IDkgMTMgNy4yMDkgMTMgNUMxMyAyLjc5MSAxMS4yMDkgMSA5IDFaTTEzIDExSDE1VjE0SDE4VjE2SDE1VjE5SDEzVjE2SDEwVjE0SDEzVjExWiIKICAgICAgICBmaWxsPSIjNEE0QTRBIiAvPgo8L3N2Zz4=) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-assignor-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIgogICAgICAgIGQ9Ik05IDEwVjExLjlDNiAxMS45IDIuOSAxMy4zNiAyLjkgMTRWMTcuMUg5VjE5SDFWMTRDMSAxMS4zMyA2LjMzIDEwIDkgMTBaTTkgMi45QzEwLjE2IDIuOSAxMS4xIDMuODQgMTEuMSA1QzExLjEgNi4xNiAxMC4xNiA3LjEgOSA3LjFDNy44NCA3LjEgNi45IDYuMTYgNi45IDVDNi45IDMuODQgNy44NCAyLjkgOSAyLjlaTTkgMUM2Ljc5MSAxIDUgMi43OTEgNSA1QzUgNy4yMDkgNi43OTEgOSA5IDlDMTEuMjA5IDkgMTMgNy4yMDkgMTMgNUMxMyAyLjc5MSAxMS4yMDkgMSA5IDFaTTEzIDExSDE1VjE0SDE4VjE2SDE1VjE5SDEzVjE2SDEwVjE0SDEzVjExWiIKICAgICAgICBmaWxsPSIjMjE5NmYzIiAvPgo8L3N2Zz4=) no-repeat 0 0;
}

/* mail */
.template-editor .tool-role-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEwLjlDOC4zMzI4NyAxMC45IDguNjY3NzQgMTAuOTE4MyA5IDEwLjk1MThWOS4wNTEzOUM4LjY0MDIgOS4wMTcxMyA4LjMwMjk3IDkgOCA5QzUuMzMgOSAwIDEwLjMzIDAgMTNWMThIOVYxNi4xSDEuOVYxM0MxLjkgMTIuMzYgNSAxMC45IDggMTAuOVpNOCAxLjlDOS4xNiAxLjkgMTAuMSAyLjg0IDEwLjEgNEMxMC4xIDUuMTYgOS4xNiA2LjEgOCA2LjFDNi44NCA2LjEgNS45IDUuMTYgNS45IDRDNS45IDIuODQgNi44NCAxLjkgOCAxLjlaTTggMEM1Ljc5MSAwIDQgMS43OTEgNCA0QzQgNi4yMDkgNS43OTEgOCA4IDhDMTAuMjA5IDggMTIgNi4yMDkgMTIgNEMxMiAxLjc5MSAxMC4yMDkgMCA4IDBaTTExIDEwSDE4VjEySDExVjEwWk0xOCAxM0gxMVYxNUgxOFYxM1pNMTggMTZIMTFWMThIMThWMTZaIiBmaWxsPSIjNEE0QTRBIi8+Cjwvc3ZnPgo=) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-role-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDExLjlDOS4zMzI4NyAxMS45IDkuNjY3NzQgMTEuOTE4MyAxMCAxMS45NTE4VjEwLjA1MTRDOS42NDAyIDEwLjAxNzEgOS4zMDI5NyAxMCA5IDEwQzYuMzMgMTAgMSAxMS4zMyAxIDE0VjE5SDEwVjE3LjFIMi45VjE0QzIuOSAxMy4zNiA2IDExLjkgOSAxMS45Wk05IDIuOUMxMC4xNiAyLjkgMTEuMSAzLjg0IDExLjEgNUMxMS4xIDYuMTYgMTAuMTYgNy4xIDkgNy4xQzcuODQgNy4xIDYuOSA2LjE2IDYuOSA1QzYuOSAzLjg0IDcuODQgMi45IDkgMi45Wk05IDFDNi43OTEgMSA1IDIuNzkxIDUgNUM1IDcuMjA5IDYuNzkxIDkgOSA5QzExLjIwOSA5IDEzIDcuMjA5IDEzIDVDMTMgMi43OTEgMTEuMjA5IDEgOSAxWk0xMiAxMUgxOVYxM0gxMlYxMVpNMTkgMTRIMTJWMTZIMTlWMTRaTTE5IDE3SDEyVjE5SDE5VjE3WiIgZmlsbD0iIzFFNkVFNiIvPgo8L3N2Zz4K) no-repeat 0 0;
}

.template-editor .tool-enterprise-name a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDBDMS40NDc3MiAwIDEgMC40NDc3MTUgMSAxVjE2SDBWMThIMThWMTZIMTdWNkMxNyA1LjQ0NzcyIDE2LjU1MjMgNSAxNiA1SDEyVjdIMTVWMTZIMTFWMUMxMSAwLjQ0NzcxNSAxMC41NTIzIDAgMTAgMEgyWk05IDE2SDNWMkg5VjE2Wk00IDRIOFY2SDRWNFpNOCA4SDRWMTBIOFY4WiIgZmlsbD0iIzRBNEE0QSIvPgo8L3N2Zz4K) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-enterprise-name:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDBDMS40NDc3MiAwIDEgMC40NDc3MTUgMSAxVjE2SDBWMThIMThWMTZIMTdWNkMxNyA1LjQ0NzcyIDE2LjU1MjMgNSAxNiA1SDEyVjdIMTVWMTZIMTFWMUMxMSAwLjQ0NzcxNSAxMC41NTIzIDAgMTAgMEgyWk05IDE2SDNWMkg5VjE2Wk00IDRIOFY2SDRWNFpNOCA4SDRWMTBIOFY4WiIgZmlsbD0iIzFFNkVFNiIvPgo8L3N2Zz4K) no-repeat 0 0;
}

.template-editor .tool-role-name_old a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEwLjlDOC42NzExNSAxMC45IDkuMzUwNDcgMTAuOTc0NiAxMCAxMS4wOTc0VjkuMTgyNjFDOS4yNjM3NyA5LjA2MDg0IDguNTcxMDUgOSA4IDlDNS4zMyA5IDAgMTAuMzMgMCAxM1YxOEgxMFYxNi4xSDEuOVYxM0MxLjkgMTIuMzYgNSAxMC45IDggMTAuOVpNOCAxLjlDOS4xNiAxLjkgMTAuMSAyLjg0IDEwLjEgNEMxMC4xIDUuMTYgOS4xNiA2LjEgOCA2LjFDNi44NCA2LjEgNS45IDUuMTYgNS45IDRDNS45IDIuODQgNi44NCAxLjkgOCAxLjlaTTggMEM1Ljc5MSAwIDQgMS43OTEgNCA0QzQgNi4yMDkgNS43OTEgOCA4IDhDMTAuMjA5IDggMTIgNi4yMDkgMTIgNEMxMiAxLjc5MSAxMC4yMDkgMCA4IDBaTTEyIDEwSDE0VjE0SDE4VjE2SDEyVjE0VjEwWiIgZmlsbD0iIzRBNEE0QSIvPgo8L3N2Zz4K) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-role-name_old:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDExLjlDOS42NzExNSAxMS45IDEwLjM1MDUgMTEuOTc0NiAxMSAxMi4wOTc0VjEwLjE4MjZDMTAuMjYzOCAxMC4wNjA4IDkuNTcxMDUgMTAgOSAxMEM2LjMzIDEwIDEgMTEuMzMgMSAxNFYxOUgxMVYxNy4xSDIuOVYxNEMyLjkgMTMuMzYgNiAxMS45IDkgMTEuOVpNOSAyLjlDMTAuMTYgMi45IDExLjEgMy44NCAxMS4xIDVDMTEuMSA2LjE2IDEwLjE2IDcuMSA5IDcuMUM3Ljg0IDcuMSA2LjkgNi4xNiA2LjkgNUM2LjkgMy44NCA3Ljg0IDIuOSA5IDIuOVpNOSAxQzYuNzkxIDEgNSAyLjc5MSA1IDVDNSA3LjIwOSA2Ljc5MSA5IDkgOUMxMS4yMDkgOSAxMyA3LjIwOSAxMyA1QzEzIDIuNzkxIDExLjIwOSAxIDkgMVpNMTMgMTFIMTVWMTVIMTlWMTdIMTNWMTVWMTFaIiBmaWxsPSIjMUU2RUU2Ii8+Cjwvc3ZnPgo=) no-repeat 0 0;
}

.template-editor .tool-role-name_new a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDEwLjlDOC42NzExNSAxMC45IDkuMzUwNDcgMTAuOTc0NiAxMCAxMS4wOTc0VjkuMTgyNjFDOS4yNjM3NyA5LjA2MDg0IDguNTcxMDUgOSA4IDlDNS4zMyA5IDAgMTAuMzMgMCAxM1YxOEgxMFYxNi4xSDEuOVYxM0MxLjkgMTIuMzYgNSAxMC45IDggMTAuOVpNOCAxLjlDOS4xNiAxLjkgMTAuMSAyLjg0IDEwLjEgNEMxMC4xIDUuMTYgOS4xNiA2LjEgOCA2LjFDNi44NCA2LjEgNS45IDUuMTYgNS45IDRDNS45IDIuODQgNi44NCAxLjkgOCAxLjlaTTggMEM1Ljc5MSAwIDQgMS43OTEgNCA0QzQgNi4yMDkgNS43OTEgOCA4IDhDMTAuMjA5IDggMTIgNi4yMDkgMTIgNEMxMiAxLjc5MSAxMC4yMDkgMCA4IDBaTTE4IDlIMTFWMTBWMTFWMTUuNjcxNkwxMSAxNS42NzE2TDExIDE4TDExIDE4TDExLjAwMDcgMTcuOTk5NkwxNC41IDE2LjMyODRMMTcuOTk4NCAxNy45OTkyTDE4IDE4VjE4TDE4LjAwMDEgMThMMTguMDAwMSAxNS42NzE2TDE4IDE1LjY3MTVWMTFWMTBWOVpNMTYgMTFWMTQuNzE2NEwxNC41MDAxIDE0VjE0TDE0LjUgMTRMMTQuNSAxNFYxNEwxMyAxNC43MTY0VjExSDE2WiIgZmlsbD0iIzRBNEE0QSIvPgo8L3N2Zz4K) no-repeat 0 0;
}
:not(.disabled).template-editor .tool-role-name_new:hover a:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05IDExLjlDOS42NzExNSAxMS45IDEwLjM1MDUgMTEuOTc0NiAxMSAxMi4wOTc0VjEwLjE4MjZDMTAuMjYzOCAxMC4wNjA4IDkuNTcxMDUgMTAgOSAxMEM2LjMzIDEwIDEgMTEuMzMgMSAxNFYxOUgxMVYxNy4xSDIuOVYxNEMyLjkgMTMuMzYgNiAxMS45IDkgMTEuOVpNOSAyLjlDMTAuMTYgMi45IDExLjEgMy44NCAxMS4xIDVDMTEuMSA2LjE2IDEwLjE2IDcuMSA5IDcuMUM3Ljg0IDcuMSA2LjkgNi4xNiA2LjkgNUM2LjkgMy44NCA3Ljg0IDIuOSA5IDIuOVpNOSAxQzYuNzkxIDEgNSAyLjc5MSA1IDVDNSA3LjIwOSA2Ljc5MSA5IDkgOUMxMS4yMDkgOSAxMyA3LjIwOSAxMyA1QzEzIDIuNzkxIDExLjIwOSAxIDkgMVpNMTkgMTBIMTJWMTFWMTJWMTYuNjcxNkwxMiAxNi42NzE2TDEyIDE5TDEyIDE5TDEyLjAwMDcgMTguOTk5NkwxNS41IDE3LjMyODRMMTguOTk4NCAxOC45OTkyTDE5IDE5VjE5TDE5LjAwMDEgMTlMMTkuMDAwMSAxNi42NzE2TDE5IDE2LjY3MTVWMTJWMTFWMTBaTTE3IDEyVjE1LjcxNjRMMTUuNTAwMSAxNVYxNUwxNS41IDE1TDE1LjUgMTVWMTVMMTQgMTUuNzE2NFYxMkgxN1oiIGZpbGw9IiMxRTZFRTYiLz4KPC9zdmc+Cg==) no-repeat 0 0;
}
/* mail */

.disabled.template-editor .tool-user-name a:before,
.disabled.template-editor .tool-task-name a:before,
.disabled.template-editor .tool-task-link a:before,
.disabled.template-editor .tool-creator-name a:before,
.disabled.template-editor .tool-assignor-name a:before,
.disabled.template-editor .tool-finish-time a:before {
    opacity: 0.6;
}

.template-editor .tool-finish-condition a:before {
    background-position: -1.3rem 0;
}
.template-editor .tool-finish-condition:hover a:before {
    background-position: -1.3rem -0.21rem;
}
.disabled.template-editor .tool-finish-condition a:before,
.disabled.template-editor .tool-finish-condition:hover a:before {
    background-position: -1.3rem -0.42rem;
}

.template-editor .template-editor-tools {
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}

.template-editor .template-editor-content textarea {
    min-height: 1rem;
    width: 100%;
    padding: 0rem;
    font-size: 0.14rem;
    line-height: 0.18rem;
    color: var(--umu-color-text, #212121);
    border: none;
    outline: none;
    padding: 0.12rem 0.08rem;
    box-sizing: border-box;
}

.template-editor .template-editor-content textarea:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.template-editor.disabled .template-editor-content textarea {
    color: var(--umu-color-text-tertiary, #999999);
}

/* 顶部高度层级为900*/
.ngdialog.ngdialog-task-assign {
    z-index: 5000;
}

body .rc-picker-dropdown {
    z-index: 5200;
}

.ngdialog.ngdialog-task-assign .ngdialog-content {
    width: 8.6rem;
}

/* */
@media (max-height: 1095px) {
    .ngdialog.ngdialog-task-assign .ngdialog-content {
        width: 8.6rem;
    }
}

.ngdialog.ngdialog-theme-umu .task-assign .umu-dialog-title .title {
    font-size: 0.22rem;
}
.ngdialog.ngdialog-theme-umu .task-assign .umu-dialog-title .title .assign-title-custom {
    color: var(--umu-color-text, #222);
}
.ngdialog.ngdialog-theme-umu .task-assign .umu-dialog-title .title .assign-title-custom em {
    color: var(--umu-color-text-secondary, #666666);
    margin-left: 0.06rem;
}
/* */
.task-assign .form-row + .form-row {
    margin-top: 0.2rem;
}

.task-assign .form-row-label {
    line-height: 1.5;
    color: var(--umu-color-text, #212121);
}

.task-assign .form-row-body {
    margin-top: 0.1rem;
}

.task-assign .btn-batch-input {
    margin-left: 0.1rem;
}

/* 已经分配任务的数据 */
.task-assign .assigned-data .cooperator-summary-info-wrapper {
    margin-bottom: 0.1rem;
}

/* data table */
.task-assign .assign-table {
    border-bottom: 0;
}

.task-assign .assign-table th {
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.task-assign .assign-table th:first-child {
    padding-left: 0.2rem;
}

.task-assign .assign-table td {
    vertical-align: middle;
}

.task-assign .assign-table tr:first-child td {
    border-top: 0;
}

.task-assign .assign-table .list-empty {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 2.2rem;
}

/* */
.task-assign .assigned-data {
}

.task-assign .assigned-data .list-empty {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    line-height: 2.2rem;
}

.task-assign .assigned-data .assign-summary-desc {
    margin: 0.1rem 0 0.2rem 0;
    font-size: 0.13rem;
}

.task-assign .assigned-data .assign-summary-desc-content {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 4.4rem;
    line-height: normal;
}

.task-assign .assigned-data .assign-table-wrapper {
    font-size: 0.14rem;
    height: 2.57rem;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    border-top: 0;
}

.task-assign .assigned-data .assign-table-header {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    background: #fafafa;
    border-bottom: none;
    border-top: 0;
}

/* */
.task-assign .assigned-data .col-assigned-user {
    width: 4.7rem;
}

body.locale-jp .task-assign .assigned-data .col-assigned-user {
    width: 4.5rem;
}

.task-assign .assigned-data .col-assigned-time {
    width: 1.75rem;
}

.task-assign .assigned-data .col-assigned-revoke {
    width: 0.7rem;
}

body.locale-jp .task-assign .assigned-data .col-assigned-revoke {
    width: 1.2rem;
}

.task-assign .assigned-data .revoke {
    cursor: pointer;
    text-decoration: none;
    margin-right: 0.1rem;
}

.task-assign .assigned-data .assign-table {
    width: 100%;
}

.task-assign .assigned-user .avatar {
    position: absolute;
    top: 0;
    left: 0;
}

.task-assign .assigned-user .avatar img {
    width: 0.38rem;
}

.task-assign .assigned-user {
    position: relative;
}

.task-assign .assigned-user .assigned-content-wrapper {
    display: table;
    margin-left: 0.5rem;
    height: 0.63rem;
}

.task-assign .assigned-content {
    display: table-cell;
    vertical-align: middle;
}

.task-assign .assigned-user .assigned-name,
.task-assign .assigned-user .assigned-mail {
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 4rem;
    line-height: 0.2rem;
    padding-right: 0.1rem;
}

body.locale-jp .task-assign .assigned-user .assigned-name,
body.locale-jp .task-assign .assigned-user .assigned-mail {
    width: 1.9rem;
}

/**/
.task-assign .done-date {
    margin-top: 0.2rem;
}

.task-assign .done-date .item-label {
    line-height: 0.4rem;
}

/* 分页 */
.task-assign .operate {
    position: relative;
    border: 1px solid #e5e4e4;
    border-top: none;
    padding: 0 0.4rem 0.3rem 0;
    overflow: hidden;
}

.task-assign .pagination {
    position: absolute;
    right: 0.2rem;
    bottom: 0.05rem;
}

.task-assign .pagination .countInfo {
    color: #afb1b0;
}

.task-assign .pagination .currentPage {
    color: var(--umu-color-text-secondary, #666666);
}

.task-assign .pagination li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.14rem;
}

.task-assign .pagination a:hover {
    text-decoration: underline;
}

.task-assign .pagination a {
    display: block;
    height: 100%;
    width: auto;
    text-align: center;
    margin-left: 0.05rem;
}

.assigned-user .deer-avatar {
    width: 0.38rem;
    height: 0.38rem;
    position: absolute;
    top: 0.13rem;
    left: 0rem;
}

.user-wrapper .user .deer-avatar {
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.user-wrapper .deer-avatar .avatar-word {
    line-height: 0.25rem;
    font-size: 0.16rem;
}

.assigned-user .deer-avatar .avatar-word {
    line-height: 0.38rem;
}

.popup.task-assign .footer {
    padding: 0.25rem 0.3rem;
}

.task-assign .cards-switch {
    position: absolute;
    bottom: 0.4rem;
    left: 0.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
}

body.locale-cn .task-assign .cards-switch {
    bottom: 0.32rem;
}

body:not(.locale-cn) .task-assign .cards-switch {
    width: 5.5rem;
    flex-wrap: wrap;
    transform: translate(0, 50%);
}

body:not(.locale-cn) .task-assign .cards-switch .foot-text-row.foot-text-col {
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 6px;
}

body:not(.locale-cn) .foot-text-col.bulk-editor-assign {
    margin-right: 0;
}

body:not(.locale-cn) .ngdialog.ngdialog-theme-umu .umu-dialog-footer {
    padding-top: 0.24rem;
    box-sizing: border-box;
}

.task-assign .cards-switch i.icon-arrow {
    margin-right: 0.05rem;
}

.task-assign .cards-switch .i18n-runtime .iconfont {
    vertical-align: middle;
}

.task-assign .assigned-group-data {
    margin-top: 0.1rem;
}

.task-assign .cards-switch .icon-more-in {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAMAAAA4a6b0AAAAS1BMVEUAAAAAgP8AVf8AZswkbdsccf8fb+gfbuUfb+Ufb+cfb+ceb+cdbuYdbucdb+cebuYebuYeb+cfb+cebuYebuYdbucebeYebucebubc0MfPAAAAGHRSTlMAAgMFBwljZGxsdX6CgpOiqrG2uc78/v6WE2S1AAAAQ0lEQVQoz2NgGBJAhI8RhwyvBD8TDiluCQFmHFJc4oIsOKQ4xYRZcUixiwrhkGHDJcOByzScLsDpah6cPsUdOoMOAADT7gJS87RkSgAAAABJRU5ErkJggg==);
    display: inline-block;
    vertical-align: middle;
    width: 0.24rem;
    height: 0.24rem;
    position: relative;
    top: -0.02rem;
    left: -0.04rem;
}

.task-assign .umu-dialog-ojt {
    padding: 0.16rem 0.24rem;
    padding-bottom: 0rem;
    padding-top: 0.03rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.task-assign .umu-dialog-ojt .umu-dialog-ojt-tabs {
    line-height: 0.24rem;
    text-align: center;
    color: var(--umu-color-text, #222);
    display: flex;
}

.task-assign .umu-dialog-ojt .umu-dialog-ojt-tabs li {
    padding: 0.13rem 0.02rem;
    margin-right: 0.12rem;
    padding-bottom: 0.13rem;
    cursor: pointer;
}

.task-assign .umu-dialog-ojt .umu-dialog-ojt-tabs .active {
    font-weight: 600;
    border-bottom: 3px solid var(--umu-color-primary, #fab400);
}

.umu-dialog-ojt-setting {
    padding: 0.16rem 0.24rem;
    padding-bottom: 0.24rem;
}

.umu-dialog-ojt-setting.umu-dialog-ojt-notify-setting {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.umu-dialog-ojt-setting .umu-dialog-ojt-desc {
    padding: 0.12rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 4px;
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
    vertical-align: middle;
}

.umu-dialog-ojt-setting .umu-dialog-ojt-desc span {
    height: 0.4rem;
    float: left;
}

.umu-dialog-ojt-setting .umu-dialog-ojt-desc span .icon-desc {
    background: no-repeat center/cover url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALJSURBVHgB7ZldbtNAEIBn1k14QoI31CbBPUHTExBOQDkB4RU1VXqCpCdoaBDirTkCN6g5QcMJWPJTeAw8NQ72MJsIqUFd2+ufxJX8SW0SzezuzP7OzgIUFBQUFCQAIUUqx+OGQKsOQAcEaK83RJL/f/XJG04+VB1IicQOKKNB4JEA8YZ/PolYTBKRs1i4Zz8/7UtIQGwHnrV/2CWPLhGhAQlgRwZJHBEQg1pr0i77dJ3UeAUiNsvl8rWqE2JgPALV1vRSNQoZQAS9cX/31KSMkQPV1s1VGr0eDA1HF3uHUbUjT6FVz2dtvALrqq3I2lGUasfTDu80XTBgdLG7Vnft5IbABPJPR/1KL0wtdATUbmNqfCqgON97N6mHqYU68Ii3StgSwhLnoTpBQpsPKdrIvL8fteaWB2UAO0FCT4h23JPOeM5rQLQ6/OFo5TqBmvt8WH2DHPBbzJ/Oevuz+2TaKVTyvAbkhMde6Ugn068BxAbkBAR8oZNp14AgfE4JYtXE58BdELXbqXYE2PjQPXiDaMN0EafQFrB1gljhdJ4IcmAGD4AgB35BfhjqBPpFzHE55Ab6rpNoHUBCB/ICJwB0Iq0DgtMfkBOEpY+FtA7IVe5GO3QbRMpexXwNrKABbBki/yxIHuiAEK660m1zO5XWYuEEKQQ6IFUIG9IDWaJ6X4YkvEJPYnWxRtIvoqzgSPDLuF8ZhOntQATQwrfk0xUExCT/k/BGJtGdN6MoRg6Ybc4Q+DtCOZF1kDcT7vxQRsyVRg7m5MfKUPzxX6qvkB1StSENEr3GVxab78q+4XSKBg2F676Whlnq2Heu2sm0y8U7kBzepuk950O7EINEDxyr0fC7XM0rMF8bS8PVWSM1GYcopPbEVG1Nmpx2b3CFdX5eOtCocWhCDgnhWHD7OYnh/0j1jewuanRguU4sNtLjv9tZGgYXFBSs8xcPufgcsQnPngAAAABJRU5ErkJggg==);
    width: 0.24rem;
    height: 0.24rem;
    display: inline-block;
    margin-top: 0.06rem;
}

.umu-dialog-ojt-setting .umu-dialog-ojt-desc p {
    margin-left: 0.32rem;
}

.ngdialog.ngdialog-task-assign.assign-ojt-dialog .ngdialog-content .task-assign {
    background-color: var(--umu-color-bg-base, #fff);
}

.foot-text-col {
    display: flex;
    align-items: center;
}
.foot-text-col.bulk-editor-assign {
    margin-right: 0.24rem;
}

.ngdialog.ngdialog-theme-umu .task-assign .umu-dialog-title {
    padding: 0.24rem 0.5rem 0.12rem 0.24rem;
}

.ngdialog.ngdialog-theme-umu .task-assign .notification-rule-setting .umu-dialog-footer {
    padding: 0.12rem 0.24rem 0.24rem;
}

.ngdialog.ngdialog-task-assign .ngdialog-content .task-assign .title .tipIcon {
    margin-top: -0.02rem;
}
.ngdialog-task-assign .task-assign .task-assign-body {
    position: relative;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign .ngdialog-content {
    overflow: hidden;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign .ngdialog-close::before {
    top: 0.24rem;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.mentor-task .ngdialog-close::before {
    top: 0.12rem;
}

.ngdialog.ngdialog-task-assign .task-assign .task-assign-body .task-assign-editor .task-assign-editor-body,
.ngdialog.ngdialog-task-assign .task-assign .umu-dialog-ojt-setting .mentor-task-operate .mentor-task-operate-body,
.ngdialog.ngdialog-task-assign .task-assign .task-assign-body .notification-rule-setting .notification-rule-setting-body,
.ngdialog.ngdialog-task-assign .task-assign .umu-dialog-ojt-setting .mentorship-notification-setting .mentorship-notification-setting-body {
    max-height: calc(100vh - 3rem);
    overflow: auto;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    notification-rule-setting {
    max-height: 100%;
    height: 100%;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    notification-rule-setting
    .notification-rule-setting {
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    notification-rule-setting
    .notification-rule-setting
    .notification-rule-setting-body {
    max-height: unset;
    overflow-y: auto;
    flex: 1;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    notification-rule-setting
    .notification-rule-setting
    .umu-dialog-footer {
    margin-top: auto;
}

.ngdialog.ngdialog-task-assign
    .task-assign
    .task-assign-body
    .task-assign-editor
    .task-assign-editor-body
    .notification-rule-setting
    .ngdialog.ngdialog-task-assign
    .task-assign
    .umu-dialog-ojt-setting {
    padding: 0;
}

.ngdialog.ngdialog-task-assign .task-assign .umu-dialog-ojt-setting .mentor-task-operate .mentor-task-operate-body {
    padding: 0.16rem 0.24rem;
    padding-bottom: 0.24rem;
}

.ngdialog.ngdialog-task-assign .task-assign .umu-dialog-ojt-setting .mentor-task-operate .footer-umu-dialog {
    bottom: 0.24rem;
    padding: 0 0.24rem;
    box-sizing: border-box;
}

.task-assign .umu-dialog-normal {
    padding: 0.16rem 0.24rem;
    padding-bottom: 0rem;
    padding-top: 0.02rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.task-assign .umu-dialog-normal .umu-dialog-normal-tabs {
    line-height: 0.24rem;
    text-align: center;
    color: var(--umu-color-text, #222);
    display: flex;
}

.task-assign .umu-dialog-normal .umu-dialog-normal-tabs li {
    padding: 0.13rem 0.02rem;
    margin-right: 0.12rem;
    padding-bottom: 0.13rem;
    cursor: pointer;
}

.ngdialog-content .umu-dialog-normal-tabs li {
    font-size: 0.16rem;
}

.task-assign .umu-dialog-normal .umu-dialog-normal-tabs .active {
    font-weight: 600;
    border-bottom: 3px solid var(--umu-color-primary, #fab400);
}

.umu-dialog-normal-setting {
    padding: 0.16rem 0.24rem;
    padding-bottom: 0.24rem;
}

.umu-dialog-normal-setting.umu-dialog-normal-notify-setting {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.umu-dialog-normal-setting .umu-dialog-normal-desc {
    padding: 0.12rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 4px;
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
    vertical-align: middle;
}

.umu-dialog-normal-setting .umu-dialog-normal-desc span {
    height: 0.4rem;
    float: left;
}

.umu-dialog-normal-setting .umu-dialog-normal-desc span .icon-desc {
    background: no-repeat center/cover url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALJSURBVHgB7ZldbtNAEIBn1k14QoI31CbBPUHTExBOQDkB4RU1VXqCpCdoaBDirTkCN6g5QcMJWPJTeAw8NQ72MJsIqUFd2+ufxJX8SW0SzezuzP7OzgIUFBQUFCQAIUUqx+OGQKsOQAcEaK83RJL/f/XJG04+VB1IicQOKKNB4JEA8YZ/PolYTBKRs1i4Zz8/7UtIQGwHnrV/2CWPLhGhAQlgRwZJHBEQg1pr0i77dJ3UeAUiNsvl8rWqE2JgPALV1vRSNQoZQAS9cX/31KSMkQPV1s1VGr0eDA1HF3uHUbUjT6FVz2dtvALrqq3I2lGUasfTDu80XTBgdLG7Vnft5IbABPJPR/1KL0wtdATUbmNqfCqgON97N6mHqYU68Ii3StgSwhLnoTpBQpsPKdrIvL8fteaWB2UAO0FCT4h23JPOeM5rQLQ6/OFo5TqBmvt8WH2DHPBbzJ/Oevuz+2TaKVTyvAbkhMde6Ugn068BxAbkBAR8oZNp14AgfE4JYtXE58BdELXbqXYE2PjQPXiDaMN0EafQFrB1gljhdJ4IcmAGD4AgB35BfhjqBPpFzHE55Ab6rpNoHUBCB/ICJwB0Iq0DgtMfkBOEpY+FtA7IVe5GO3QbRMpexXwNrKABbBki/yxIHuiAEK660m1zO5XWYuEEKQQ6IFUIG9IDWaJ6X4YkvEJPYnWxRtIvoqzgSPDLuF8ZhOntQATQwrfk0xUExCT/k/BGJtGdN6MoRg6Ybc4Q+DtCOZF1kDcT7vxQRsyVRg7m5MfKUPzxX6qvkB1StSENEr3GVxab78q+4XSKBg2F676Whlnq2Heu2sm0y8U7kBzepuk950O7EINEDxyr0fC7XM0rMF8bS8PVWSM1GYcopPbEVG1Nmpx2b3CFdX5eOtCocWhCDgnhWHD7OYnh/0j1jewuanRguU4sNtLjv9tZGgYXFBSs8xcPufgcsQnPngAAAABJRU5ErkJggg==);
    width: 0.24rem;
    height: 0.24rem;
    display: inline-block;
    margin-top: 0.06rem;
}

.umu-dialog-normal-setting .umu-dialog-normal-desc p {
    margin-left: 0.32rem;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs .ngdialog-close::before {
    top: 0.12rem;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs .ngdialog-content {
    display: flex;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs .ngdialog-content .task-assign {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs .ngdialog-content .task-assign .task-assign-body,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-assign-homework-review-setting,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs .ngdialog-content .task-assign .umu-dialog-ojt-setting {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    task-assign-editor,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-notification-setting,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-phase-task,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    ng-container,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-assign-homework-review-setting
    assign-homework-review-setting {
    max-height: 100%;
    height: 100%;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    task-assign-editor
    .task-assign-editor.pc-common-task-assign-editor,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-notification-setting
    .mentorship-notification-setting,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-phase-task
    .mentor-task-operate {
    max-height: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-phase-task
    .mentor-task-operate
    .footer {
    position: unset;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-assign-homework-review-setting
    assign-homework-review-setting
    .assing-homework-review-setting {
    max-height: 100%;
    overflow: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-assign-homework-review-setting
    assign-homework-review-setting
    .assing-homework-review-setting
    .umu-dialog-footer {
    margin-top: auto;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-assign-homework-review-setting
    assign-homework-review-setting
    .assing-homework-review-setting
    .setting-notification {
    margin-bottom: 0.24rem;
}

.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .task-assign-body
    task-assign-editor
    .task-assign-editor.pc-common-task-assign-editor
    .umu-dialog-body.task-assign-editor-body,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-notification-setting
    .mentorship-notification-setting
    .mentorship-notification-setting-body,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign.normal-task-assighn-tabs
    .ngdialog-content
    .task-assign
    .umu-dialog-ojt-setting
    mentorship-phase-task
    .mentor-task-operate
    .mentor-task-operate-body {
    max-height: unset;
    overflow-y: auto;
    flex: 1;
}


.task-assign-editor .assign-summary-desc-content {
    line-height: 1.5;
    margin-right: 0.1rem;
}

.task-assign-editor .assign-summary-desc a {
    cursor: pointer;
    white-space: nowrap;
}

.task-assign-editor .assign-summary-desc .assign-dialog-action {
    margin-left: 0.1rem;
}

body.locale-jp .task-assign-editor .assign-summary-desc .assign-dialog-action {
    color: #ff4d4f;
}

.task-assign-editor .user-input-lists-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.1rem;
}

.user-input-lists-label {
    flex: none;
}

body.locale-de .task-assign-editor.pc-common-task-assign-editor .user-input-lists-label,
body.locale-en .task-assign-editor.pc-common-task-assign-editor .user-input-lists-label {
    margin-right: 0.12rem;
}

.assigned-data .cooperator-summary-info-wrapper .toggle-assign-table.toggle-icon i::after {
    width: 0;
}

.task-assign-editor .user-input-lists {
    vertical-align: middle;
    display: flex;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;

    /* 隐藏滚动条，当IE下溢出，仍然可以滚动 */
    -ms-overflow-style: none;
    scrollbar-width: none;

    /* 火狐下隐藏滚动条 */
    overflow: -moz-scrollbars-none;
}

.task-assign-editor .user-input-lists::-webkit-scrollbar {
    display: none;
}

.task-assign-editor .user-input-lists .user {
    margin-right: 0.12rem;
    cursor: pointer;
}

.task-assign-editor .user-input-lists .user-item {
    display: flex;
    align-items: center;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    padding-right: 0.08rem;
}

.task-assign-editor .user-input-lists .manager-avatar {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
}

.task-assign-editor .user-input-lists .manager-avatar-image {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
    flex: none;
}

.task-assign-editor .user-input-lists .deer-avatar {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
    line-height: 0.28rem;
}

.task-assign-editor .user-input-lists .manager-avatar-image img {
    width: 100%;
    display: block;
    border-radius: 2px 0 0 2px;
}

.task-assign-editor .user-input-lists .user .manager-user-name {
    padding: 0.04rem 0.08rem;
    text-align: center;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    font-size: 0.15rem;
    color: var(--umu-color-text, #222);
    box-sizing: border-box;
    height: 0.28rem;
    line-height: 0.2rem;
    white-space: nowrap;
    border-radius: 0 2px 2px 0;
}

.task-assign-editor .user-input-lists .deer-avatar .avatar-word {
    font-size: 0.16rem;
}

.task-assign-editor .user-input-lists .user .user-item .iconfont {
    color: var(--umu-color-text-tertiary, #999);
}

.task-assign-editor .user-input-lists .user .user-item .iconfont .umu-design-comp-icon {
    width: 0.16rem;
    height: 0.16rem;
}

.task-assign-editor .user-input-lists .user:hover {
    border: 1px solid #297dfc;
    box-sizing: border-box;
}

.task-assign-editor .user-input-lists .user:hover .user-item .iconfont {
    color: var(--umu-color-text-secondary, #666);
}

.task-assign-editor .umu-dialog-buttons .trackEvent {
    margin-left: 0.12rem !important;
}

.task-assign-editor .umu-dialog-body .form-content {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.task-assign-editor .umu-dialog-body .assign-date {
    flex: 0 1 2.6rem;
}

.task-assign-editor .umu-dialog-body .connection-line {
    flex: 0 1 1.6rem;
    margin: 0 0.12rem;
    font-size: 0.14rem;
    font-weight: 400;
    color: var(--umu-color-text, #222);
    text-align: center;
    height: 0.9rem;
    line-height: 1rem;
}

.task-assign-editor .umu-dialog-body .expire-date {
    flex: 0 1 2.6rem;
}

.task-assign-editor .umu-dialog-body .form-checkbox-content {
    margin: 0.12rem 0;
}

.task-assign-editor .umu-dialog-body .form-checkbox-content .auto-assign {
    margin-top: 0.06rem;
}

.task-assign-editor .umu-dialog-body .form-checkbox-content .assign-time-checkbox {
    position: relative;
    top: 0.02rem;
}

.task-assign-editor .umu-dialog-body .form-checkbox-content .assign-time-tip {
    position: relative;
    top: -0.02rem;
    color: var(--umu-color-text, #222);
}

.task-assign-editor .umu-dialog-body .form-checkbox-content .assign-time-tip .tipIcon .inputTip {
    color: var(--umu-color-text, #222);
}

.task-assign-editor .umu-dialog-body .form-row-body {
    position: relative;
}

.task-assign-editor .umu-dialog-body .guide-hook {
    position: absolute;
    left: 1.6rem;
    top: 0.16rem;
}

.task-assign-editor .umu-dialog-footer .btn-cancel {
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    color: var(--umu-color-text-secondary, #666);
    padding: 0.07rem 0.16rem;
    min-width: 0.8rem;
    cursor: pointer;
    text-align: center;
}

.task-assign-editor .umu-dialog-footer .btn-assign-task-assign {
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    color: #fff;
    padding: 0.08rem 0.16rem;
    margin-left: 0.12rem;
    cursor: pointer;
    text-align: center;
}

.task-assign-editor .umu-dialog-footer .disabled {
    background: var(--umu-color-fill-secondary, #eee);
    color: var(--umu-color-text-secondary, #666);
}

.task-assign-editor .auto-assign-child {
    margin: 0.18rem 0 0 0.32rem;
}

.task-assign-editor .auto-assign-child .radio-box {
    margin-right: 0;
}

.task-assign-editor .auto-assign-child .radio-list-wrap.simple-list .radio-list-item {
    float: none;
    margin-bottom: 0.18rem;
}

.assign-tooltip-icon-tips {
    width: 0.2rem;
    height: 0.2rem;
    color: var(--umu-color-fill-secondary, #eee);
}

.umu-design-comp-tooltip.tooltip-design.assign-desc-tip {
    z-index: 5000;

    /* 需要大于弹窗层级 */
}

.umu-design-comp-tooltip.tooltip-design.assign-desc-tip .tooltip-design-icon {
    cursor: pointer;
}

.umu-design-comp-tooltip.tooltip-design.assign-desc-tip .umu-design-comp-tooltip-inner {
    color: var(--umu-color-text, #222);
    padding: 0.12rem;
}

.task-assign-long-time-tip .umu-dialog-body-content {
    white-space: pre-line;
}

body:not([class~="locale-cn"]) .assign-disabled-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.4rem;
}

.task-assign-revoke-batch-confirm-title {
    margin-top: -0.14rem;
    padding-bottom: 0.14rem;
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.28rem;
}

.task-assign-revoke-batch-confirm-tip {
    color: #ff4d4f;
}
.pc-common-task-assign-editor .task-assign-editor-body.umu-dialog-body {
  padding: 0.24rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .expire-allow-visit-course {
  margin-top: 0.12rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .assign-option-title {
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
  font-weight: 600;
  margin-top: 0.24rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .form-row-label-main {
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
  font-weight: 600;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user {
  position: relative;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user:hover {
  border: none;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user .user-item {
  padding-right: 0rem;
  width: max-content;
  padding: 0rem 0.08rem;
  position: relative;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user .user-item .manager-avatar {
  flex: none;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user .user-item .iconfont {
  position: relative;
  z-index: 10;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-lists .user .user-item:hover::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #297dfc;
}
.pc-common-task-assign-editor .task-assign-editor-body .suggest-box.suggest-box-outside .suggestion-info .suggestion-avatar {
  flex: none;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-container .user-name-wrapper .user {
  padding: 0.04rem 0.08rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-container .user-name-wrapper .user .user-name {
  margin-left: 0.08rem;
  margin-right: 0.1rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .user-input-container .user-name-wrapper .user .user-close {
  position: static;
}
.pc-common-task-assign-editor .task-assign-editor-body .auto-assign-parent {
  margin-top: 0.1rem;
  margin-left: 0.18rem;
}
.pc-common-task-assign-editor .task-assign-editor-body .auto-assign-parent .check-box.disabled .input {
  border-color: #ccc;
  background: var(--umu-color-fill-secondary, #eee);
}
.ngdialog-content .umu-dialog-title .title {
    font-size: 0.22rem;
}
.ngdialog-content .umu-dialog-ojt-tabs li {
    font-size: 0.16rem;
}

.notification-rule-setting {
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    line-height: 1.5;
}
.notification-rule-setting h1 {
    font-size: 0.16rem;
}
.notification-rule-setting h2 {
    font-size: 0.14rem;
}
.notification-rule-setting .desc {
    color: #757575;
    margin-bottom: 0.08rem;
    line-height: 0.2rem;
}
.notification-rule-setting .hr {
    border: none;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0.2rem 0;
}
.notification-rule-setting .rule-setting-item {
    margin-bottom: 0.24rem;
}
.notification-rule-setting .check-box-list .check-list-item {
    margin-top: 0rem;
    margin-right: 0.24rem;
}

.notification-rule-setting .check-box-list .check-list-item .check-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.repeat-course-hint {
    color: var(--umu-color-text-secondary, #666);
}

.notification-rule-setting .rule-setting .title-desc {
    margin: 0.1rem 0;
}

.notification-rule-setting .editor-item {
    margin-top: 0.2rem;
}

.notification-rule-setting .item-label {
    margin-bottom: 0.1rem;
}

.notification-rule-setting .rule-setting .header {
    margin-bottom: 0.15rem;
}

.notification-rule-setting .title-editor .template-editor-content textarea {
    min-height: 0.7rem;
    height: 0.7rem;
}

.notification-rule-setting .content-editor .template-editor-content textarea {
    min-height: 1.2rem;
    height: 1.2rem;
}
.notification-rule-setting .mail-notify {
    margin-bottom: 0.12rem;
}
.notification-rule-setting .mail-notify .check-box {
    margin-left: 0.1rem;
    vertical-align: sub;
}
.notification-rule-setting .mail-disabled {
    color: var(--umu-color-text-secondary, #666666);
}
div.template-editor .template-editor-tools {
    height: inherit;
}

.notification-rule-setting .temp-tab-content {
    min-height: 5.86rem;
}
.notification-rule-setting .temp-editor {
    height: 5.06rem;
}
.notification-rule-setting .template-editor .tool-item a {
    margin-right: 0.13rem;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-body {
    padding: 0.16rem 0.24rem 0 0.24rem;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-body .rule-setting-item-p {
    display: block;
    align-items: center;
    margin-bottom: 0.12rem;
    line-height: 0.2rem;
}
.locale-cn .ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-body .rule-setting-item-p {
    display: flex;
}

.ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-body .rule-setting-item-p .desc {
    margin-bottom: 0;
    margin-right: 0.04rem;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .mail-editor .main-notify-warp {
    margin-bottom: 0.24rem;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .mail-editor .main-notify-warp > div:last-child {
    margin-bottom: 0;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .notify-index-2 .mail-editor .desc .i18n-runtime .iconfont {
    vertical-align: top;
    display: inline-block;
}
.ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-body .umu-tabs-content {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    border-top: none;
    padding: 0.2rem;
    box-sizing: border-box;
    margin-bottom: 0.24rem;
}

.ngdialog.ngdialog-theme-umu .notification-rule-setting .umu-dialog-footer .umu-dialog-buttons .btn-optional {
    background-color: var(--umu-color-bg-base, #fff);
}

.class-assign {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #333333);
    margin-bottom: 0.16rem;
    margin-top: -0.16rem;
}


.btn.btn-text.btn-revoke-task-by-user {
    cursor: pointer;
}
.btn.btn-text.btn-revoke-task-by-user {
    cursor: pointer;
}

.ojt-assign-session-selector {
  margin-top: 0.25rem;
}
.ojt-assign-session-selector .header {
  padding: 0.12rem 0.22rem;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.ojt-assign-session-selector .session-item {
  padding: 0.1rem 0.22rem;
  border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}
.ojt-assign-session-selector .session-item:first-child {
  border-top: 0 none;
}
.ojt-assign-session-selector .session-row {
  align-items: center;
  display: flex;
}
.ojt-assign-session-selector .session-row .session-icon {
  max-width: 1.4rem;
  margin-right: 0.2rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ojt-assign-session-selector .session-row .session-icon i.icon.iconfont.icon-course-type {
  margin-bottom: 0.06rem;
  width: 0.24rem;
  height: 0.24rem;
  font-size: 0.24rem;
  line-height: 0.24rem;
}
.ojt-assign-session-selector .session-row .session-icon .label {
  width: 0.9rem;
  white-space: initial;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
}
.ojt-assign-session-selector .session-row .session-title {
  flex: 1;
  min-width: 0;
  line-height: 0.2rem;
  color: var(--umu-color-text, #2d2e30);
}
.ojt-assign-session-selector .mentor-setting {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  padding: 0.15rem;
  margin: 0.15rem 0 0.15rem 0.25rem;
  border-radius: 4px;
}
.ojt-assign-session-selector .mentor-session-table-list {
  margin-top: 0.12rem;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  box-sizing: border-box;
}
.ojt-assign-session-selector .mentor-session-table-list .body {
  max-height: calc(100vh - 4.5rem);
  overflow-y: auto;
}
.mentor-setting {
    display: flex;
    flex-direction: column;
    padding-top: 0.2rem;
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}
.mentor-setting .title {
    margin-right: 0.08rem;
    padding-bottom: 0.02rem;
}
.mentor-setting .mentor-config {
    display: flex;
    align-items: center;
    padding: 0.08rem 0rem;
}
.mentor-setting .mentor-config.other-mentor-config {
    align-items: flex-start;
}

.mentor-setting .mentor-config .label {
    margin: auto 0.08rem;
}
.mentor-setting .mentor-config .mentor-others {
    height: 0.4rem;
    display: flex;
    align-items: center;
}
.mentor-setting .mentor-config .mentor-others .check-box {
    display: flex;
    align-items: center;
}
.mentor-setting .mentor-config .mentor-others .check-box .value-desc {
    white-space: nowrap;
}

.mentor-setting .mentor-config .assign-time-checkbox {
    width: 0.18rem;
    height: 0.24rem;
    cursor: pointer;
}
.mentor-setting .mentor-config .check-box {
    height: 0.24rem;
}
.mentor-setting .mentor-config .check-box span {
    line-height: 0.24rem;
    display: inline-block;
    vertical-align: top;
}
.mentor-setting .mentor-config .check-box.sub.checked .input {
    width: 0.18rem;
    height: 0.24rem;
}
.mentor-setting .mentor-config .mentor-tip {
    margin: 0 0.08rem;
}

.mentor-setting .mentor-config .user-info-select {
    margin-left: 0;
    flex: 1;
    flex: 1;
    width: calc(100% - 2rem);
    display: flex;
    flex-direction: column;
}
.mentor-setting i.icon.iconfont.icon-course-type {
    height: 0.3rem;
}
.mentor-setting .mentor-config .user-list {
    display: flex;
}

.mentor-setting .mentor-config .user-input-lists::-webkit-scrollbar {
    display: none;
}
.mentor-setting .mentor-config .user-input-lists {
    padding-top: 0.12rem;
    overflow-x: auto;
    display: flex;
}
.mentor-setting .mentor-config .user-input-lists .user {
    margin-right: 0.12rem;
    cursor: pointer;
}

.mentor-setting .mentor-config .user-input-lists .user-item {
    display: flex;
}

.mentor-setting .mentor-config .user-input-lists .manager-avatar {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
}

.mentor-setting .mentor-config .user-input-lists .manager-avatar-image {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
}
.mentor-setting .mentor-config .user-input-lists .deer-avatar {
    height: 0.28rem;
    width: 0.28rem;
    border-radius: 2px 0 0 2px;
    line-height: 0.28rem;
}
.mentor-setting .mentor-config .user-input-lists .manager-avatar-image img {
    width: 100%;
    display: block;
    border-radius: 2px 0 0 2px;
}
.mentor-setting .mentor-config .user-input-lists .user .manager-user-name {
    padding: 0.04rem 0.08rem;
    text-align: center;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    font-size: 0.15rem;
    color: var(--umu-color-text, #222);
    box-sizing: border-box;
    height: 0.28rem;
    line-height: 0.2rem;
    white-space: nowrap;
    border-radius: 0 2px 2px 0;
}
.mentor-setting .mentor-config .user-input-lists .deer-avatar .avatar-word {
    font-size: 0.16rem;
}
.mentor-setting .history-assign-list-wrap {
    margin-right: 0.3rem;
}
.mentor-config .user-input.new-user-input .editor.department-editor {
    max-width: 100%;
}
.mentor-setting .tipIcon {
    width: 0.16rem;
    height: 0.16rem;
    background-size: contain;
}
.mentor-config .assigned_mentor_search_select {
    margin-left: 0.12rem;
}

.mentor-setting.task-assign__mentor-setting .mentor-setting__title {
  display: flex;
  align-items: center;
}
.mentor-setting.task-assign__mentor-setting .mentor-config .check-box {
  margin-right: 0.08rem;
}
.mentor-setting.task-assign__mentor-setting .mentor-config .user-info-select {
  margin-left: 0.08rem;
}
.mentor-setting.task-assign__mentor-setting .mentor-config .user-info-select .history-assign-list-wrap {
  padding-left: 0.02rem;
}
.mentor-setting.task-assign__mentor-setting .mentor-config .user-info-select .history-assign-list-wrap .user-input-lists {
  margin-top: 0;
  padding-top: 0;
}

.tooltip-design.mentor-setting-tooltip-design {
  z-index: 999999;
}
.mentor-task-operate {
    min-height: 3.8rem;
    display: flex;
    flex-direction: column;
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
    position: relative;
    padding-bottom: 0.72rem;
}
.mentor-task-operate em {
    margin-right: 0.06rem;
}
.mentor-task-operate table {
    width: 100%;
}
.mentor-task-operate table thead {
    position: sticky;
    top: 0rem;
    background: var(--umu-color-bg-base, #fff);
}
.mentor-task-operate table .assign-checkbox {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.12rem;
    cursor: pointer;
    vertical-align: middle;
}
.mentor-task-operate table tr {
    display: flex;
    padding: 0.1rem 0.24rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.mentor-task-operate table tr i.icon.iconfont {
    line-height: 1;
    width: 0.24rem;
    height: 0.24rem;
    margin-bottom: 0.06rem;
}
.mentor-task-operate table tbody tr {
    align-items: center;
}
.mentor-task-operate table tr th {
    align-items: center;
    line-height: 0.28rem;
}
.mentor-task-operate .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
}
.mentor-task-operate .footer umu-button {
    margin-left: 0.12rem;
}
.mentor-task-operate table .sessions-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0rem 0.12rem 0 0;
}
.mentor-task-operate table .sessions-desc .label {
    width: 0.9rem;
    word-break: break-all;
    text-align: center;
    color: var(--umu-color-text-secondary, #666666);
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: initial;
}
.mentor-task-operate table .sessions-title {
    max-width: 5rem;
    word-break: break-all;
    text-align: left;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color: var(--umu-color-text, #2d2e30);
}
.mentor-task-operate .account-user-msg {
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #000000);
    padding-right: 0.08rem;
}
.mentor-task-operate .footer .disabled {
    background: var(--umu-color-fill-secondary, #eee);
    color: var(--umu-color-text-secondary, #666666);
}
.mentor-task-operate .account-user-btn {
    font-weight: normal;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #1e6ee6;
    margin-right: 0.16rem;
    cursor: pointer;
}
.mentor-task-operate .mentorship-table-list {
    max-height: 3rem;
    margin-top: 0.12rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    box-sizing: border-box;
    overflow-y: auto;
}

.mentor-task-operate .check-box .input {
    margin-right: 0.08rem;
}
.mentor-task-operate .check-box .input {
    width: 0.18rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADhSURBVHgB7dghDoNAEIXh2aEJioQjVKFpUJyi50D2JnVIrtAeoQpFWo3qEUhQGOi8Jk0oZtwuYr6EZMmaPwNqHIm6ro/OuUaeXF5T8mxZlps8l6qq3g4xzPwMEbIxzPN8OshUrojJsozKsqQ4jsmncRyp6zrq+z6NoqhhCTrjoigK7zGQJMl3ECCfLef1RSirQaRMO2NBGgvSWJDGgjQWpLEgjQVpLEhjQRoL0liQxoI0FqRB0IDDNE0UCjYgP9h+vHBo2/bvwhcMAusYkO3HfXcLK8YaDQfUURj4ZR5oQMsHBPhPWEViMZMAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
    background-position: center;
    border: 0px;
    border-radius: 0px;
    cursor: pointer;
}
.mentor-task-operate .check-box.sub .input {
    height: 0.24rem;
}
.mentor-task-operate .check-box.sub span {
    vertical-align: top;
    line-height: 0.24rem;
    display: inline-block;
}
.mentor-task-operate .check-box.sub.checked .input:before {
    width: 0.18rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7dg9S8NAGMDx57kSS/GFoA6KIroKQru4uolOLoKDkzgr7eK3EAsuTnZ2s1N17CdQ8AtkEHVRgoralObMUwhoyV3S5JLc0P+Wl4MfB5dLguA1V31eNnq8gQhl79CEjOMcrrvdTu3lYsVCwoy5/C4PyADLdhynwgzXreePodA0jGKDIeAOaBIiLzPQKjQ1AwGMQLvrJVicLgivZwoizOm+CVdHM0JUZiAfQxFGhMoE9BfjR5jNtSJkDgrCUPWbT7hsf0GmIBnmrPUROCY1UBxMaqC4mFRASTCRQNWtCWidzMJUCcNuTYwJBRGmtj0JqwtG/7khQ6nASEGHG+N9jJ8MpQojBd0+/MDjW+/fuSCUSowURJi981cpSjWGwqXjJy67QbTvEDRoL0qCoUJXmWim0sBEAslQqjGRQWEoVZihQCKUSszQoEGUagwVuspE0bJ//441VFrszTUNDDX6DApLS5ANGsWQwz1oE28yLOAB6DFLNnOcKrPq8xZjWPFONCGfbO/tqs2cTsXyfun9Apy+2yQwAn4DAAAAAElFTkSuQmCC) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}
.no-all-check .check-box .input {
    width: 0.18rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADPSURBVHgB7di9EYJAEIbhb1fRlFATfzqQSqzBBhQ7wcyMFqQEK9ASMBFDUo6RE1JHZyNlg32y20veuc2O0JrExSJ4+pQIq/YY4s+8x6muq/3juMypixk1/tJHyFtW6ZyLOGiapP+YDoVBME6ZQGsoQeRXDFUoVBYEWJDEgiQWJLEgiQVJht8ubocpfmm+Kz7ObWUSdUE02949FLGVSSxIYkESC5JYkERlUAlFmDyuUMNnTAPaQMcrlexczHkyzZkpagcZ+lEScGZXRXn7pfcCyaMz6kW0VkIAAAAASUVORK5CYII=) no-repeat;
    background-position: center;
    background-size: contain;
    border: 0px;
    border-radius: 0px;
    cursor: pointer;
}
.mentor-task-operate .session-type-status-disabled .check-box.sub.checked .input:before {
    width: 0.18rem;
    height: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgB7dixTsJAHMfx3/8oEBZgYnDRRCYTExgceAOdnHRy8Q1k9AmcTHwDBzcnmXR1ISYm6gNIoqsTuqAC/Xt/DYmQ9grlWm7gO7bX5JO7tJceQXdy3VvLEp0ToQZGGSnHwFWfuXm8U3ghweQUPS4CMlH3m7mucqAzBzBSOa9XSYGwC0fSS1dTcKuyayAsQRsrGRQLFHo/VZBgtjc97G1lQ1GpgUYYqaQxYahUQP8xowRVraj0QUEYqd0Z4OF1iFRBJszd8zDwmcRAcTCJgeJiEgHNg5kK1Fj3cNDIIe9R1NC5MZEgwTSqGVSKf98NE8oGxgiqr2Z+MaNMKFsYI6jz5uOjx2PXglA2MUaQYC7v+0aUbYxEpzefbBog+81+wL7zrqGlgL1oHowU+ZaFzVQSmKlAJpRtzNSgKJQtzEygMJRNzMygSZRtjOQhRoK5aPfxNWDYLvbmmgRGWv4GReUgiNCFQyliPMGV2G9pEB+6MEv69K6rl+tINfUxmvK5DvgtLCCBgPmWtEEsPw9n3YpIJLjEAAAAAElFTkSuQmCC) no-repeat;
    background-position: center;
    background-size: contain;
    cursor: no-drop;
}
.mentor-task-operate .task-info-detail {
    padding-top: 0.08rem;
}
.mentor-task-operate .mentor-task-operate .mentorship-table-list .empty-data {
    font-size: 0.14rem;
    padding: 0.4rem;
    text-align: center;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}
.mentor-task-operate .assign-type-select .title {
    margin: 0.24rem 0 0.12rem;
    line-height: 0.2rem;
}
.mentor-task-operate .empty-data {
    font-size: 0.14rem;
    padding: 0.4rem;
    text-align: center;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
}
.footer.footer-umu-dialog {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.footer.footer-umu-dialog .foot-text-col.btn-text {
    cursor: pointer;
}
.footer.footer-umu-dialog .footer-umu-dialog-settings .i18n-runtime {
    display: flex;
}

.student-task-setting-wrap {
    display: inline-block;
    margin-left: 0.12rem;
    position: relative;
    margin-right: 0.12rem;
}

.student-task-setting-tooltip-wrap {
    min-width: 3.2rem;
    z-index: 2000;
    position: absolute;
    padding: 0.16rem 0.2rem;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: var(--umu-color-bg-base, #fff);
    box-shadow: 0rem 0.02rem 0.12rem rgba(0, 0, 0, 0.12);
}

.student-task-setting-tooltip-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0.12rem;
}

.student-task-setting-tooltip-row.expired_access {
    padding-bottom: 0.12rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.student-task-setting-tooltip-row:last-child {
    margin-bottom: 0;
}

.student-task-setting-tooltip-row-title {
    font-weight: 400;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
    margin-right: 0.12rem;
    display: inline-block;
    white-space: nowrap;
}

.student-task-setting-tooltip-row-status {
    font-weight: 400;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text, #222);
    margin-left: 0.09rem;
    display: inline-block;
    white-space: nowrap;
}

.student-task-setting-tooltip-row .check-box.switch {
    flex: 0 0 auto;
    vertical-align: -0.05rem;
}

.student-task-setting-tooltip-desc {
    font-weight: 400;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
    white-space: initial;
    margin-top: 0.12rem;
    text-align: left;
}

.student-task-setting-tooltip-desc-btn {
    cursor: pointer;
}

.student-task-setting.btn {
    padding-right: 0.12rem;
}

.pc-common-assign-prev-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-common-assign-prev-icon .prev-icon-container {
  gap: 4px;
  display: flex;
  padding-right: 0.08rem;
  align-items: center;
  justify-content: flex-start;
  border-right: 1px solid #ccc;
}
.pc-common-assign-prev-icon .prev-icon-container .prev-icon {
  flex: none;
  color: var(--umu-color-text-tertiary, #999);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-common-assign-prev-icon .prev-icon-container .prev-icon .umu-design-comp-icon.iconfont {
  width: 0.16rem;
  height: 0.16rem;
}
.pc-common-assign-prev-icon .prev-icon-container .prev-icon .umu-design-comp-icon.iconfont.iconfont-enterprise {
  transform: translateY(0.01rem);
}
.pc-common-assign-prev-icon .prev-icon-container .prev-title {
  flex: none;
}
.mentorship-notification-setting .umu-design-comp-tabs.theme-center.golden .umu-design-comp-tabs-container {
  padding-left: 0.26rem;
}
.mentorship-notification-setting .umu-design-comp-tabs.theme-center.golden .umu-design-comp-tabs-container .tab .title {
  padding: 0;
}
.mentorship-notification-setting .umu-design-comp-tabs.theme-center.golden .umu-design-comp-tabs-container .tab.active .title {
  font-weight: 400;
}
.mentorship-notification-setting .umu-design-comp-tabs.theme-center.golden .umu-design-comp-tabs-container .umu-design-comp-tabs-ink-bar.umu-design-comp-tabs-ink-bar-animated {
  display: none;
}
.mentorship-notification-setting .umu-dialog-body .rule-setting-item-p {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
}
.mentorship-notification-setting .umu-dialog-body .rule-setting-item-p.header-rule-setting-item-p {
  display: inline;
}
.mentorship-notification-setting .umu-dialog-body .rule-setting-item-p .check-box-list .check-list-item .check-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.mentorship-notification-setting .umu-dialog-body .header .tipIcon {
  vertical-align: top;
}
.mentorship-notification-setting .umu-dialog-body .rule-setting-item {
  margin-top: 0.16rem;
}
.mentorship-notification-setting .umu-dialog-body .rule-setting-item .rule-setting-item-p {
  margin-bottom: 0.12rem;
}
.mentorship-notification-setting .umu-dialog-body .line {
  height: 0.01rem;
  background-color: var(--umu-color-fill-secondary, #eee);
  margin: 0.24rem 0;
}
.mentorship-notification-setting .umu-dialog-body .mail-editor .mail-notify {
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
}
.mentorship-notification-setting .umu-dialog-body .mail-editor .main-notify-warp {
  margin-top: 0.12rem;
}
.mentorship-notification-setting .umu-dialog-body .mail-editor .main-notify-warp .desc {
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
  margin-bottom: 0.12rem;
}
.mentorship-notification-setting .umu-dialog-body .mail-editor .main-notify-warp .template-list {
  padding: 0.16rem 0.12rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 4px;
  box-sizing: border-box;
}
.mentorship-notification-setting .umu-dialog-body .mail-editor .main-notify-warp .template-list .template-list-container {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.mentorship-notification-setting .umu-dialog-footer {
  position: static;
  bottom: 0rem;
  right: 0;
}

.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item,
.mentorship-notification-setting .mentorship-notification-setting-template-item {
  width: 30%;
  flex: 1 0 auto;
  margin: 0 0.04rem;
  box-sizing: border-box;
  zoom: 0.5;
  cursor: pointer;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container {
  background: var(--umu-color-bg-base, #fff);
  padding: 0.3rem;
  box-sizing: border-box;
  height: 100%;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-logo,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-logo {
  width: 0.92rem;
  height: 0.46rem;
  text-align: center;
  font-size: 0.2rem;
  color: var(--umu-color-text-tertiary, #999);
  line-height: 0.46rem;
  border-radius: 3px;
  background: var(--umu-color-bg-layout, #f5f5f5);
  margin-bottom: 0.12rem;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title {
  width: 100%;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  background: #fcfcfc;
  padding: 0.3rem 0.14rem 0.08rem 0.14rem;
  box-sizing: border-box;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: var(--umu-color-text, #222);
  font-weight: 600;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc {
  border-right: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  padding: 0.18rem 0.24rem;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 0.8rem;
}
body:not(locale-cn) .ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p, .mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 1rem;
}

.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p {
  color: var(--umu-color-text, #222);
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0.04rem;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation {
  margin-top: 0.18rem;
  text-align: center;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view,
.mentorship-notification-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view {
  padding: 0.06rem 0.12rem;
  border-radius: 3px;
  background: var(--umu-color-primary, #fab400);
  min-width: 1.2rem;
  font-size: 0.14rem;
  font-weight: 600;
  line-height: 0.2rem;
  color: #fff;
  display: inline-block;
}

.ngdialog.ngdialog-theme-umu .mentorship-notification-setting .umu-dialog-footer {
  padding-bottom: 0;
}
.ngdialog.ngdialog-theme-umu.mentorship-notification-setting-preview-image .mentorship-notification-setting-template-item {
  width: 100%;
  zoom: 1;
}
.pre-distribution-setting-wrap {
  display: inline-block;
  margin-left: 0.06rem;
  position: relative;
}

.pre-distribution-setting-tooltip-wrap {
  min-width: 3.2rem;
  z-index: 2000;
  position: absolute;
  padding: 0.16rem 0.2rem;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: var(--umu-color-bg-base, #fff);
  box-shadow: 0rem 0.02rem 0.12rem rgba(0, 0, 0, 0.12);
}

.pre-distribution-setting-tooltip-row {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 0.12rem;
}

.pre-distribution-setting-tooltip-row:last-child {
  margin-bottom: 0;
}

.pre-distribution-setting-tooltip-row-title {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
  margin-right: 0.12rem;
  display: inline-block;
  white-space: nowrap;
}

.pre-distribution-setting-tooltip-row-status {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
  margin-left: 0.09rem;
  display: inline-block;
  white-space: nowrap;
}

.pre-distribution-setting-tooltip-row .check-box.switch {
  flex: 0 0 auto;
  vertical-align: -0.05rem;
}

.pre-distribution-setting-tooltip-desc {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
  white-space: initial;
  margin-top: 0.12rem;
}

.pre-distribution-setting-tooltip-desc-btn {
  cursor: pointer;
}

.pre-distribution-setting-wrap .pre-distribution-setting-mouse {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.pre-distribution-setting-wrap .pre-distribution-setting-mouse .iconfont.preassign-icon.preassign-color {
  margin-left: 0;
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap {
  top: 0rem;
  left: 0.24rem;
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info {
  gap: 6px;
  display: flex;
  align-items: center;
  margin-bottom: 0.16rem;
  justify-content: flex-start;
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info {
  flex: 1;
  max-width: 2rem;
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info .user-name-content {
  vertical-align: middle;
  max-width: calc(100% - 0.4rem);
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info .user-medal-info-holder {
  top: 0;
  margin-top: 0;
  transform: translate(0, 35%);
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .time-info .item {
  gap: 4px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .time-info .item .label {
  flex: 1;
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666666);
}
body.locale-cn .pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .time-info .item .label {
  max-width: 0.98rem;
}

.pre-distribution-setting-wrap .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .time-info .item .time {
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
  width: 1.4rem;
  flex: none;
  text-align: left;
}

.pre-distribution-setting-wrap.session .pre-distribution-setting-tooltip-wrap {
  top: 0rem;
  left: 0rem;
}
.pre-distribution-setting-wrap.session .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info {
  flex: 1;
  max-width: 2rem;
}
.pre-distribution-setting-wrap.session .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info .user-name-content {
  color: var(--umu-color-text, #222);
  font-size: 0.16rem;
  font-weight: 400;
  vertical-align: middle;
  max-width: calc(100% - 0.4rem);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pre-distribution-setting-wrap.session .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .user-info .user-name-info .user-medal-info-holder {
  top: 0;
  margin-top: 0;
  transform: translateY(10%);
}
.pre-distribution-setting-wrap.session .pre-distribution-setting-tooltip-wrap .pre-distribution-setting-tooltip .time-info .item .label {
  text-align: left;
}
/* 名字输入组件 */
.new-user-input {
    position: relative;
}
.new-user-input.is-disabled {
    pointer-events: none;
}
.new-user-input.is-disabled .user-input .editor {
    border-color: var(--umu-color-border, #e0e0e0);
}
.new-user-input .disabled-mark {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.user-input-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.new-user-input .editor-new {
    position: relative;
    border: 1px solid #dfe1e2;
    padding: 0.02rem 0 0.04rem;
    font-size: 0.15rem;
    min-height: 0.32rem;
    /* 外部下拉设置 */
    max-height: 1.8rem;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: content-box;
    z-index: 1;
}

.new-user-input .user-name {
    font-size: 0.15rem;
}

.user-input.new-user-input .editor.department-editor {
    padding-right: 0rem;
    position: relative;
    max-width: calc(100% - 1.47rem);
    box-sizing: border-box;
    border-radius: 4px 0 0 4px;
    flex: 1;
}

.user-input.new-user-input.show-department-selector .suggest-box .suggest-ul {
    max-width: calc(100% - 1.47rem);
}

.new-user-input .department-btn {
    background-color: #f4f5f6;
    min-width: 1.47rem;
    /* position: absolute;
    right: 0;
    top: 0;
    bottom: 0; */
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0.12rem;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
}

.new-user-input .icon-framework {
    margin-right: 0.07rem;
}

.new-user-input .department-btn .icon-framework {
    width: 0.18rem;
    height: 0.18rem;
}

.new-user-input .icon-text {
    margin-right: 0.1rem;
    line-height: 0.18rem;
    height: 0.18rem;
    color: var(--umu-color-text, #222);
    font-size: 0.14rem;
}

body.locale-de .new-user-input .icon-text,
body.locale-en .new-user-input .icon-text {
    white-space: nowrap;
    font-size: 0.12rem;
}

.new-user-input .icon-mores {
    width: 0.16rem;
    height: 0.16rem;
}

.new-user-input .department-btn img {
    display: block;
    width: 100%;
    height: 100%;
}

.user-input-new.focused .editor {
    border: 1px solid #1e6ee6;
    box-shadow: none;
}
.user-input-new.focused .editor .department-btn {
    border: 1px solid #e0e1e2;
    box-shadow: none;
}

.new-user-input .editor-input {
    width: 5.1rem;
    display: inline-block;
    margin: 0.04rem 0.04rem 0 0.04rem;
    vertical-align: middle;
    background: none;
    border: 0;
    font-size: 0.14rem;
    height: 0.28rem;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0 0 0.05rem;
    position: relative;
    resize: none;
}

.umu-dialog-body .form-content .rc-picker {
    border-radius: 4px;
}

body.locale-de .new-user-input .editor-input {
    width: 5.75rem;
}

body.locale-de .new-user-input .editor-input:-ms-input-placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.locale-de .new-user-input .editor-input::placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
body.locale-en .new-user-input .editor-input,
body.locale-es .new-user-input .editor-input,
body.locale-fr .new-user-input .editor-input {
    width: 5.15rem;
}

.new-user-input .editor-input::-webkit-input-placeholder {
    color: #757575;
}

body.locale-jp .new-user-input .editor-input::-webkit-input-placeholder {
    font-size: 0.14rem;
}

body.locale-de .new-user-input .editor-input::-webkit-input-placeholder,
body.locale-en .new-user-input .editor-input::-webkit-input-placeholder {
    font-size: 0.12rem;
}

.new-user-input .editor-input.editor-input-with {
    width: 2.57rem;
}

/* 模糊查找 */

.new-user-input .suggest-box {
    -webkit-user-select: none;
    width: auto;
    display: inline-block;
    position: relative;
    z-index: 100;
}

.new-user-input .suggest-box .suggest-ul {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0rem;
    max-height: 2.37rem;
    overflow: auto;
    display: block;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    top: 0.32rem;
    z-index: 105;
    box-shadow: 0rem 0rem 0.08rem rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.new-user-input .suggest-box .item-wrap {
    position: relative;
}

.new-user-input .suggest-box .item-wrap .suggestion-info {
    display: flex;
    align-items: center;
}

.new-user-input .suggest-box .item-wrap .suggestion-info .suggestion-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new-user-input .suggest-box .item-wrap .suggestion-info em {
    color: #1e6ee6;
}

.new-user-input .suggest-box .item-wrap .suggestion-count {
    margin-left: 0.06rem;
    color: var(--umu-color-text-secondary, #666666);
}

.new-user-input .suggest-box .item-wrap .icon-suggestion-member {
    height: 0.16rem;
    margin: auto 0.04rem;
}

.new-user-input .suggest-box .suggest-li {
    font-size: 0.14rem;
    text-align: left;
    list-style: none;
    width: calc(100% - 0.24rem);
    line-height: 0.2rem;
    cursor: pointer;
    height: auto;
    margin-top: unset;
    padding: 0.1rem 0.12rem;
}

.new-user-input .suggest-box ul .item-wrap li.active {
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #222);
}

.new-user-input .suggest-box ul .item-wrap li.active .highlight {
    color: #fff;
}

.new-user-input .user-input-email-tip-new {
    position: absolute;
    top: 0.35rem;
    left: 0.05rem;
    color: #fff;
    font-size: 0.12rem;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0.02rem;
    padding: 0.08rem;
    width: auto;
    z-index: 1005;
}

.new-user-input .user-input-email-tip-new:after {
    content: '';
    border-width: 4px;
    border-style: solid;
    /* border-color: transparent transparent #424242 transparent; */
    position: absolute;
    right: 45%;
    top: -0.08rem;
    display: none;
}

/*  outside */
.new-user-input .suggest-box.suggest-box-outside {
    position: static;
}

.new-user-input .editor-area {
    position: relative;
}

.user-wrapper .user .deer-avatar {
    width: 0.25rem;
    height: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.user-wrapper .deer-avatar .avatar-word {
    line-height: 0.25rem;
    font-size: 0.16rem;
}

.user-wrapper.count-limit {
    color: #e75a2d;
    margin-top: 0.03rem;
    margin-left: 0.05rem;
}

.new-user-input .suggest-loading {
    position: absolute;
    left: 0;
    top: 0.33rem;
    width: 100%;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    z-index: 106;
    border-top: 1px dashed #d3d3d3;
    font-size: 0.14rem;
    text-align: center;
    height: 0.28rem;
    line-height: 0.28rem;
    margin-bottom: 0.04rem;
    padding: 0 0.05rem;
    margin-top: 0.04rem;
}

.suggestion-avatar {
    display: inline-block;
    flex: 0 0 auto;
    width: 0.28rem;
    height: 0.28rem;
    margin-right: 0.1rem;
}

.suggestion-avatar img {
    width: 100%;
    height: 100%;
}

.suggestion-avatar .deer-avatar .avatar-word {
    line-height: 0.25rem;
    font-size: 0.16rem;
}

.suggest-li tooltip tip {
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.suggestion-type {
    color: var(--umu-color-text-secondary, #666666);
    margin-right: 0.06rem;
}
.user-input .suggest-box li {
    overflow: inherit !important;
}

.user-input.new-user-input.task-assign-user-input-edit .user {
  display: flex;
  max-width: unset;
  align-items: center;
}
.user-input.new-user-input.task-assign-user-input-edit .user .user-name {
  max-width: 1.8rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-input.new-user-input.task-assign-user-input-edit.hidden-department-selector .editor {
  border-radius: 4px;
}
.task-assign .homework-reviews {
  margin-top: 0.24rem;
  margin-bottom: 0.24rem;
}

.task-assign .homework-reviews .task-assign-homework-reviews-container .title-container {
  gap: 12px;
  display: flex;
  margin-bottom: 0.12rem;
  align-items: center;
  justify-content: flex-start;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .title-container .title {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  font-weight: 600;
  line-height: 0.2rem;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .title-container tooltip-design {
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .title-container .umu-design-tootip .react-connector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .title-container .umu-design-tootip .react-connector .umu-design-comp-icon.umu-design-comp-icon-Tips {
  transform: translate(0, 0);
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .desc-container {
  gap: 12px;
  display: flex;
  margin-bottom: 0.12rem;
  align-items: center;
  justify-content: flex-start;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .desc-container .desc {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .desc-container .edit {
  font-size: 0.14rem;
  cursor: pointer;
  line-height: 0.2rem;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-student-departemnt-principal {
  margin-bottom: 0.12rem;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-directly-departemnt-principal {
  margin-bottom: 0.12rem;
  padding-left: 0.18rem;
  box-sizing: border-box;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-directly-departemnt-principal .check-box.disabled .input {
  border-color: #ccc;
  background: var(--umu-color-fill-secondary, #eee);
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-nominator {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-nominator .umu-design-tootip {
  margin-left: 0.08rem;
  margin-right: 0.1rem;
}
.task-assign .homework-reviews .task-assign-homework-reviews-container .settint-nominator .user-input.new-user-input.task-assign-user-input-edit {
  flex: 1;
}

.umu-design-comp-tooltip.tooltip-design.homework-reviews-tip {
  z-index: 9999;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting {
  padding: 0.24rem;
  box-sizing: border-box;
  max-height: 68vh;
  overflow: auto;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .desc-container {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.16rem;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .desc-container .desc {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-milestone-reminder {
  margin-bottom: 0.24rem;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-milestone-reminder .title {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-bottom: 0.12rem;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-notification {
  border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-notification .setting-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.12rem;
  margin-top: 0.28rem;
  gap: 12px;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-notification .desc {
  color: var(--umu-color-text-secondary, #666);
  margin-bottom: 0.12rem;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-notification .template .template-list {
  padding: 0.16rem 0.12rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 4px;
  box-sizing: border-box;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .setting-notification .template .template-list .template-list-container {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .umu-dialog-footer {
  padding: 0;
  margin-top: 0.24rem;
}

.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item {
  width: 30%;
  flex: 1 0 auto;
  margin: 0 0.04rem;
  box-sizing: border-box;
  zoom: 0.5;
  cursor: pointer;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container {
  background: var(--umu-color-bg-base, #fff);
  padding: 0.3rem;
  box-sizing: border-box;
  height: 100%;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-logo,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-logo {
  width: 0.92rem;
  height: 0.46rem;
  text-align: center;
  font-size: 0.2rem;
  color: var(--umu-color-text-tertiary, #999);
  line-height: 0.46rem;
  border-radius: 3px;
  background: var(--umu-color-bg-layout, #f5f5f5);
  margin-bottom: 0.12rem;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title {
  width: 100%;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  background: #fcfcfc;
  padding: 0.3rem 0.14rem 0.08rem 0.14rem;
  box-sizing: border-box;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: var(--umu-color-text, #222);
  font-weight: 600;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc {
  border-right: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  padding: 0.18rem 0.24rem;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 0.8rem;
}
body:not(locale-cn) .ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p, .task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 1rem;
}

.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p {
  color: var(--umu-color-text, #222);
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0.04rem;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation {
  margin-top: 0.18rem;
  text-align: center;
}
.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view,
.task-assign .umu-dialog-assign-homework-review-setting .assing-homework-review-setting .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view {
  padding: 0.06rem 0.12rem;
  border-radius: 3px;
  background: var(--umu-color-primary, #fab400);
  min-width: 1.2rem;
  font-size: 0.14rem;
  font-weight: 600;
  line-height: 0.2rem;
  color: #fff;
  display: inline-block;
}

.ngdialog.ngdialog-theme-umu.assign-homework-review-setting-preview-image .mentorship-notification-setting-template-item {
  width: 100%;
  zoom: 1;
}

.umu-design-comp-tooltip.tooltip-design.assign-homework-reviews-setting-tip {
  z-index: 9999;
}
.registration-review-notification-settings .title-container {
  padding: 0.2rem 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.12rem;
}
.registration-review-notification-settings .title-container .title {
  color: var(--umu-color-text, #222);
  font-size: 0.22rem;
  line-height: 0.24rem;
}
.registration-review-notification-settings .desc-container {
  padding: 0 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.18rem;
}
.registration-review-notification-settings .desc-container .desc {
  color: var(--umu-color-text, #222);
  line-height: 0.2rem;
  font-size: 0.14rem;
}
.registration-review-notification-settings .setting-milestone-reminder {
  padding: 0 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.16rem;
}
.registration-review-notification-settings .setting-milestone-reminder .title {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-bottom: 0.12rem;
}
.registration-review-notification-settings .setting-milestone-reminder.checkbox-list {
  margin-bottom: 0.34rem;
}
.registration-review-notification-settings .setting-notification {
  padding: 0 0.24rem;
  box-sizing: border-box;
}
.registration-review-notification-settings .setting-notification .setting-notification-container {
  border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}
.registration-review-notification-settings .setting-notification .setting-checkbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.08rem;
  margin-top: 0.24rem;
  gap: 12px;
}
.registration-review-notification-settings .setting-notification .desc {
  color: var(--umu-color-text-secondary, #666);
  margin-bottom: 0.3rem;
}
.registration-review-notification-settings .setting-notification .template .template-list {
  padding: 0.16rem 0.12rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 4px;
  box-sizing: border-box;
}
.registration-review-notification-settings .setting-notification .template .template-list .template-list-container {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.registration-review-notification-settings .umu-dialog-footer {
  padding: 0;
  margin-top: 0.24rem;
}

.registration-review-notification-settings-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  display: flex;
}
.registration-review-notification-settings-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .registration-review-notification-settings {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  width: 100%;
}
.registration-review-notification-settings-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .registration-review-notification-settings .main-container {
  max-height: 100%;
  overflow-y: auto;
}

.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item {
  width: 30%;
  flex: 1 0 auto;
  margin: 0 0.04rem;
  box-sizing: border-box;
  zoom: 0.5;
  cursor: pointer;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container {
  background: var(--umu-color-bg-base, #fff);
  padding: 0.3rem;
  box-sizing: border-box;
  height: 100%;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-logo,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-logo {
  width: 0.92rem;
  height: 0.46rem;
  text-align: center;
  font-size: 0.2rem;
  color: var(--umu-color-text-tertiary, #999);
  line-height: 0.46rem;
  border-radius: 3px;
  background: var(--umu-color-bg-layout, #f5f5f5);
  margin-bottom: 0.12rem;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title {
  width: 100%;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  background: #fcfcfc;
  padding: 0.3rem 0.14rem 0.08rem 0.14rem;
  box-sizing: border-box;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-title p {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: var(--umu-color-text, #222);
  font-weight: 600;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc {
  border-right: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  padding: 0.18rem 0.24rem;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 0.8rem;
}
body:not(locale-cn) .ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p, .registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p {
  height: 1rem;
}

.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-desc-p p {
  color: var(--umu-color-text, #222);
  font-size: 0.12rem;
  line-height: 0.16rem;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0.04rem;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation {
  margin-top: 0.18rem;
  text-align: center;
}
.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view,
.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item .template-item-container .template-item-content .template-item-desc .template-item-operation .template-item-button-view {
  padding: 0.06rem 0.12rem;
  border-radius: 3px;
  background: var(--umu-color-primary, #fab400);
  min-width: 1.2rem;
  font-size: 0.14rem;
  font-weight: 600;
  line-height: 0.2rem;
  color: #fff;
  display: inline-block;
}

.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-dialog .ngdialog-content {
  border-radius: 8px;
}

.ngdialog.ngdialog-theme-umu.registration-review-notification-settings-preview-image .mentorship-notification-setting-template-item {
  width: 100%;
  zoom: 1;
}
.edit-registration-review .title-container {
  padding: 0.2rem;
  box-sizing: border-box;
  padding-bottom: 0rem;
  margin-bottom: 0.24rem;
}
.edit-registration-review .title-container .title {
  color: var(--umu-color-text, #222);
  font-size: 0.22rem;
  line-height: 0.26rem;
  font-weight: 400;
}
.edit-registration-review .add-review {
  padding: 0 0.2rem;
  box-sizing: border-box;
  margin-bottom: 0.24rem;
}
.edit-registration-review .add-review .add-review-title {
  color: var(--umu-color-text, #222);
  line-height: 0.2rem;
  font-size: 0.14rem;
  margin-bottom: 0.14rem;
}
.edit-registration-review .review-list-container {
  padding: 0 0.2rem;
  box-sizing: border-box;
  margin-bottom: 0.1rem;
}
.edit-registration-review .review-list-container .review-list-title {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-bottom: 0.14rem;
}
.edit-registration-review .review-list-container .review-list {
  margin-bottom: 0.24rem;
}
.edit-registration-review .review-list-container .review-list .review-list-container {
  padding: 0;
  max-height: 3.6rem;
  overflow-y: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 22px;
}
.edit-registration-review .review-list-container .review-list .review-list-container .review-item {
  padding: 0.05rem 0.08rem;
  box-sizing: border-box;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border-radius: 2px;
}
.edit-registration-review .review-list-container .review-list .review-list-container .review-item .name {
  max-width: 2.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--umu-color-text, #222);
  line-height: 0.2rem;
  font-size: 0.14rem;
}
.edit-registration-review .review-list-container .review-list .review-list-container .review-item .close {
  cursor: pointer;
}
.edit-registration-review .review-operation-container {
  padding: 0 0.2rem 0.35rem 0.2rem;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
}
.edit-registration-review .add-review-input .editor {
  border-radius: 4px;
}
.edit-registration-review .add-review-input .user-input-list .user-name-wrapper .img.deer-avatar {
  display: none;
}
.edit-registration-review .add-review-input .user-input-list .user-name-wrapper .user-name {
  margin-left: 0.08rem;
}
.edit-registration-review .add-review-input .suggest-ul .suggest-li .suggestion-info .suggestion-avatar {
  display: none;
}

.edit-registration-review-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 8rem;
}
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign input:focus,
.ngdialog.ngdialog-theme-umu.ngdialog-task-assign textarea:focus {
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.cooperator-tip-text {
  padding: 0.12rem 0.15rem;
  font-size: 0.14rem;
  line-height: 0.18rem;
  position: absolute;
  color: rgb(77, 105, 109);
  top: 0.55rem;
  right: 0.1rem;
  border-radius: 2px;
  box-shadow: rgba(9, 2, 4, 0.14902) 0 0 0.12rem;
  width: 2.4rem;
  margin-top: 0.1rem;
  z-index: 10000;
  background: rgb(255, 255, 255);
}

.chkBox.disabled {
  opacity: 0.5;
}

.selectBox.switch-select.disabled {
  opacity: 0.5;
}

.no-cooperator-alert .content {
  line-height: 1.5em;
}

.assign-cooperator .cooperation-change-role-btn {
  padding: 0.08rem 0.1rem;
  border: 0 none;
  border-radius: 4px;
  outline: none;
}
.assign-cooperator .cooperation-change-role-btn:hover {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.cooperation-user-selector .new-user-input .suggest-box {
  width: 2rem;
}
.cooperation-user-selector .new-user-input .suggest-box .editor-input.editor-input-with {
  width: 2rem;
}
.cooperation-user-selector .cooperation-user-role-selector {
  width: 1.36rem;
  margin-left: 0.12rem;
}
.cooperation-user-selector .cooperation-user-role-selector .umu-design-comp-select-panel {
  border: 0 none;
  cursor: pointer;
}
.cooperation-user-selector .cooperation-user-role-selector .umu-design-comp-select-panel-selector {
  border-radius: 4px;
  padding: 0.09rem 0.11rem;
  background-color: var(--umu-color-bg-base, #fff);
  border: 1px solid var(--umu-color-border, #e0e0e0);
}
.cooperation-user-selector .cooperation-user-role-selector .umu-design-comp-select-panel-selector:hover {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.cooperation-user-selector .cooperation-user-role-selector .umu-design-comp-select-panel-selector .angular-umu-design-select__label .cooperation-role-select-item__desc {
  display: none;
}

/*
umu-design-comp-select-panel-dropdown umu-design-comp-select-panel-dropdown-hidden
select-panel-has-selected-icon
select-panel-default
dropdown-size-middle
dropdown-theme-blue
umu-design-comp-select-panel-dropdown-placement-bottomLeft
*/
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown {
  min-width: 3.3rem !important;
}
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown.select-panel-has-selected-icon .umu-design-comp-select-panel-item-option-state {
  top: 0.08rem !important;
}
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown.select-panel-has-selected-icon .umu-design-comp-select-panel-item {
  line-height: 0.2rem;
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown.select-panel-has-selected-icon .umu-design-comp-select-panel-item:hover {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown.select-panel-has-selected-icon .umu-design-comp-select-panel-item:last-child {
  border-bottom: 0 none;
}
.cooperation-user-role-selector-dropdown.umu-design-comp-select-panel-dropdown .cooperation-role-select-item__desc {
  margin-top: 0.06rem;
  color: var(--umu-color-text-secondary, #666);
}
.ngdialog-objPermissionSetting.ngdialog.ngdialog-theme-umu .ngdialog-content {
  width: 7rem;
  top: 20%;
}
.ngdialog-objPermissionSetting .select-box .current:after {
  width: 0.26rem;
}
.input-question {
    line-height: 1.5;
}

.input-question .answer-setting {
    display: table;
    margin-top: 0.1rem;
    margin-left: 0.9rem;
    margin-top: 0.1rem;
    padding-top: 0.1rem;
    color: #757575;
}

.input-question .answer-setting .setting-label {
    display: table-cell;
    white-space: nowrap;
    width: 0.78rem;
}

.input-question .answer-setting .setting-content {
    display: table-cell;
}
@charset "UTF-8";
.ngdialog.ngdialog-cooperation .ngdialog-content {
  width: 7rem;
}

.tooltip-design.cooperation-desc-tooltip-overlay {
  z-index: 5000;
}

/* form */
.assign-cooperator .form-row-label {
  line-height: 1.5;
  color: #757575;
}

.assign-cooperator .permission-select {
  padding: 0.12rem 0.24rem;
  padding-bottom: 0rem;
}

.assign-cooperator .umu-dialog-footer.cooperator-permission-footer {
  padding-top: 0.16rem;
}

.assign-cooperator .permission-select .select-box.sub .current {
  font-size: 0.14rem;
  line-height: 0.2rem;
  padding: 0.07rem 0.12rem;
  height: 0.2rem;
}

.assign-cooperator .permission-select .select-box.sub .select-list .select-list-item {
  padding: 0.08rem 0.12rem;
}

.assign-cooperator .permission-select .permission-select-title {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text, #222);
  padding-bottom: 0.08rem;
}

.assign-cooperator .form-row-label.user-list-title {
  color: var(--umu-color-text, #222);
}

.assign-cooperator .form-row-body {
  margin-top: 0.1rem;
}

.assign-cooperator .cooperator-tip-row {
  margin-top: 0.08rem;
  line-height: 1.5;
}

.assign-cooperator .cooperator-tip-row-second {
  margin-top: 0.05rem;
  line-height: 1.5;
}

.assign-cooperator .deleted {
  color: #757575;
}

/* */
.assign-cooperator .cooperator-tip {
  color: #757575;
}

.assign-cooperator .cooperator-tip .add_lecturer_btn {
  color: #1E6EE6;
  cursor: pointer;
  display: inline-block;
}

/* 已经分配任务的数据 */
.assign-cooperator .assigned-data .cooperator-summary-info-wrapper {
  margin-bottom: 0.1rem;
}

/* data table */
.assign-cooperator .assign-table {
  border-bottom: 0;
}

.assign-cooperator .assign-table .list-empty {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  line-height: 2.2rem;
}

/* */
.assign-cooperator .cooperator-summary-info span {
  font-size: 0.14rem;
  line-height: 0.22rem;
  vertical-align: middle;
}

.assign-cooperator .cooperator-summary-info .summary-user-1,
.assign-cooperator .cooperator-summary-info .summary-user,
.assign-cooperator .cooperator-summary-info {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 4.4rem;
  font-size: 0.14rem;
  line-height: 0.22rem;
}

.question-bank-cooperate.assign-cooperator .cooperator-summary-info {
  max-width: 6.3rem;
  white-space: break-spaces;
}

body.locale-jp .assign-cooperator .cooperator-summary-info {
  max-width: 4.8rem;
}

.umu-dialog-footer .trackEvent.disabled {
  border-color: #D0D0D1;
}

body.locale-de .assign-cooperator .cooperator-summary-info,
body.locale-en .assign-cooperator .cooperator-summary-info {
  max-width: 5.2rem;
}

/* */
.assign-cooperator .assigned-data .cooperator-summary-info .summary-user {
  max-width: 1.5rem;
}

body.locale-de .assign-cooperator .assigned-data .cooperator-summary-info .summary-user,
body.locale-en .assign-cooperator .assigned-data .cooperator-summary-info .summary-user {
  max-width: 1.2rem;
}

.assign-cooperator .assigned-data .cooperator-summary-info .summary-user-1 {
  max-width: 2.5rem;
}

.assign-cooperator .assigned-data .assign-table-wrapper {
  font-size: 0.14rem;
  height: 2.67rem;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-top: 0;
}

.assign-cooperator .assigned-data .header-row {
  height: 0.4rem;
  line-height: 0.4rem;
}

.assign-cooperator .assigned-data .revoke {
  cursor: pointer;
  text-decoration: none;
  margin-right: 0.1rem;
}

.assign-cooperator .assigned-data .assign-table {
  width: 100%;
  border-top: none;
  position: relative;
}

.assign-cooperator .assigned-user .avatar {
  position: absolute;
  top: 0;
  left: 0;
}

.assign-cooperator .assigned-user .avatar img {
  width: 0.38rem;
}

.assign-cooperator .assigned-user {
  position: relative;
}

.assign-cooperator .assigned-user .assigned-content-wrapper {
  display: table;
  margin-left: 0.5rem;
  height: 0.63rem;
}

.assign-cooperator .assigned-content {
  display: table-cell;
  vertical-align: middle;
}

.assign-cooperator .assigned-user .assigned-user-name {
  display: flex;
}

.assign-cooperator .assigned-user .assigned-name,
.assign-cooperator .assigned-user .assigned-mail {
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  max-width: 2.1rem;
  line-height: 0.2rem;
}

.assign-cooperator .assigned-user .assigned-lecturer-name {
  max-width: 1.4rem;
}

.assign-cooperator .assigned-user .lecturer-tag {
  background: #1E6EE6;
  color: #ffffff;
  padding: 0.01rem 0.06rem;
  font-size: 0.13rem;
  line-height: 0.19rem;
  margin-left: 0.04rem;
  display: inline-block;
  border-radius: 2px;
  white-space: nowrap;
}

.assign-cooperator .user-rights .cooperator-select-box-v2 {
  padding: 0.01rem;
  display: inline-block;
  position: relative;
}

body.locale-de .assign-cooperator .user-rights .cooperator-select-box-v2 .select-box-v2,
body.locale-en .assign-cooperator .user-rights .cooperator-select-box-v2 .select-box-v2 {
  width: 2.4rem;
}

.assign-cooperator .isCooperatorPattern:hover {
  background: var(--umu-color-bg-layout, #f5f5f5);
}

/* 分页 */
.assign-cooperator .operate {
  position: relative;
  border: 1px solid #e5e4e4;
  border-top: none;
  padding: 0 0.4rem 0.3rem 0;
  overflow: hidden;
}

.assign-cooperator .pagination {
  position: absolute;
  right: 0.2rem;
  bottom: 0.05rem;
}

.assign-cooperator .pagination .countInfo {
  color: #afb1b0;
}

.assign-cooperator .pagination .currentPage {
  color: var(--umu-color-text-secondary, #666666);
}

.assign-cooperator .pagination li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.14rem;
}

.assign-cooperator .pagination a:hover {
  text-decoration: underline;
}

.assign-cooperator .pagination a {
  display: block;
  height: 100%;
  width: auto;
  text-align: center;
  margin-left: 0.05rem;
}

/* toggle icon */
.assigned-user .deer-avatar {
  width: 0.38rem;
  height: 0.38rem;
  position: absolute;
  top: 0.13rem;
  left: 0;
}

.cooperator-select-box-v2 .icon-index {
  margin-top: -0.04rem;
}

.user-wrapper .user .deer-avatar {
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  top: 0;
  left: 0;
}

.user-wrapper .deer-avatar .avatar-word {
  line-height: 0.25rem;
  font-size: 0.16rem;
}

.assigned-user .deer-avatar .avatar-word {
  line-height: 0.38rem;
}

.assign-cooperator .footer {
  padding: 0.25rem 0.3rem;
}

.assign-cooperator .delete {
  display: inline-block;
  width: 0.12rem;
  height: 0.12rem;
}

.assign-cooperator .is-disabled-del-corporate-template {
  cursor: no-drop;
  color: var(--umu-color-text-tertiary, #999999);
}

.assign-cooperator .deleted .icon {
  vertical-align: top;
}

.assign-cooperator .deleted .user-name .assigned-user .img.deer-avatar {
  background-clip: #fafafa;
}

.assign-cooperator .deleted .delete {
  display: none;
}

.assign-cooperator .assign-table .user-name {
  width: 3.5rem;
}

body.locale-de .assign-cooperator .assign-table .user-name,
body.locale-en .assign-cooperator .assign-table .user-name {
  width: 3.1rem;
}

body.locale-jp .assign-cooperator .footer .btn-optional {
  padding: 0 0.25rem;
}

body.locale-jp .assign-cooperator .item-input {
  margin-left: 1rem;
}

body.locale-jp .assign-cooperator .assigned-data .cooperator-summary-info-wrapper {
  margin: 0.1rem 0 0.2rem 0;
}

body.locale-jp .assign-cooperator .assign-table .user-name {
  width: 2.9rem;
}

.assign-cooperator .table td {
  height: 0.63rem;
}

.assign-cooperator thead {
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  background: #fafafa;
}

.assign-cooperator tbody tr {
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.assign-cooperator.question-bank-cooperate .user-list {
  margin: 0;
}

body.locale-de .ngdialog.ngdialog-cooperation .ngdialog-content,
body.locale-en .ngdialog.ngdialog-cooperation .ngdialog-content {
  width: 8rem;
}

.assign-cooperator .user-input-lists {
  vertical-align: middle;
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
  -ms-overflow-style: none;
  scrollbar-width: none;
  /*火狐下隐藏滚动条*/
  overflow: -moz-scrollbars-none;
}

.assign-cooperator .user-input-lists::-webkit-scrollbar {
  display: none;
}

.assign-cooperator .user-input-lists .user {
  padding: 0.03rem 0;
  padding-left: 0.08rem;
  height: -moz-fit-content;
  height: fit-content;
  margin-right: 0.12rem;
  line-height: 0.2rem;
  cursor: pointer;
  border-radius: 2px;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.assign-cooperator .user-input-lists .user.user_user .manager-user-name {
  padding-left: 0;
  max-width: 2rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

.assign-cooperator .user-input-lists .user-item {
  display: flex;
}

.assign-cooperator .user-input-lists .manager-avatar {
  text-wrap: nowrap;
  padding-right: 0.07rem;
  border-right: 1px solid #ccc;
  line-height: 1;
}

.assign-cooperator .user-input-lists .history-user-delete {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 2px;
  margin-left: 0.03rem;
  margin-right: 0.03rem;
}
.assign-cooperator .user-input-lists .history-user-delete:hover {
  background-color: #e0e0e0;
}
.assign-cooperator .user-input-lists .history-user-delete .umu-design-comp-icon {
  width: 0.17rem;
  height: 0.17rem;
  color: var(--umu-color-text-tertiary, #999);
}

.assign-cooperator .user-input-lists .deer-avatar {
  height: 0.28rem;
  width: 0.28rem;
  border-radius: 2px 0 0 2px;
  line-height: 0.28rem;
}

.assign-cooperator .user-input-lists .manager-avatar-image img {
  width: 100%;
  display: block;
  border-radius: 2px 0 0 2px;
}

.assign-cooperator .user-input-lists .user .manager-user-name {
  padding: 0 0.03rem 0 0.08rem;
  text-align: center;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  color: var(--umu-color-text, #222);
  box-sizing: border-box;
  white-space: nowrap;
}

.assign-cooperator .user-input-lists .deer-avatar .avatar-word {
  font-size: 0.16rem;
}

.assign-cooperator a.toggle-assign-table {
  cursor: pointer;
}

.assign-cooperator .cooperator-permission-dialog {
  padding-top: 0.12rem;
  padding-bottom: 0rem;
  max-height: 60vh;
  overflow: auto;
}
.assign-cooperator .cooperator-permission-dialog .history-user-label {
  margin-right: 0.12rem;
}
.assign-cooperator .cooperator-permission-dialog .form-row.user-list {
  margin-bottom: 0.12rem;
}
.assign-cooperator .cooperator-permission-dialog .disabled-role-name {
  margin: 0 0 0 0.04rem;
  text-transform: capitalize;
}
.assign-cooperator .cooperator-permission-dialog th {
  color: var(--umu-color-text, #222);
  font-weight: 500;
}

.cooperator-permission-dialog__group .th-cooperation-role {
  text-align: right;
}

.ngdialog.ngdialog-theme-umu.ngdialog-cooperation-user-selector .ngdialog-content {
  width: 7rem;
}
.ngdialog.ngdialog-theme-umu.ngdialog-cooperation-user-selector .icon-arrow-back {
  width: 0.2rem;
  height: 0.2rem;
  margin-right: 0.08rem;
  cursor: pointer;
}
.ngdialog.ngdialog-theme-umu.ngdialog-cooperation-user-selector .cooperation-selector-desc {
  margin-top: 0.28rem;
  color: var(--umu-color-text-secondary, #666);
  line-height: 0.2rem;
}
.ngdialog.ngdialog-theme-umu.ngdialog-cooperation-user-selector .cooperation-selector-desc p {
  margin-bottom: 0.06rem;
}
.ngdialog.ngdialog-theme-umu.ngdialog-cooperation-user-selector .umu-design-comp-select-panel-selection-search-input {
  width: 100%;
}

.tip-cooperation-desc p {
  line-height: 0.2rem;
}

.template-permission-dialog .ngdialog-content .assign-cooperator {
  display: flex;
  flex-direction: column;
  max-height: 92vh;
}
.quiz-textarea-question {
    line-height: 1.5;
}

.ngdialog-objPermissionSetting.ngdialog.ngdialog-theme-umu .umu-dialog-footer.obj-permission-setting-footer {
  padding: 0 0.24rem 0.24rem 0.24rem;
}
.template-question-explain {
    line-height: 1.5;
    /*margin-left: 90px;
    margin-top: 10px;
    padding-top: 10px;*/
    color: #757575;
}
.template-question-explain .question-explain-conten-wrap {
    display: table;
}
.template-question-explain .question-explain-label {
    display: table-cell;
    white-space: nowrap;
}

.template-question-explain .question-explain-content {
    display: table-cell;
    padding-left: 0.05rem;
}

.template-question-explain .question-explain-view-image img {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    max-height: 1.3rem;
    max-width: 100%;
    min-width: 0.3rem;
    margin: 0.05rem 0 0.1rem 0;
    width: auto;
}
.disabled-content {
  line-height: 0.2rem;
}

.disabled-title {
  display: flex;
  align-items: center;
  gap: 10px;
}

.disabled-user-wrapper {
  margin-top: 0.12rem;
}
.disabled-user-wrapper .show-btn {
  text-decoration: none;
}
.disabled-user-wrapper .user-detail {
  display: none;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  margin-top: 0.12rem;
  overflow: hidden;
  line-height: 0.2rem;
  padding: 0.12rem 0.16rem;
  word-break: break-word;
}
.disabled-user-wrapper .user-detail.show {
  display: block;
}
.template-question-img-wrap img.question-pic {
    max-height: 1.3rem;
    max-width: 100%;
    min-width: 0.3rem;
    display: block;
}

.template-question-img-wrap .question-img {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 6rem;
    margin-left: -3rem;
}
.session-share-dialog-5 .btn-session-share-save {
    margin-bottom: 0;
}
.session-share-dialog .btn-session-share-save {
    text-align: right;
}

.session-share-dialog .toggle-wx-share-config {
    margin-top: -0.36rem;
    height: 0.36rem;
    line-height: 0.36rem;
}

.session-share-dialog .user-permission-selector {
    margin-bottom: 0.2rem;
}

.session-share-dialog .select-list {
    z-index: 10.04rem;
}

.session-share-dialog .btn-batch-input {
    margin-left: 0.05rem;
}

.session-share-dialog .btn-session-share-save .btn {
    margin-left: 0.18rem;
}

.session-share-dialog .btn-session-share-save umu-button + umu-button {
    margin-left: 0.12rem;
}

.session-share-dialog .share-dialog-way-body .theme-list {
    display: flex;
}

.session-share-dialog .share-dialog-way-body.way-card {
    height: 2.1rem;
    margin-left: -0.35rem;
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-preview {
    width: 1.05rem;
    margin-right: 0.04rem;
    height: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.31);
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement {
    transform: scale(0.26);
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-more {
    width: 1.05rem;
    height: 1.45rem;
    margin-left: 0.37rem;
    box-shadow: 0 0rem 0.01rem 0.01rem rgba(0, 0, 0, 0.2);
    text-align: center;
    cursor: pointer;
}

.theme-list .share-preview-card .course-achievement-share-card {
    padding-top: 0.5rem;
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-more i {
    display: block;
    height: 0.48rem;
    width: 0.48rem;
    background-size: cover;
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download {
    width: 3.2rem;
    text-align: center;
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-preview .share-card-download .btn-striking {
    text-align: center;
    font-size: 0.46rem;
    border: 0 none;
    margin-top: 0.32rem;
    background-color: var(--umu-color-bg-base, #fff);
}

.session-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
    font-size: 0.55rem;
    margin-top: 0.38rem;
    white-space: nowrap;
}

body.locale-jp .session-share-dialog .share-dialog-way-body .theme-list .theme-preview.achievement .share-card-download .btn-striking {
    margin-left: -0.15rem;
}

.session-share-dialog .role-permission-lv-1 .share-switch-content {
    pointer-events: none;
}
.session-share-dialog .role-permission-lv-1 .share-switch-content .select-box .current:after {
    display: none;
}

/* 适配大字体下弹窗样式问题 */
.session-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 7rem;
    display: flex;
    flex-direction: column;
}
/* 加上 :first-child 限制 避免选中 关闭按钮*/
.session-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content > div:first-child {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: hidden;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content > div .umu-dialog-body {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content > div .umu-dialog-body > div:first-child {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .umu-dialog-body
    .shareConfigFooter
    .wx-share-config
    .share-config-panel {
    padding: 0.24rem;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .umu-dialog-body
    .shareConfigFooter
    .wx-share-config
    .share-config-panel {
    padding: 0.24rem;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .umu-dialog-body
    .shareConfigFooter
    .wx-share-config
    .share-config-panel
    .config-preview {
    top: 0.24rem;
    right: 0.24rem;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .umu-dialog-body
    .shareConfigFooter
    .wx-share-config
    .share-config-panel
    .config-opts {
    bottom: 0.24rem;
    right: 0.24rem;
}

.session-share-dialog.ngdialog.ngdialog-theme-umu
    .ngdialog-content
    .umu-dialog-body
    .shareConfigFooter
    .wx-share-config:not(.active)
    .share-config-panel {
    display: none;
}

.template-question-audio-wrap{
    
}

.share-to-class-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 5rem !important;
    display: flex;
}

.share-to-class-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .share-to-class-dialog-content {
    display: flex;
    overflow-y: hidden;
    flex-direction: column;
    max-height: 100%;
    width: 100%;
}

.share-to-class-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content .share-to-class-dialog-content .umu-dialog-body {
    flex: 1;
    overflow-y: auto;
}

.share-to-class-dialog.ngdialog.ngdialog-theme-umu .joined-class-list .list-panel .list-blank .list-blank-v1 a.umu-design-comp-btn {
    margin: 0 auto;
}

.share-to-class-dialog .share-to-class-board .board-tip {
    font-size: 0.14rem;
    color: #060606;
    margin-bottom: 0.1rem;
}

.share-to-class-dialog .share-to-class-board .board-main {
    height: 3.8rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    overflow: auto;
}

.share-to-class-dialog .share-to-class-board .board-main .class-list-provider .tabs {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9;
}

.share-to-class-dialog .tabs .tabs-header {
    padding: 0 0.5rem;
}

.share-to-class-dialog .tabs .header-item .tab-title {
    font-size: 0.14rem;
}

.share-to-class-form .share-content {
    width: auto;
}

.share-to-class-form .share-from .footer button + button {
    margin-left: 0.12rem;
}

.share-to-class-dialog .list-panel .list-blank .list-blank-v1 .list-blank-img {
    margin-top: 0;
}
.share-to-class-dialog .list-panel .list-blank .list-blank-v1 a.umu-design-comp-btn {
    padding-top: 0.05rem !important;
    padding-bottom: 0.05rem;
    font-weight: 600;
}

.template-question-video-wrap {
}


.live-upgrade-dialog .upgrade-dialog-title {
    font-size: 0.18rem;
    color: #060606;
}

.live-upgrade-dialog .upgrade-dialog-body {
    padding: 0.2rem 0;
}

.live-upgrade-dialog .upgrade-dialog-body .p.h2 {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
    line-height: 1.2;
    margin: 0.24rem 0;
}

.live-upgrade-dialog .upgrade-dialog-body .p {
    margin-top: 0.3rem;
}
.live-upgrade-dialog .upgrade-dialog-body .p.with-icon {
    position: relative;
    padding-left: 0.3rem;
    font-weight: 500;
}
.live-upgrade-dialog .upgrade-dialog-body .p.with-icon i.icon {
    position: absolute;
    left: 0;
}
.live-upgrade-dialog .upgrade-dialog-body i.icon.icon-contact-tip-phone {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAM1BMVEVHcEwjIyMqKiohISEhISEjIyMiIiIiIiIhISEhISEiIiIhISEhISEiIiIpKSkiIiIhISF4NYXLAAAAEHRSTlMANwbN4iSCVvrwR7mnchWY0SKMjAAAAN9JREFUSMftlcsWwyAIRI3GB1ET/v9rq7GpbU5rmazDeu4BhEGl7hDHMnOLeZEBh74QMiC8ANYigDpgwZJ4EgGmA7KuUwecCHAdiCLAd4BEz2T5+jPRinUdvIKakOqVJkyv1Abq1VSBjFgiFsAgwLUUwiE8p11dlJAUDi1K767wSFF1emECiH1B6J1Y/+xuPs3bE1N0i131sPFw2NT38/PzwjWzpvWkH1y43GyUT3rm3523TTf5U8+D1zX8LUYTdAEDSpIIAmXbIwgUZCMMKL34BP80ynqXzExB+pfdUeMBjT4YMpDBnUgAAAAASUVORK5CYII=);
    background-size: contain;
}
.live-upgrade-dialog .upgrade-dialog-body i.icon.icon-contact-tip-mail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAJ1BMVEVHcEwhISElJSUiIiIhISEjIyMiIiIqKiojIyMhISEiIiJVVVUhISFV9F2bAAAADHRSTlMA5Rua8k/MDDOwcAMUJwGGAAAAsUlEQVQ4y2NgGDaAyfAMGhBWAEsonsEATmAJG0yJw2AJGUyJg2CJM2cCUYVFz5yBSrCjmHa4AC7BwJGDED/WwICQYNjlAxM/spoBITGJgUETJgFhQyVAqqAOEIXohkqAzIU44HABxD6YBEwArgAuATECYSRCAmwpwhFIEiDVCGcjSYDMR3gUWQLoAETQoEicEUUEJqoEEhgZErgSHDfOJKqCK1HjzAYMG9BzDPeGIZfJAbHPw3tX/sgcAAAAAElFTkSuQmCC);
    background-size: contain;
}

.live-upgrade-dialog .upgrade-dialog-footer {
    text-align: right;
}

/*  */
.live-upgrade-dialog .activity-banner {
    display: block;
    margin: 0 0 0.2rem;
    height: 0.97rem;
    background: #ffd66b url(/twww/cn/images/banner.e1810da9..png) no-repeat;
    background-size: 100%;
    position: relative;
}
.live-upgrade-dialog .activity-banner .banner-title {
    padding: 0.14rem 0 0 0.48rem;
    color: #591705;
}
.live-upgrade-dialog .activity-banner .banner-title .h3 {
    font-size: 0.24rem;
    line-height: 0.4rem;
}
.live-upgrade-dialog .activity-banner .banner-title .desc {
    font-size: 0.16rem;
    color: #591705;
    line-height: 0.24rem;
    margin-top: 0.04rem;
}
.live-upgrade-dialog .activity-banner .banner-action {
    position: absolute;
    right: 0.48rem;
    top: 0.31rem;
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0rem 0.02rem 0.04rem 0rem rgba(0, 0, 0, 0.3);
    border-radius: 34px;
    line-height: 0.36rem;
    padding: 0 0.15rem;
    color: #591705;
    font-size: 0.14rem;
}

.template-question-media-wrap .template-media-item{
    margin-bottom: 0.15rem;
}




.withdraw-money {
    display: inline-table;
    font-size: 0.14rem;
}

.withdraw-money .money-num {
    font-size: 0.2rem;
    display: inline-block;
}

.withdraw-money .withdraw-cnt,
.withdraw-money .withdraw-icon {
    display: table-cell;
    vertical-align: middle;
}

.withdraw-money .withdraw-cnt {
    text-align: left;
}

.withdraw-money .withdraw-icon {
    padding-right: 0.2rem;
}

/*----------------- 弹窗样式 begin ------------------- */

/*灰常奇怪，这里的样式不生效*/

.ngdialog.ngdialog-theme-umu.withdraw-modal .ngdialog-content {
    width: 6rem;
}

/*不生效结束*/

.withdraw-modal .footer {
    margin: 0.3rem 0.35rem;
    text-align: right;
    /*position: absolute;
    bottom: 0;
    right: 0;*/
}

.withdraw-modal .footer .btn {
    margin-left: 0.15rem;
}

.withdraw-modal {
    /*color: #354450;*/
}

.ngdialog.ngdialog-theme-umu.withdraw-modal .ngdialog-body-content {
    padding: 0.2rem 0.35rem 0 0.35rem;
}

/*----------------- 弹窗样式 end ------------------- */

/*-----表单row beign------*/

.user-info-form .form-row {
    position: relative;
    margin-bottom: 0.2rem;
}

.user-info-form .form-row-label {
    line-height: 1.5;
    color: #757575;
}

.user-info-form .form-row-body {
    min-height: 0.4rem;
    line-height: 0.4rem;
    margin-top: 0.1rem;
}

.user-info-form .form-row-tip {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: -0.21rem;
}

input.otherMsg:focus {
    outline: none;
}

.withdraw-info-dialog .select-box.bank-select {
    width: 100%;
}

.withdraw-info-dialog .select-box.bank-select span.current,
.withdraw-info-dialog .select-box.bank-select li {
    text-align: left;
}

.withdraw-info-dialog .branch-info-city {
    float: left;
    width: 66%;
}

.withdraw-info-dialog .input-box.branch-input {
    float: left;
    margin-left: 3%;
    width: 27%;
}

.withdraw-info-dialog .required label:after {
    content: '*';
    display: inline-block;
    width: 0.1rem;
    height: 0.12rem;
    color: #fd734d;
    overflow: hidden;
    margin-left: 0.05rem;
    vertical-align: 0.01rem;
}

.withdraw-modal .between {
    display: flex;
    justify-content: space-between;
}
.withdraw-modal .between-item {
    width: 1.71rem;
}

/*-----表单row end------*/

/*----- 国外提现表单 ------*/
.ngdialog.foreign-withdraw-dialog.ngdialog-theme-umu.align-top .ngdialog-content {
    top: 0.5rem;
}

.ngdialog.ngdialog-theme-umu.foreign-withdraw-dialog .ngdialog-content {
    width: 8.62rem;
}
.ngdialog.ngdialog-theme-umu.foreign-withdraw-dialog .withdraw-info-dialog .umu-dialog-body {
    padding: 0 0 0.3rem;
    padding-top: 0;
}
.foreign-withdraw-dialog .user-info-form .form-row {
    margin-bottom: 0.1rem;
}
.foreign-withdraw-dialog .user-info-form .form-row.country {
    width: 65%;
}

.foreign-withdraw-dialog .payee-info > div,
.foreign-withdraw-dialog .bank-info > div {
    float: left;
    width: 50%;
    box-sizing: border-box;
}

.foreign-withdraw-dialog h3 {
    padding-left: 0.36rem;
    line-height: 0.4rem;
    margin-bottom: 0.32rem;
    background: #f2f2f2;
    color: var(--umu-color-text-secondary, #666);
}
.foreign-withdraw-dialog .bank-info h3 {
    margin-top: 0.26rem;
}
.foreign-withdraw-dialog .left {
    padding-right: 0.3rem;
    padding-left: 0.36rem;
}
.foreign-withdraw-dialog .right {
    padding-left: 0.3rem;
    padding-right: 0.36rem;
}

.foreign-withdraw-dialog .name .input-box {
    width: 1.51rem;
    display: inline-block;
}

.foreign-withdraw-dialog .form-row-body.name [name='last_name'],
.foreign-withdraw-dialog .form-row-body.name [name='account_last_name'] {
    margin-left: 0.18rem;
}
.foreign-withdraw-dialog .withdraw-amount .form-row-label {
    padding-left: 0.36rem;
    font-size: 0.18rem;
    color: var(--umu-color-text, #212121);
}
.foreign-withdraw-dialog .withdraw-amount span {
    margin-left: 0.1rem;
    color: #e75a2d;
}

.foreign-withdraw-dialog .country-flag {
    display: inline-block;
    vertical-align: 0;
    width: 0.16rem;
    height: 0.11rem;
    margin-right: 0.05rem;
    background: url(/twww/cn/images/country_flag.4239426a..png) 1rem 1rem no-repeat;
}

/*----- EN 提现表单 ------*/
.foreign-withdraw-dialog.en .adress {
    float: initial;
    width: 100%;
    padding: 0 0.36rem;
}

.ngdialog.ngdialog-theme-umu.withdraw-modal .ngdialog-content {
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.withdraw-modal .ngdialog-content .withdraw-info-dialog {
    max-height: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.ngdialog.ngdialog-theme-umu.withdraw-modal .ngdialog-content .withdraw-info-dialog .umu-dialog-body {
    flex: 1;
    overflow-y: auto;
}

.withdraw-info {
    line-height: normal;
}

.withdraw-info .withdraw-money {
    margin: 0rem 0.5rem 0rem 0;
}

.withdraw-info .withdraw-ent-tip{
    margin-bottom: 0.2rem;
}

.withdraw-info .withdraw-info-content {
    display: inline-table;
    /* table-layout: fixed; */
    width: 100%;
}

.withdraw-info .withdraw-info-item {
    display: table-cell;
    vertical-align: middle;
}

.withdraw-info .withdraw-info-item .withdraw-money-info {
    white-space: nowrap;
    display: inline-block;
}

.withdraw-info .withdraw-info-item .withdraw-action {
    /* padding-left: 30px; */
}

.withdraw-info .withdraw-sub-tip {
    background: #fafafa;
    padding: 0.2rem;
}

.withdraw-info .withdraw-claim {
    margin-top: 0.3rem;
}
.course-menu .icon.icon-more {
    display: none;
}
.course-menu .tool-dropdown-menu {
    padding: 0.05rem 0;
}

.course-menu .cmd-btn-holder .cmd-btn-holder-button-container .btn-more .btn {
    padding: 0;
}
.course-menu .cmd-btn-holder .cmd-btn-holder-button-container .btn-more .btn::after {
    transform: translate(-50%, -50%);
    margin: 0;
}

.course-menu .cmd-btn-holder {
    padding: 0.14rem 0.1rem;
}

.course-menu .cmd-btn-holder .cmd-btn-holder-button-container.hover {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
}

.course-menu .cmd-btn-holder .cmd-btn-holder-button-container.hover.single-session {
    background: var(--background, var(--umu-color-bg-layout, #f5f5f5));
}

.step-save-operation {
    text-align: right;
}
.edit-save-operation {
    position: relative;
    z-index: 1;
    text-align: right;
}

.edit-save-operation .operation umu-button+umu-button{
    margin-left: 0.12rem;
}

.cooperation-action-wrap.hide {
    display: none!important;
}
.cooperation-action-wrap.disabled * {
    color: #ccc;
    cursor: not-allowed;
    pointer-events: none;
}
.cooperation-action-wrap.disabled .umu-design-comp-btn-primary[disabled] * {
    color: #fff;
}

.date-picker-wrapper .date-picker {
    height: 0.5rem;
}

.date-picker-wrapper .select-date {
    float: left;
    margin-right: 0.3rem;
    width: 1.8rem;
}

.date-picker-wrapper .select-hour {
    position: relative;
    float: left;
    margin-right: 0.18rem;
    width: 1rem;
    min-height: 0.4rem;
}

.date-picker-wrapper .select-min {
    float: left;
    width: 1rem;
    min-height: 0.4rem;
}

.date-picker-wrapper .clear-date-time {
    font-size: 0.14rem;
    line-height: 0.36rem;
    cursor: pointer;
    text-decoration: none;
    margin-left: 0.2rem;
}

body.locale-de .date-picker-wrapper .clear-date-time,
body.locale-en .date-picker-wrapper .clear-date-time {
    font-size: 0.12rem;
    margin-left: 0.1rem;
}

.date-picker-wrapper .select-hour:after {
    content: ':';
    line-height: 0.36rem;
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 0.01rem;
    width: 0.15rem;
    text-align: center;
}


.member-list .member-info {
    padding-bottom: 0.3rem;
    box-sizing: border-box;
    width: 33.3%;
    float: left;
    padding: 0.15rem 0 0.05rem 0.7rem;
    background-color: #f9f9f9;
}

.member-list .member-info .user-info {
    width: 100%;
}

.member-list .member-info .user-info.has-percent {
    width: calc(100% - 0.7rem);
    float: left;
}

.member-list .member-info .animate-cirque-percent {
    float: right;
    margin-right: 0.2rem;
}

.member-list .member-info.left {
    border: 0 none;
}

.member-list .member-info::after {
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    content: '';
}

.member-list .member-info .user-avatar {
    margin-right: 0.06rem;
}

.member-list .member-info .user-name {
    line-height: 0.4rem;
}

.member-list.progress .member-info .user-name {
    width: calc(100% - 1.15rem);
}

.member-list .member-info .user-name .user-name-info.transcate {
    vertical-align: top;
}

.combo-checkbox-load-list {
    min-width: 2.16rem;
    position: relative;
}

body.locale-de .combo-checkbox-load-list .select-box .current,
body.locale-en .combo-checkbox-load-list .select-box .current {
    font-size: 0.14rem;
}

/* body.locale-jp .combo-checkbox-load-list {
    min-width: 250px;
} */

/* body.locale-jp .combo-checkbox-load-list .select-box .current {
    font-size: 10px;
} */

.combo-checkbox-load-list .checkable-select-box {
}

.combo-checkbox-load-list .checkable-select-box .current {
    padding-right: 0.44rem;
}

.combo-checkbox-load-list .checkable-select-box i.icon.icon-close {
    margin-top: -0.02rem;
}

.combo-checkbox-load-list .checkable-select-box .icon-filter-clean {
    position: absolute;
    right: 0.25rem;
    top: 0.09rem;
    width: 0.16rem;
    height: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABDUlEQVQ4T62TrU7EQBSFz0EsluBahcOSQHgABMnKxa9tA4pHmEdA0R+LJSBJVuwTQIIEh2odGhAccpsOzE6WkLJbN9N7vnPP3Bki+uq63pOUSToCsNP/fiE5J1lnWfYYSugXzrlRkiQXAHIAGzG4X38CqNq2PXfOfdheBzBxmqZ3vesv2p9t66ZpmrFBOkBVVZcATv9ULhYUeZ6fsc/8ELR9D+AVwHEEnAHYBnDg45Dc5xJ3K5xIuiJ5YsWSbkhOAdxG4IJlWT6R3A3dvMAg3UGR0xDoayU9G+CN5GacP3C1Dr67iYze1wJYLcLAQ7wGMA5iFIPGSHJL0uHCGFe+SGu5yh7y78cUznboc/4Cbz/Ej6bP+KcAAAAASUVORK5CYII=) no-repeat;
}

.combo-checkbox-load-list .check-list-item {
    width: 100%;
    position: relative;
}

.combo-checkbox-load-list .value-desc {
    display: inline-block;
    margin-left: 0.3rem;
    margin-right: 0.1rem;
    cursor: pointer;
}

.combo-checkbox-load-list .check-box .input {
    position: absolute;
    left: 0;
}

.tip-icon {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%3E%0A%20%20%3Cg%20clip-path%3D%22url(%23clip0_107_705)%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8%203.2C9.768%203.2%2011.2%204.632%2011.2%206.4C11.2%208.4%208.8%208.6%208.8%2010.4H7.2C7.2%207.8%209.6%208%209.6%206.4C9.6%205.52%208.88%204.8%208%204.8C7.12%204.8%206.4%205.52%206.4%206.4H4.8C4.8%204.632%206.232%203.2%208%203.2ZM8%200C3.584%200%200%203.584%200%208C0%2012.416%203.584%2016%208%2016C12.416%2016%2016%2012.416%2016%208C16%203.584%2012.416%200%208%200ZM7.2%2012.8V11.2H8.8V12.8H7.2Z%22%20fill%3D%22%23999999%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip0_107_705%22%3E%0A%20%20%20%20%20%20%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.16rem;
  height: 0.16rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.08rem;
}
body .setting.flat-setting .setting-row .option-label{
    width: 100%;
}

body .setting.flat-setting,.setting.flat-setting .setting-body {
    border: none;
    padding: 0;
}

body .setting.flat-setting .setting-row .setting-option-wrap,.setting.flat-setting .setting-row .option-label .label,.setting.flat-setting .setting-row .option-content {
    display: block;
    width: 100%;
}

body .setting.flat-setting .setting-row .option-label .label{
    padding: 0.15rem 0.05rem 0.05rem 0rem;
}


/* switch-column 一行展示  */
body .setting.flat-setting .setting-row .switch-column .option-label {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.3rem;
}


body .setting.flat-setting .setting-row .switch-column .option-label .label {
    display: inline-block;
    width: auto;
}

body .setting.flat-setting .setting-row  .switch-column .option-content {
    display: inline-block;
    width: auto;
    vertical-align: text-top;
}

.withdraw-list {
    margin-top: 0.24rem;
}

.withdraw-list .list-loading,
.withdraw-list .list-empty {
    padding: 1.5rem;
    text-align: center;
    color: #757575;
}
.withdraw-list .pagination {
    padding: 0.2rem;
}

.pay-list {
    margin-top: 0.32rem;
    padding: 0 0.2rem;
}

.pay-list.list-loading,
.pay-list .list-empty {
    padding: 1.5rem;
    text-align: center;
    color: #757575;
}
.pay-list .pagination {
    padding: 0.2rem;
}

.stage-reviews-data-view {
    display: flex;
}
.stage-reviews-data-view .base-info {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding-right: 0.6rem;
    max-width: 1.2rem;
}
.stage-reviews-data-view .base-info .base-number {
    font-size: 0.32rem;
    font-weight: 400;
    color: var(--umu-color-text, #222);
}
.stage-reviews-data-view .base-info .base-label {
    padding-top: 0.12rem;
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
}

.description .description-label {
    margin-bottom: 0.1rem;
    /*color: #757575;*/
}

.description .description-img img {
    max-width: 100%;
}

.description-view {
    margin-bottom: 0.2rem;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    line-height: 1.5;
}

.description-view .description-label {
    display: block;
    color: #757575;
}

.description-view .description-content {
    position: relative;
    max-height: 0.74rem;
}

.description-view .descDropDown.description-content {
    height: auto;
    max-height: none;
}

.description-view .description-content pre {
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
}

.description-view .description-content .arrow {
    background: #fff url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -9.52rem;
    position: absolute;
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.description-view .descDropDown.description-content .arrow {
    background-position: -0.2rem -9.52rem;
}

.question-used .qatextarea-question-answer-list .question-answer-item{margin-bottom: 0.1rem;}
.question-used .qatextarea-question-answer-list .question-answer-item-wrap{padding-left:0;padding-right:1.5rem;}
.question-used .qatextarea-question-answer-list .question-answer-item-wrap.question-no-like{padding-right: 0.15rem;}

/* */
.question-used .qatextarea-question-answer-list .option-detail{position:static;width:auto;}
.question-used .qatextarea-question-answer-list .option-detail pre{display:inline;}
.question-used .qatextarea-question-answer-list .option-detail .posterUser{color:var(--umu-color-text, #333);}
.question-used .qatextarea-question-answer-list .option-detail .isTeacher{color:#ffa726;}
.question-used .qatextarea-question-answer-list .option-detail .replyTo{color:var(--umu-color-text-tertiary, #999999);}
.question-used .qatextarea-question-answer-list .option-detail strong{font-style:normal;font-weight:400;}

/* */
.question-used .qatextarea-question-answer-list .option-data{position:absolute;top:0;right:0;line-height:1.5;}
.question-used .qatextarea-question-answer-list .option-data .data{display:inline-block;vertical-align:top;width:0.65rem;font-size:0.16rem;}
.question-used .qatextarea-question-answer-list .option-data .icon{margin-right:0.03rem;}
.question-used .qatextarea-question-answer-list .option-data .icon-support{margin-top:-0.05rem;}

.survey-question .question .setting .setting-header .icon {
    display: inline-block;
}
.survey-question .question .setting .setting-header-title {
    color: #1e6ee6;
}
.survey-question .setting {
    color: var(--umu-color-text, #212121);
}


.survey-extra-anwser {
    color: #424242;
    margin-top: 0.15rem;
}

.survey-extra-anwser .extra-answer-label {
    margin-bottom: 0.14rem;
}
.extra-anwser-content .extra-answer-row.surver-extra-info {
    margin-top: 0.14rem;
}

.accordion.expanded .accordion-header {
    background: #f7f7f7;
}

.accordion.expanded .error-msg {
    margin-bottom: 0.14rem;
}
.session-type-6 .setting .setting-row .option-label {
    width: 1.6rem;
}

body.locale-de .session-type-6 .setting .setting-row .option-label,
body.locale-en .session-type-6 .setting .setting-row .option-label {
    width: 2.45rem;
}

.signin-swtich {
    padding: 0 0 0.2rem 0;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    margin-bottom: 0.2rem;
}

.signin-swtich .signin-desc {
    color: #757575;
    font-size: 0.14rem;
    line-height: 1.571;
}

.signin-swtich .advanced {
    padding-top: 0.15rem;
}

.signin-swtich .advanced a {
    color: #a3b0b9;
    display: inline-block;
}

.signin-swtich .advanced a:hover {
    color: #435866;
    text-decoration: none;
}

.signin-swtich .advanced .icon {
    display: block;
    width: 0.16rem;
    height: 0.16rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    margin: 0 0.04rem -0.02rem 0.24rem;
}

.signin-swtich .advanced .icon.active {
    width: 0.2rem;
    background-position: -1.12rem -3.7rem;
}

.signin-swtich .advanced a:hover .icon.active {
    background-position: -1.12rem -4.46rem;
}

.signin-swtich .advanced a.focus .icon.active {
    background-position: -1.12rem -4.62rem;
}

.signin-swtich.signDisabledCon {
    padding: 0 0.7rem 0.12rem;
    border-bottom: 1px solid #ebeced;
    margin-bottom: 0.2rem;
    margin-top: 0.07rem;
}

/*签到开关*/
.sigin-swtich.check-box {
    color: #a3b0b9;
    display: inline-block;
    vertical-align: -0.02rem;
}

.sigin-swtich.check-box .input {
    width: 0.2rem;
    display: block;
    height: 0.16rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    background-position: -1.12rem -3.7rem;
    margin: 0 0.04rem -0.02rem 0.24rem;
    vertical-align: middle;
    border: none;
}

.sigin-swtich.check-box.checked .input {
    background-position: -1.12rem -4.62rem;
}

.sigin-swtich.check-box.checked .input:before {
    display: none;
}
.signin-swtich .advanced {
    line-height: 0.2rem;
}
.signin-swtich .advanced > span {
    vertical-align: middle;
}
.signin-swtich .umu-switch-design {
    margin-left: 0.13rem;
    margin-right: 0.06rem;
}

.quiz-settings .setting-split {
    border: none;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0;
    padding: 0.3rem 0 0.1rem 0;
    margin-top: 0.1rem;
}

.quiz-settings h2 {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
}

.quiz-settings .setting-body .setting-option:first-child .option-label .label {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
}

.quiz-settings .description .description-label {
    padding: 0.15rem 0.05rem 0.05rem 0rem;
    margin-bottom: 0.1rem;
}

.quiz-settings .setting-row .setting-option-edit .tipIcon {
    vertical-align: -0.05rem;
}
.time-setting-text-height-color {
    color: #1e6ee6;
    cursor: pointer;
}

.quiz-input-question-answer {
    /* display: table; */
}

.quiz-input-question-answer .answer-editor {
    /* display: table-cell; */
    width: 100%;
    vertical-align: top;
}

.quiz-input-question-answer .set-score {
    /* display: table-cell; */
    vertical-align: top;
    margin-top: 0.2rem;
}

.quiz-input-question-answer-setting .question-explain {
    margin-top: 0.15rem;
}

.quiz-input-question-answer .input-answer:first-child .answer-title {
    padding-right: 1.26rem;
}
.quiz-input-question-answer .set-score .question-score-setter-value {
    display: flex;
    align-items: center;
}
.quiz-input-question-answer .set-score .question-score-setter-value .question-score-total {
    padding-left: 0.04rem;
}
body.locale-de .quiz-input-question-answer .set-score,
body.locale-en .quiz-input-question-answer .set-score {
    margin-top: 0.46rem;
}

.input-question-answer {
}

.input-question-answer .input-question-answer-label {
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 0.1rem;
    line-height: 1.5;
    color: #424242;
}

.input-question-answer .input-question-answer-body {
    margin-top: 0.1rem;
    width: 100%;
}

.input-question-answer .input-question-answer-body .input-box .input-text {
    height: 0.22rem;
    overflow: hidden;
    line-height: 0.23rem;
}

.input-question-title .input-box textarea.input-text {
    overflow: hidden;
    height: 0.22rem;
    line-height: 0.23rem;
}

.question.disabled .input-question-title .input-box .input-text {
    color: var(--umu-color-text, #000);
}

.question.disabled .quiz-radio-question-title .input-box .input-text {
    color: var(--umu-color-text, #000);
}

body.locale-de .question-setting .setting .setting-row .option-content .radio-list,
body.locale-en .question-setting .setting .setting-row .option-content .radio-list,
body.locale-th .question-setting .setting .setting-row .option-content .radio-list,
body.locale-es .question-setting .setting .setting-row .option-content .radio-list,
body.locale-fr .question-setting .setting .setting-row .option-content .radio-list,
body.locale-jp .question-setting .setting .setting-row .option-content .radio-list {
    display: flex;
    flex-wrap: wrap;
}

body.locale-jp .question-setting .setting .setting-row .option-content .radio-list-item,
body.locale-es .question-setting .setting .setting-row .option-content .radio-list-item,
body.locale-de .question-setting .setting .setting-row .option-content .radio-list-item,
body.locale-en .question-setting .setting .setting-row .option-content .radio-list-item,
body.locale-fr .question-setting .setting .setting-row .option-content .radio-list-item,
body.locale-th .question-setting .setting .setting-row .option-content .radio-list-item {
    min-width: 1.8rem;
}

.question.disabled .quiz-checkbox-question-title .input-box .input-text {
    color: var(--umu-color-text, #000);
}

.checkbox-question-partial-score-header {
    display: flex;
    align-items: center;
}
.checkbox-question-partial-score-header .tipIcon {
    margin-left: 0.08rem;
    margin-right: 0.08rem;
}
.checkbox-question-partial-score-header .batch-use-partial-score {
    margin-left: 0.2rem;
}
.checkbox-question-partial-score-label {
    margin-right: 0.32rem;
}
.checkbox-question-partial-score-header .batch-switch-container {
    margin-left: 0.13rem;
}
.checkbox-question-partial-select {
    margin-right: 0.32rem;
    width: 2.6rem;
    position: relative;
}
.checkbox-question-partial-select .selected {
    padding: 0.09rem 0.12rem;
    line-height: 0.16rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    background-color: var(--umu-color-bg-base, #fff);
}
.checkbox-question-partial-select.open .selected {
    border-color: #1e6ee6;
}
.checkbox-question-partial-select .icon-dropdown {
    width: 0.16rem;
    height: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkbox-question-partial-select.open .icon-dropdown {
    transform: rotate(180deg);
}
.checkbox-question-partial-score .selected .iconfont {
    width: 0.16rem;
    height: 0.16rem;
    font-size: 0.16rem;
    line-height: 0.16rem;
    color: var(--umu-color-text-secondary, #666);
}
.checkbox-question-partial-score .select-items {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 0.05rem 0;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    box-shadow: 0rem 0.02rem 0.16rem rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    z-index: 1;
}
.checkbox-question-partial-score .select-item {
    padding: 0.08rem 0.12rem;
    line-height: 0.2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.checkbox-question-partial-score .select-item.active,
.checkbox-question-partial-score .select-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.checkbox-question-partial-score .select-item .umu-design-comp-icon {
    margin-right: 0.1rem;
    width: 0.2rem;
    height: 0.2rem;
    font-size: 0.2rem;
    line-height: 0.2rem;
    visibility: hidden;
}
.checkbox-question-partial-score .select-item.active .umu-design-comp-icon {
    visibility: visible;
}
.checkbox-question-partial-score .score-setting-wrap {
    margin-top: 0.12rem;
    display: flex;
    align-items: center;
}
.checkbox-question-partial-score .score-container {
    display: flex;
    align-items: center;
    min-width: 0;
    flex: 1;
}
.checkbox-question-partial-score .number-input.input-box {
    margin-left: 0.08rem;
}
.checkbox-question-partial-score .input-box .input-text {
    padding: 0.06rem 0.09rem;
}
.checkbox-question-partial-score .number-input.input-box .input-text {
    width: 0.6rem;
}
.checkbox-question-partial-score .batch-switch-container {
    margin-left: 0.12rem;
}

.quiz-textarea-question-setting {
}

.quiz-textarea-question-setting .answer-setting {
    /* display: table; */
}

.quiz-textarea-question-setting .answer-setting-title {
    padding-right: 0.1rem;
    white-space: nowrap;
}

.quiz-textarea-question-setting .answer-editor {
    /* display: table-cell; */
    width: 100%;
    vertical-align: top;
}

.quiz-textarea-question-setting .set-score {
    /* display: table-cell; */
    vertical-align: top;
    padding-top: 0.2rem;
}

.quiz-textarea-question-setting .question-explain {
    margin-top: 0.15rem;
}

body.locale-de .quiz-textarea-question-setting .set-score,
body.locale-en .quiz-textarea-question-setting .set-score {
    padding-top: 0.46rem;
}
.quiz-textarea-question-points {
    display: flex;
    flex-direction: column;
    margin: 0.24rem 0;
}
.quiz-textarea-question-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

body .question.qa-textarea-question {
  display: flex;
}
body .question.qa-textarea-question .question-operations {
  position: initial;
}
body .question.qa-textarea-question .question-wrapper-left {
  flex: 1;
  padding-right: 0.2rem;
}
body .question.qa-textarea-question .question-wrapper-left .input-box {
  padding-right: 0.8rem;
}
body .question.qa-textarea-question .question-wrapper-left textarea.input-text {
  height: 0.6rem;
  padding-left: 0.7rem;
}

.micro-course-setting-body .input-box {
    padding-right: 0;
}

.micro-course-setting-body .session-points-setting .item-split {
    margin: 0 0.5rem 0 0;
}


.micro-course-setting-body .session-points-setting .item-points {
    width: 0.9rem;
}
.setting .micro-course-setting-body .setting-row .option-label {
    display: block;
    width: 100%;
}
.setting .micro-course-setting-body .setting-row .option-content {
    display: block;
}
.video-setting-body .input-box {
    padding-right: 0;
}

.video-setting-body .session-points-setting .item-split {
    margin: 0 0.5rem 0 0;
}

.video-setting-body .session-points-setting .item-points {
    width: 0.9rem;
}
.setting .video-setting-body .setting-row .option-label {
    display: block;
    width: 100%;
}
.setting .video-setting-body .setting-row .option-content {
    display: block;
}

.setting .comment-settings.comment-settings-show {
    display: block;
}

.setting .comment-settings.comment-settings-hidden {
    height: 0;
    visibility: hidden;
}

.setting .video-setting-body-hr {
    background-color: var(--umu-color-fill-secondary, #eee);
    height: 0.01rem;
    width: 100%;
    margin: 0.2rem 0 0.24rem 0;
}



.setting .article-setting-body .session-keywords-setting .option-content {
  display: block;
}
.setting  .article-setting-body .session-keywords-setting .option-label {
  width: 100%;
  display: block;
}
.document-setting-body .input-box {
    padding-right: 0;
}

.document-setting-body .session-points-setting .item-split {
    margin: 0 0.5rem 0 0;
}

.document-setting-body .session-points-setting .item-points {
    width: 0.9rem;
}

.setting .document-setting-body .session-keywords-setting .option-content {
    display: block;
}

body .setting  .document-setting-body .session-keywords-setting .option-label {
    width: 100% !important;;
    display: block;
}

.home-work-status-remind {
    padding: 0.2rem 0.24rem 0 0.2rem;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(255, 189, 43, 0.1);
}

.home-work-status-remind .contant-top {
    padding-bottom: 0.2rem;
    color: var(--umu-color-text, #212121);
    line-height: 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.home-work-status-remind .contant-bottom {
    padding: 0.2rem 0;
    line-height: 0.2rem;
}
.home-work-status-remind .contant-spacing {
    margin-bottom: 0.04rem;
}
.home-work-status-remind .contant-spacing:last-child {
    margin-bottom: 0;
}
.home-work-status-remind .umu-points {
    display: flex;
    justify-content: space-between;
}
.home-work-status-remind .umu-number {
    font-weight: 600;
    /*! postcss-ignore-theme */
    color: var(--umu-color-primary, #ffab00);
}
.home-work-status-remind .umu-number.umu-error {
    color: #dd4e40;
}
.home-work-status-remind .umu-points-btn {
    cursor: pointer;
    color: #1e6ee6;
}

.setting.flat-setting .split-line {
  border-top: 1px solid var(--umu-color-border, #e0e0e0);
  margin: 0.3rem -0.3rem 0.3rem -0.3rem;
}

.session-homework-new .homework-session .setting-body .blur-desc {
  color: var(--umu-color-text-secondary, #666666);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.session-homework-new .homework-session .setting-body .umu-session-edit-tabs.umu-design-comp-tabs {
  margin-bottom: 0.24rem;
}
.session-homework-new .homework-session .setting-body .setting.flat-setting .split-line.m-24 {
  margin: 0.24rem -0.3rem 0.24rem -0.3rem;
}
.session-homework-new .homework-session .setting-body .split-module-line {
  padding: 0.12rem 0rem;
}
.session-homework-new .homework-session .setting-body is-session-require .outer-24-inner-12 .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
}
.session-homework-new .homework-session .setting-body is-session-require .outer-24-inner-12 .option-content {
  min-height: unset;
}
.session-homework-new .homework-session .setting-body is-session-require .outer-24-inner-12 .option-content .radio-list {
  margin-top: 0rem;
}
.session-homework-new .homework-session .setting-body is-session-require .outer-24-inner-12 .option-content .radio-list-item {
  margin-top: 0rem;
  margin-bottom: 0rem;
  line-height: 0.2rem;
  margin-right: 0.32rem;
}
.session-homework-new .homework-session .setting-body .outer-24-inner-12-label .option-label .label {
  padding: 0rem !important;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
}
.session-homework-new .homework-session .setting-body homework-type-name .outer-24-inner-12 {
  margin-top: 0rem;
}
.session-homework-new .homework-session .setting-body homework-type-name .outer-24-inner-12 .option-label .label {
  padding: 0rem;
  line-height: 0.2rem;
}
.session-homework-new .homework-session .setting-body .outer-24-inner-12-radio .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
}
.session-homework-new .homework-session .setting-body .outer-24-inner-12-radio .option-content .radio-list {
  margin-top: 0rem;
}
.session-homework-new .homework-session .setting-body allow-student-score .setting-radio-option.checkbox.outer-24-inner-12 {
  line-height: 0.2rem;
  align-items: center;
}
.session-homework-new .homework-session .setting-body allow-student-score .setting-radio-option.checkbox.outer-24-inner-12 .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
  margin-bottom: 0rem;
}
.session-homework-new .homework-session .setting-body allow-student-score .setting-radio-option.checkbox.outer-24-inner-12 .option-content {
  line-height: 0.2rem;
  min-height: unset;
}
.session-homework-new .homework-session .setting-body media-time-lowest-limit .outer-24-inner-12 .option-label .label {
  padding: 0rem;
  line-height: 0.2rem;
}
.session-homework-new .homework-session .setting-body media-time-limit .outer-24-inner-12 .option-label .label {
  padding: 0rem;
  line-height: 0.2rem;
}
.session-homework-new .homework-session .setting-body allow-display-a-i-speech-recognition-text .setting-radio-option.checkbox.outer-24-inner-12 .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
  margin-bottom: 0rem;
}
.session-homework-new .homework-session .setting-body allow-display-a-i-speech-recognition-text .setting-radio-option.checkbox.outer-24-inner-12 .option-content {
  line-height: 0.2rem;
  min-height: unset;
}
.session-homework-new .homework-session .setting-body allow-recording-blurred-background .setting-radio-option.checkbox.outer-24-inner-12 {
  margin-bottom: 0.12rem;
}
.session-homework-new .homework-session .setting-body allow-recording-blurred-background .setting-radio-option.checkbox.outer-24-inner-12 .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
  margin-bottom: 0rem;
}
.session-homework-new .homework-session .setting-body allow-recording-blurred-background .setting-radio-option.checkbox.outer-24-inner-12 .option-content {
  line-height: 0.2rem;
  min-height: unset;
}
.session-homework-new .homework-session .setting-body min-text-num-limit .outer-24-inner-12 .option-label .label {
  padding: 0rem;
  display: flex;
  align-items: center;
  line-height: 0.2rem;
  gap: 8px;
}
.session-homework-new .homework-session .setting-body min-text-num-limit .outer-24-inner-12 .option-tip {
  margin-bottom: 0.12rem;
}
.homework-gesture-setting .homework-setting.view .label {
    width: auto;
}

.homework-gesture-setting .radio-value-desc {
    margin-top: 0.12rem;
    margin-bottom: 0.24rem;
    padding-left: 0.32rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
}

.homework-gesture-setting .only-exact .radio-value-desc {
    padding-left: 0;
}

.homework-gesture-setting .split-line {
    height: 0.01rem;
    margin-bottom: 0.24rem;
    background-color: var(--umu-color-fill-secondary, #eee);
}

.homework-gesture-setting .gesture-setting {
    line-height: 0.2rem;
}

.homework-gesture-setting .gesture-setting .option-label {
    display: flex;
    align-items: center;
    margin-top: 0.24rem;
    margin-bottom: 0.08rem;
}

.homework-gesture-setting .gesture-setting .option-label .tipIcon {
    margin-top: -0.02rem;
    margin-left: 0.04rem;
}

.homework-gesture-setting .gesture-setting .desc {
    color: var(--umu-color-text-secondary, #666);
    margin-top: 0.08rem;
}

.homework-gesture-setting .gesture-setting .full-score-input .unit {
    margin-left: 0.05rem;
}

.homework-gesture-setting .gesture-setting .full-score-input .desc {
    margin-top: 0;
}

.keywords-setting-editor .add-synonym {
    margin-top: 0.08rem;
    border: 0 none;
    padding: 0;
    color: #1e6ee6;
    background: transparent;
    cursor: pointer;
}

.homework-gesture-setting .number-input.input-box .input-text {
    width: 0.4rem;
    padding: 0.04rem 0.09rem;
}

.homework-gesture-setting .ai-score-lowest-limit {
    margin-top: 0;
}

.homework-gesture-setting .ai-score-lowest-limit .label {
    margin-bottom: 0;
}

.homework-gesture-setting .radio-list-wrap.simple-list .radio-list-item {
    margin-top: 0;
}

.homework-gesture-setting .option-content {
    margin-top: 0.17rem;
}

.homework-gesture-setting .full-score-input {
    margin-top: 0.08rem;
    display: flex;
    align-items: center;
}

.homework-gesture-setting .full-score-input .input-box {
    padding-right: 0;
}

.homework-gesture-setting .full-score-input .desc {
    margin-left: 0.24rem;
}

.homework-gesture-setting .gesture-list.selected .desc {
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
}

.homework-gesture-setting .gesture-list.selected .gesture-item {
    margin-top: 0.08rem;
    padding: 0.08rem;
    padding-right: 0;
    border-radius: 4px;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    display: flex;
}

.homework-gesture-setting .gesture-list.selected .gesture-item a {
    flex: 1;
    min-width: 0;
    margin-right: 0.12rem;
    outline-style: none;
    display: flex;
    align-items: center;
}

.homework-gesture-setting .gesture-list.selected .gesture-item img {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.12rem;
    border-radius: 2px;
}

.homework-gesture-setting .gesture-list.selected .gesture-item .name {
    flex: 1;
    min-width: 0;
}

.homework-gesture-setting .gesture-list.selected .gesture-item .operators {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.homework-gesture-setting .btn-add-gesture {
    width: 100%;
    margin-top: 0.08rem;
}

.homework-gesture-setting .gesture-item .imitate-a {
    margin-right: 0.24rem;
}

.gestures-selector-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 6.4rem;
}
.gestures-selector-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0.23rem;
}

.gestures-selector-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-footer {
    display: none;
}
.gestures-selector-dialog .selector-header {
    display: flex;
    align-items: center;
    padding-bottom: 0 0.24rem;
    font-size: 0.22rem;
    line-height: 0.22rem;
    height: 0.22rem;
}
.gestures-selector-dialog .selector-header .icon-arrow-left {
    width: 0.2rem;
    height: 0.2rem;
    margin-right: 0.04rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFQSURBVHgB7djNDYJAEIbhhRs3S6AUvBGq0E60AzswNgHcpATtgBI8wQ3cL9GE+BN2dmcGD76JQUggTwjKgDH/woqMQnmep1EUHcdx3NZ13VL2jY1wD9zZfjIssU7ZXxQ4waVYxxLrWZatXI8hBnzFPbPrp6Zpbq7HEbkGv+Fs+7Isd4YQO5ATh1iB3DjEBpTAIRagFA4FAyVxKAgojUPeQA0c8gJq4RAZqIlDJKA2DjkDl8AhJ+BSODQLXBKHZsctTMIfcG3XdQej0CwQY7pdtC+b0yRJSIOnb87XYBzHZ/s1nW63+Evf92vKAEqN9CteAkn+H9RGet1JNJHe92ItZNA0o4EMngelkSwTtSSS7ZlECsn6VCeBZH8u5kaKvFngRIq9m+FCigARF1Ls9RvepA7DsDbvo9r1J87gs+mZtGfvVFXVxvxaQBZFoTKBq3cHP5Aj3Xx0t5gAAAAASUVORK5CYII=) repeat center / contain;
    cursor: pointer;
}
.gestures-selector-dialog .gesture-all-list {
    display: flex;
    max-height: 65vh;
    margin-top: 0.08rem;
    overflow-y: auto;
    flex-wrap: wrap;
}
.gestures-selector-dialog .gesture-all-list li {
    width: calc(20% - 0.16rem);
    margin-top: 0.16rem;
    margin-right: 0.16rem;
}
/*.gestures-selector-dialog .gesture-all-list li:nth-of-type(5n) {
    margin-right: 0;
}*/
.gestures-selector-dialog .gesture-all-list .gesture-item {
    position: relative;
    width: 1.06rem;
    height: 1.06rem;
    margin: 0 auto;
    position: relative;
    border-radius: 4px;
    cursor: pointer;
    overflow: hidden;
}
.gestures-selector-dialog .gesture-all-list .gesture-item.disabled::before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    opacity: 0.6;
    background-color: var(--umu-color-bg-base, #fff);
}
.gestures-selector-dialog .gesture-all-list .gesture-name {
    margin-top: 0.08rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    word-break: break-word;
    display: flex;
    justify-content: center;
}
.gestures-selector-dialog .gesture-all-list li img {
    display: block;
    width: inherit;
    height: inherit;
}
.gestures-selector-dialog .check-box {
    position: absolute;
    top: 0.08rem;
    right: -0.02rem;
    pointer-events: none;
}
.gestures-selector-dialog .check-box.sub.disabled .input {
    background: var(--umu-color-fill-secondary, #eee);
}
.gestures-selector-dialog .btn-preview {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    bottom: 0.04rem;
    right: 0.08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIiSURBVHgB7VjRbYMwFHx0Am9QRsgG9QhsEEZgA9ggbAAbMAJsQDsB2SDpBK/PiqMSeA/bgVatxEmnfPg4H2eLGAB27NjxvxHBk0BETT8H4pv9VZYGV+LZ8oPYRVHUwU+DQiliTrxgOAZiRYxha6wMxqHaLCgZ6Q2DjTEQU1gDMjg5JumIGfFAVKPrlL2xzGqWkEMo7ASVYGjaLMaBPPxiYr0QsvH2s+F6lBuLJ3rTVIm3JbujR2afOYL2XiFRbi5jbsS1BdBq1OTaQtBWrnC5cGEK/i1zmLVjPAVtLoVLfcJZrU9zU5wC5kymQrM3BkaYMaYxozPXmr2orCYR/DTjlzG6C44bR37jlsA3XTPhFKNTOA8peZbM/M19UCPfiBLMpnsvAQGM9yDouJsx0GawZQaWJn0ALMBO7KUXimpfBP0VPIELzy46wXj7wPdJ6MHimSU+z5ZBDp9MtL2gk5fYChpm8CSYlT43I0xaCZ7cY6uamnEnFu4xIzWejLw08o3EjF8m+MXgWI47jh4t+qBkfI6CNgWh6gI9QuI2f3VHQVvAElA+beRMSJ8mSyZcJmhrcAGX26lQPkK9j3RnG0wz2lbw9jtujUI2KKPCgHcKdL/T1N7hJsYFLqPF23JpnB/5D3asdXiUsAZ4OxINuD1Mmxq2ALrfKUKDmZUJX9KAoAOG46lgaz99GJrPHjHxFR4/fXwS34md+f2VTx87duz4g/gCR0EYdnjuA/MAAAAASUVORK5CYII=) repeat center / contain;
}
.gestures-selector-dialog .selector-footer {
    margin-top: 0.12rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gestures-selector-dialog .selector-footer .clear {
    margin-left: 0.2rem;
}
.gestures-selector-dialog .selector-footer .count.full {
    color: #dd4e40;
}
.gestures-selector-dialog .check-box.sub .input {
    background: transparent;
}
.gestures-selector-dialog .check-box.sub .input {
    border: 2px solid #fff;
}
.gestures-selector-dialog .check-box.sub.checked .input {
    border: 0 none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .gestures-selector-dialog .gesture-all-list li {
        margin-right: 0.11rem;
    }
}

.homework-keyword-setting .homework-setting.view .label {
    width: auto;
}
.homework-keyword-setting .radio-value-desc {
    margin-top: 0.12rem;
    margin-bottom: 0.24rem;
    padding-left: 0.27rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
}
.homework-keyword-setting .only-exact .radio-value-desc {
    padding-left: 0;
}
.homework-keyword-setting .split-line {
    height: 0.01rem;
    margin-bottom: 0.24rem;
    background-color: var(--umu-color-fill-secondary, #eee);
}
.homework-keyword-setting .keyword-setting {
    line-height: 0.2rem;
}
.homework-keyword-setting .keyword-setting .label {
    margin-top: 0.24rem;
    margin-bottom: 0.08rem;
}
.homework-keyword-setting .keyword-setting .desc {
    color: var(--umu-color-text-secondary, #666);
}
.keywords-setting-editor .add-synonym {
    margin-top: 0.08rem;
    border: 0 none;
    padding: 0;
    color: #1e6ee6;
    background: transparent;
    cursor: pointer;
}

.homework-keyword-setting .number-input.input-box .input-text {
    width: 0.4rem;
    padding: 0.04rem 0.09rem;
}

.homework-keyword-setting .ai-score-lowest-limit {
    margin-top: 0;
}
.homework-keyword-setting .ai-score-lowest-limit .label {
    margin-bottom: 0;
}
.homework-keyword-setting .radio-list-wrap.simple-list .radio-list-item {
    margin-top: 0;
}
.homework-keyword-setting .option-content {
    margin-top: 0.17rem;
}
.homework-keyword-setting .full-score-input {
    margin-top: 0.08rem;
    display: flex;
    align-items: center;
}
.homework-keyword-setting .full-score-input .input-box {
    padding-right: 0;
}
.homework-keyword-setting .full-score-input .desc {
    margin-left: 0.24rem;
}

.homework-shield-keyword-setting .homework-setting.view .label {
    width: auto;
}

.homework-shield-keyword-setting .radio-value-desc {
    margin-top: 0.12rem;
    margin-bottom: 0.24rem;
    padding-left: 0.27rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
}

.homework-shield-keyword-setting .only-exact .radio-value-desc {
    padding-left: 0;
}

.homework-shield-keyword-setting .split-line {
    height: 0.01rem;
    margin-bottom: 0.24rem;
    background-color: var(--umu-color-fill-secondary, #eee);
}

.homework-shield-keyword-setting .keyword-setting {
    line-height: 0.2rem;
}

.homework-shield-keyword-setting .keyword-setting .label {
    margin-top: 0.24rem;
    margin-bottom: 0.08rem;
}

.homework-shield-keyword-setting .keyword-setting .desc {
    color: var(--umu-color-text-secondary, #666);
}

.keywords-setting-editor .add-synonym {
    margin-top: 0.08rem;
    border: 0 none;
    padding: 0;
    color: #1e6ee6;
    background: transparent;
    cursor: pointer;
}

.homework-shield-keyword-setting .number-input.input-box .input-text {
    width: 0.4rem;
    padding: 0.04rem 0.09rem;
}

.homework-shield-keyword-setting .ai-score-lowest-limit {
    margin-top: 0;
}

.homework-shield-keyword-setting .ai-score-lowest-limit .label {
    margin-bottom: 0;
}

.homework-shield-keyword-setting .radio-list-wrap.simple-list .radio-list-item {
    margin-top: 0;
}

.homework-shield-keyword-setting .option-content {
    margin-top: 0.17rem;
}

.homework-shield-keyword-setting .full-score-input {
    margin-top: 0.08rem;
    display: flex;
    align-items: center;
}

.homework-shield-keyword-setting .full-score-input .input-box {
    padding-right: 0;
}

.homework-shield-keyword-setting .full-score-input .desc {
    margin-left: 0.24rem;
}

.homework-ai-feedback-setting {
  width: 100%;
  color: #212121;
  font-size: 0.14rem;
}
.homework-ai-feedback-setting .ai-feedback-template-list {
  min-height: 0.4rem;
  width: 100%;
  margin-bottom: 0.24rem;
}
.homework-ai-feedback-setting .ai-feedback-template-list.is-disabled .ai-feedback-template-item {
  cursor: not-allowed;
}
.homework-ai-feedback-setting .ai-feedback-template-list .ai-feedback-template-item {
  line-height: 0.22rem;
  padding: 0.07rem 0.2rem;
  margin-right: 0.08rem;
  margin-top: 0.12rem;
  display: inline-block;
  border-radius: 2px;
  border: 1px solid var(--umu-color-border, #e0e0e0);
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
}
.homework-ai-feedback-setting .ai-feedback-template-list .ai-feedback-template-item.active {
  border-color: var(--umu-color-primary-hover, #f2af2e);
}
.homework-ai-feedback-setting .ai-feedback-template-item {
  display: inline-flex;
  align-items: center;
}
.homework-ai-feedback-setting .ai-feedback-template-item .template-item-text {
  font-size: 0.16rem;
  color: #212121;
}
.homework-ai-feedback-setting .ai-feedback-template-item .template-item-delete-icon {
  cursor: pointer;
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  vertical-align: -0.05rem;
  margin-left: 0.11rem;
  background-size: contain;
  display: inline-flex;
  align-items: center;
}
.homework-ai-feedback-setting .ai-feedback-template-item .template-item-delete-icon svg {
  width: 0.2rem;
  height: 0.2rem;
  color: var(--umu-color-text-secondary, #666);
}
.homework-ai-feedback-setting .ai-feedback-template-item.active .template-item-text {
  color: var(--umu-color-primary-hover, #f2af2e);
}
.homework-ai-feedback-setting .ai-feedback-template-item.active .template-item-delete-icon svg {
  color: var(--umu-color-primary, #fab400);
}
.homework-ai-feedback-setting .ai-feedback-dimension-weight-title {
  margin-bottom: 0.16rem;
}
.homework-ai-feedback-setting .ai-feedback-dimension-weight-title .ai-feedback-dimension-weight-item {
  width: 1.6rem;
  display: inline-block;
}
.homework-ai-feedback-setting .ai_feedback_blue_btn_wrap {
  margin-top: 0.22rem;
}
.homework-ai-feedback-setting .ai-feedback-blue-btn {
  color: #1973e8;
  margin-right: 0.24rem;
  cursor: pointer;
}
.homework-ai-feedback-setting .ai-feedback-blue-btn:nth-child(2n) {
  margin-right: 0;
}
.homework-ai-feedback-setting .form-row-body {
  margin-top: 0;
}
.homework-ai-feedback-setting .ai-feedback-setting-des {
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666666);
  line-height: 0.2rem;
}
.homework-ai-feedback-setting .split-line {
  margin: 0.24rem 0;
  height: 0.01rem;
  background-color: var(--umu-color-fill-secondary, #eee);
}
.homework-ai-feedback-setting .number-input.input-box .input-text {
  width: 0.4rem;
  padding: 0.04rem 0.09rem;
}
.homework-ai-feedback-setting .ai-score-lowest-limit {
  margin-top: 0.24rem;
}

.ai-summary-preview-dailog .ai-report-radar .radar-chart {
  width: 3.7rem;
}
.homework-ai-feedback-dimension {
    margin-bottom: 0.2rem;
    line-height: 0.24rem;
}
.homework-ai-feedback-dimension .ai-feedback-dimension-text {
    margin-left: -0.03rem;
    width: 1.28rem;
    display: inline-block;
    vertical-align: middle;
}
.homework-ai-feedback-dimension .speech-close-hint {
    display: inline-block;
    vertical-align: middle;
    color: var(--umu-color-text-secondary, #666666);
}
.homework-ai-feedback-dimension.fix-open .check-box.sub.disabled .input:before {
    background-color: transparent;
    /* 这儿不合适，换图片时需要同时修改，容易出问题，不好维护 */
    background-position: -1rem -2rem;
}

.el-step-number {
    vertical-align: middle;
    position: relative;
    display: inline-block;
    width: 0.88rem;
    line-height: 0.22rem;
}

.el-step-number__decrease.is-disabled,
.el-step-number__increase.is-disabled {
    cursor: not-allowed;
}

.el-step-number__decrease {
    left: 0.01rem;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #dcdfe6;
}
.el-step-number__increase {
    right: 0.01rem;
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #dcdfe6;
}
.el-step-number__decrease,
.el-step-number__increase {
    position: absolute;
    z-index: 1;
    top: 0.01rem;
    width: 0.24rem;
    height: auto;
    background: #f5f7fa;
    text-align: center;
    cursor: pointer;
}
.el-step-number__number {
    -webkit-appearance: none;
    text-align: center;
    background-color: var(--umu-color-bg-base, #fff);
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    display: inline-block;
    font-size: inherit;
    height: 0.24rem;
    line-height: 0.24rem;
    outline: none;
    padding: 0 0.24rem;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
}

.el-step-number__increase .el-icon-plus,
.el-step-number__decrease .el-icon-minus {
    width: 0.1rem;
    height: 0.1rem;
    display: inline-block;
}
.el-step-number__increase .el-icon-plus {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAARElEQVQ4T2NkIAKkpaX9BymbNWsWIyHlBBWADBg1EG8wjoYh9uAhKdnAFBNKsMTKM1LdQGJsJsnLowZiDYHRMKRvaQMANVlMd3U/g7AAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain;
}
.el-step-number__decrease .el-icon-minus {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAANUlEQVQ4T2NkoDJgpLJ5DKMGUh6iIzEM09LS/lMecggTGKluIDVdBzJrJMbyaBhSHAJUTzYAzG0EdzFYDQwAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain;
}
.el-step-number__increase.is-disabled .el-icon-plus {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAARElEQVQ4T2NkIAI8ePDgP0iZgoICIyHlBBWADBg1EG8wjoYh9uAhKdnAFBNKsMTKM1LdQGJsJsnLowZiDYHRMKRvaQMAff1PU+7YB7sAAAAASUVORK5CYII=) no-repeat center;
    background-size: contain;
}
.el-step-number__decrease.is-disabled .el-icon-minus {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAANklEQVQ4T2NkoDJgpLJ5DKMGUh6iIzEMHzx48J/ykEOYwEh1A6npOpBZIzGWR8OQ4hCgerIBAEcxB1PN2E1iAAAAAElFTkSuQmCC) no-repeat center;
    background-size: contain;
}

.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .ngdialog-content {
    width: 4.5rem;
    height: 1.86rem;
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0rem 0.06rem 0.3rem 0rem rgba(0, 0, 0, 0.06);
    border-radius: 4px;
    margin-left: -2.25rem;
}

body.locale-fr .ngdialog.ngdialog-theme-umu.ai-template-add-dialog .ngdialog-content {
    width: 5.2rem;
}

.ai-template-add-dialog .title {
    color: var(--umu-color-text, #222);
    font-size: 0.22rem;
    line-height: 0.24rem;
}
.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .umu-dialog-body {
    padding: 0.24rem;
    padding-top: 0.16rem;
}
.ai-template-add-dialog .btn-primary {
    background: var(--umu-color-primary, #fab400);
    color: #ffffff;
    border-color: var(--umu-color-primary, #fab400);
}
.ai-template-add-dialog .btn.disabled {
    border-color: #d0d0d1;
}
.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .umu-dialog-footer {
    padding: 0 0.24rem 0.24rem;
}
.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .input-box .input-text {
    height: 0.18rem;
    line-height: 0.14rem;
}
.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .umu-dialog-title {
    padding-top: 0.24rem;
}
.ngdialog.ngdialog-theme-umu.ai-template-add-dialog .ngdialog-close:before {
    width: 0.2rem;
    right: 0.12rem;
    top: 0.12rem;
}

.question-view .radio-question-answer .answer-item.is-selected .answer-select-mark{
    border-radius: 50%;
}
.session-analyser {
    border-bottom: 1px solid #e9ebec;
    margin: 0 -0.3rem;
    margin-bottom: 0.3rem;
    padding: 0 0.3rem;
}

.session-analyser.is-submission-participate-statues {
    border-bottom: 0;
    margin-bottom: -0.1rem;
}

.session-analyser-wrap {
    display: table;
    width: 100%;
}

.session-analyser .session-analyser-statistic {
    vertical-align: middle;
    padding: 0.2rem 0 0.5rem 0;
    text-align: center;
    display: table;
    table-layout: fixed;
}

.session-analyser .session-analyser-state {
    display: table-cell;
    width: 1.3rem;
    vertical-align: middle;
    font-size: 0.16rem;
    line-height: 0.2rem;
    padding-bottom: 0.25rem;
}

.session-analyser .session-analyser-state .session-status {
    line-height: 0.32rem;
}
body.locale-de .session-analyser .session-analyser-state .session-status,
body.locale-en .session-analyser .session-analyser-state .session-status {
    line-height: 0.18rem;
}

body.locale-jp .session-analyser .session-analyser-state .session-status {
    line-height: 0.18rem;
}

.session-analyser .session-analyser-state .view-settings {
    font-size: 0.14rem;
}

body.locale-de .session-analyser .session-analyser-state .view-settings,
body.locale-en .session-analyser .session-analyser-state .view-settings {
    line-height: 0.12rem;
}

.session-analyser-statistic .session-analyser-item {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

.session-analyser-statistic .analyser-count-wrap {
    padding: 0 0.2rem;
}

.session-analyser-statistic .session-content-analyse-item:last-child {
    width: 30%;
}

.session-analyser-statistic .session-analyser-item .analyser-count {
    margin-bottom: 0.05rem;
    line-height: 0.32rem;
}

.session-analyser-statistic .session-analyser-item .analyser-count .total {
    display: inline;
    font-size: 0.32rem;
}

.session-analyser-statistic .session-analyser-item .analyser-count .sub {
    display: inline;
    font-size: 0.14rem;
}

.session-analyser-statistic .session-analyser-item .analyser-title {
    font-size: 0.14rem;
    line-height: 1.5;
}
body.locale-de .session-analyser-statistic .session-analyser-item .analyser-title,
body.locale-en .session-analyser-statistic .session-analyser-item .analyser-title {
    min-height: 0.42rem;
}
body.locale-es .session-analyser-statistic .session-analyser-item .analyser-title,
body.locale-fr .session-analyser-statistic .session-analyser-item .analyser-title {
    min-height: 0.42rem;
    font-size: 0.12rem;
}
body.locale-es .session-analyser .session-analyser-state .view-settings,
body.locale-fr .session-analyser .session-analyser-state .view-settings {
    font-size: 0.12rem;
    line-height: 0.12rem;
}
body.locale-es .session-analyser .session-analyser-state .session-status,
body.locale-fr .session-analyser .session-analyser-state .session-status {
    line-height: 0.18rem;
    font-size: 0.12rem;
}

@media screen and (max-width: 1200px) {
    .session-analyser-statistic .session-analyser-item .analyser-count .total {
        font-size: 0.3rem;
    }

    .session-analyser-statistic .session-analyser-item .analyser-title {
        font-size: 0.12rem;
        min-width: 0.5rem;
    }
}

.homework-example-view {
    margin-bottom: 0.32rem;
}

.homework-example-view .video-player {
    height: 4rem;
    background: #000;
}

.homework-example-view .video-player video {
    width: 100%;
    height: 100%;
}
.homework-keywords-view .keywords-list {
  overflow: hidden;
}
.homework-keywords-view .keywords-list .keyword-item {
  display: inline-block;
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
  line-height: 0.36rem;
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 18px;
  padding: 0 0.16rem;
  margin-right: 0.12rem;
  margin-bottom: 0.14rem;
}
.homework-keywords-view .title-row {
  display: flex;
  align-items: center;
  margin-bottom: 0.12rem;
}
.homework-keywords-view .title-row .view-title {
  margin-bottom: unset;
}
body.locale-de .homework-keywords-view .title-row .keywords-count {
  margin-left: 0.03rem;
}

body.locale-en .homework-keywords-view .title-row .keywords-count {
  margin-left: 0.03rem;
}

.homework-keywords-view .expand-collapse-region {
  text-align: center;
  margin: 0.09rem 0rem;
}
.homework-keywords-view .expand-collapse-region .expand-collapse {
  display: inline-flex;
  line-height: 0.2rem;
  font-size: 0.14rem;
  gap: 0.05rem;
  color: #787878;
  cursor: pointer;
}
.homework-keywords-view .expand-collapse-region .expand-collapse.none {
  display: none;
}
.homework-keywords-view .expand-collapse-region .expand-collapse.collapse {
  align-items: center;
}
.homework-keywords-view .expand-collapse-region .expand-collapse.collapse .iconfont {
  transform: rotate(90deg);
}
.homework-gestures-view {
    padding-top: 0.24rem;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    margin-bottom: 0.32rem;
}

.homework-gestures-view .view-title {
    color: var(--umu-color-text, #222);
    font-size: 0.16rem;
    line-height: 0.2rem;
    font-weight: 550;
}

.homework-gestures-view .gestures-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.homework-gestures-view .gestures-list .gesture-item {
    display: flex;
    align-items: center;
    margin-top: 0.14rem;
    padding: 0 0.08rem;
    width: 48.5%;
    height: 0.56rem;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    background-color: var(--umu-color-bg-base, #fff);
    cursor: pointer;
    outline-style: none;
    color: var(--umu-color-text, #222);
}
.homework-gestures-view .gestures-list .gesture-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.homework-gestures-view .gestures-list .gesture-item .name {
    flex: 1;
    min-width: 0;
    font-size: 0.14rem;
    margin-right: 0.08rem;
}
.homework-gestures-view .gesture-item img {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.12rem;
    border-radius: 2px;
}
.homework-gestures-view .gesture-item .icon-arrow-right {
    font-size: 0.24rem;
    width: 0.24rem;
    height: 0.24rem;
}

.homework-requirement-view {
    margin-bottom: 0.24rem;
}

.homework-requirement-view .homework-desc {
    font-size: 0.16rem;
    color: #0f0f0f;
    line-height: 0.22rem;
}

.homework-requirement-view .pic-box {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding: 0 0.2rem 0.2rem 0;
}

.homework-requirement-view .pic-box .pic {
    border: 2px solid var(--umu-color-border, #e0e0e0);
    max-width: 2.05rem;
    max-height: 1.5rem;
}

.homework-requirement-view .pic-box .cover-pic {
    border: 2px solid var(--umu-color-border, #e0e0e0);
    width: 2.05rem;
    height: 1.5rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.homework-requirement-view .pic-box-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0.2rem;
}

@keyframes umu-common-dialog-fadein {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@keyframes umu-common-dialog-fadeout {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
.umu-pc-dialog.umu-common-ng-dialog__umu-pc.ngdialog.ngdialog-theme-umu .ngdialog-content {
  overflow-y: auto;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  animation: umu-common-dialog-fadein 0.5s;
}
.umu-pc-dialog.umu-common-ng-dialog__umu-pc.ngdialog.ngdialog-theme-umu.ngdialog-closing .ngdialog-content {
  animation: umu-common-dialog-fadeout 0.5s;
}
.screen-mode-setting-dialog .ngdialog-content {
    width: 7.16rem !important;
    /* margin-top: 150px!important;
    margin-bottom: 150px!important; */
}

.screen-mode-setting-dialog.dialog-fix-scroll .ngdialog-content {
    margin-top: 1rem !important;
}

.screen-mode-setting-dialog {
    text-align: center;
}

.screen-mode-setting-dialog .btn {
    width: 2.04rem;
}

.screen-mode-setting-dialog .screen-mode-setting-header {
    text-align: left;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0 -0.2rem;
    padding: 0 0.3rem 0.2rem 0.3rem;
}

.screen-mode-setting-dialog .screen-mode-setting-body {
    padding-top: 0.2rem;
    display: flex;
    justify-content: space-between;
}

.screen-mode-setting-dialog .screen-mode-setting-header .icon.icon-course-type {
    font-size: 0.18rem;
    height: 0.21rem;
    width: 0.25rem;
    vertical-align: middle;
}

.screen-mode-setting-dialog .screen-mode-setting-header p {
    font-size: 0.18rem;
    font-weight: 400;
    color: rgba(6, 6, 6, 1);
    line-height: 0.25rem;
    margin-top: 0.1rem;
    margin-bottom: -0.1rem;
}

.screen-mode-setting-dialog .screen-mode-setting-header h1 {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(117, 117, 117, 1);
    line-height: 0.2rem;
}

.screen-mode-setting-dialog .screen-mode-setting-footer {
    margin-top: 0.1rem;
}

.screen-mode-setting-dialog .screen-mode-setting-card {
    width: 3.16rem;
    height: 2.56rem;
    padding-bottom: 0.12rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    display: inline-block;
    cursor: pointer;
    position: relative;
    border-radius: 8px;
    vertical-align: top;
}

.screen-mode-setting-dialog .screen-mode-setting-card .screen-mode-img {
    width: 1.8rem;
    height: 1.6rem;
    position: relative;
    z-index: -1;
}

.screen-mode-setting-dialog .screen-mode-setting-card h3 {
    font-size: 0.18rem;
    line-height: 0.26rem;
    margin-bottom: 0.05rem;
}

.screen-mode-setting-dialog .screen-mode-setting-card p {
    font-weight: 400;
    margin: 0 0.24rem;
    font-size: 0.16rem;
    line-height: 0.22rem;
    color: var(--umu-color-text-secondary, #666);
}
body.locale-de .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-it .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-vi .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-de .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-en .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-es .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-fr .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-jp .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-id .screen-mode-setting-dialog .screen-mode-setting-card p,
body.locale-pt .screen-mode-setting-dialog .screen-mode-setting-card p {
    font-size: 0.12rem;
    line-height: normal;
}
.screen-mode-setting-dialog .screen-mode-setting-card .card-check {
    background-image: url(/twww/cn/images/card_check_uncheck.d381c0c7..png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 0.34rem;
    height: 0.34rem;
    position: absolute;
    background-color: var(--umu-color-bg-base, #fff);
    top: 0.16rem;
    right: 0.16rem;
    z-index: -1;
}

.screen-mode-setting-dialog .screen-mode-setting-card.active .card-check {
    background-image: url(/twww/cn/images/card_check_checked.81a454d2..png);
}

.screen-mode-setting-dialog .screen-mode-setting-card.active p {
    margin-top: 0.08rem;
    font-weight: 400;
}

.screen-mode-setting-dialog .screen-mode-setting-card.active {
    border: 2px solid #1e6ee6;
}

.screen-mode-setting-dialog .screen-mode-advance-settings {
    text-align: left;
    margin-top: 0.15rem;
}

.screen-mode-setting-dialog .screen-mode-advance-settings .advance-setting-item {
    margin-top: 0.1rem;
}

.screen-mode-setting-dialog .screen-mode-advance-settings .advance-setting-desc {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(92, 93, 94, 1);
    line-height: 0.2rem;
    margin-top: 0.1rem;
}

.screen-mode-setting-dialog .screen-mode-advance-settings .advance-setting-switch {
    font-size: 0.14rem;
    font-weight: 500;
    color: rgba(33, 33, 33, 1);
    line-height: 0.2rem;
}

.screen-mode-setting-dialog .screen-mode-advance-settings .advance-setting-switch .input {
    margin-right: 0.05rem;
}

.screen-mode-setting-dialog .screen-mode-advance-settings h1 {
    padding: 0.1rem 0;
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

.screen-mode-setting .btn-gold {
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    border: unset;
    color: #ffffff;
}

.ngdialog.ngdialog-theme-umu.screen-mode-setting-dialog .ngdialog-content {
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.screen-mode-setting-dialog .ngdialog-content .umu-dialog-body {
    display: flex;
    overflow-y: hidden;
}

.ngdialog.ngdialog-theme-umu.screen-mode-setting-dialog .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
    width: 100%;
    line-height: unset;
    max-height: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.screen-mode-setting-dialog .ngdialog-content .umu-dialog-body .umu-dialog-body-content .screen-mode-setting {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

.ngdialog.ngdialog-theme-umu.screen-mode-setting-dialog
    .ngdialog-content
    .umu-dialog-body
    .umu-dialog-body-content
    .screen-mode-setting
    .screen-mode-setting-body {
    flex: 1;
    display: flex;
}

.screen-step-guide-dialog .ngdialog-content {
    width: 7.36rem !important;
}

.ngdialog.ngdialog-theme-umu.screen-step-guide-dialog .ngdialog-content {
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.screen-step-guide-dialog .ngdialog-content .umu-dialog-body {
    display: flex;
    overflow-y: hidden;
}

.ngdialog.ngdialog-theme-umu.screen-step-guide-dialog .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
    width: 100%;
    line-height: unset;
    max-height: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.screen-step-guide-dialog .ngdialog-content .umu-dialog-body .umu-dialog-body-content .screen-step-guide {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: hidden;
}

.ngdialog.ngdialog-theme-umu.screen-step-guide-dialog
    .ngdialog-content
    .umu-dialog-body
    .umu-dialog-body-content
    .screen-step-guide
    .step-guide-body {
    flex: 1;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
}

.screen-step-guide-dialog .btn {
    display: block;
    width: 2.04rem;
    margin: 0 auto;
}

.screen-step-guide-dialog .btn-optional {
    border: none;
    background: transparent;
    color: rgba(92, 93, 94, 1);
    line-height: 0.2rem;
    margin-top: 0.1rem;
}

.screen-step-guide .step-guide-header {
    text-align: center;
    margin-bottom: 0.2rem;
}

.screen-step-guide .screen-step-guide-sub {
    font-size: 0.14rem;
    font-weight: 400;
    color: rgba(117, 117, 117, 1);
    line-height: 0.2rem;
}

.screen-step-guide .step-guide-header h1 {
    color: rgba(6, 6, 6, 1);
    line-height: 0.25rem;
    font-size: 0.2rem;
    font-weight: 500;
}

.screen-step-guide .step-guide-body-footer {
    text-align: center;
    margin-top: 0.2rem;
}

.screen-step-guide .step-guide-tip-num {
    border-radius: 50%;
    display: inline-block;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #ddd;
    width: 0.2rem;
    height: 0.2rem;
    text-align: center;
    vertical-align: 0;
    line-height: 0.2rem;
    margin-right: 0.04rem;
}

.screen-step-guide .step-guide-tips {
    display: flex;
    justify-content: space-around;
}

.screen-step-guide .step-guide-tips > div {
    display: inline-block;
    font-size: 0.14rem;
    font-weight: 500;
    color: rgba(33, 33, 33, 1);
    line-height: 0.2rem;
}

.screen-step-guide .step-guide-illustrator .dummy-img img {
    border-radius: 8px;
    width: 100%;
    height: 100%;
}

.screen-step-guide .step-guide-illustrator .dummy-img {
    width: 100%;
    height: 3.71rem;
    margin: 0.14rem 0 0.2rem 0;
    background: rgba(232, 232, 232, 1);
    border-radius: 8px;
}

.screen-step-guide .btn-gold {
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    border: unset;
    color: #ffffff;
}

.ngdialog.ngdialog-theme-umu.session-delete-dialog .umu-dialog-body {
    padding: 0.24rem;
}
.session-delete-dialog .title {
    font-size: 0.22rem;
    line-height: 0.26rem;
    margin-bottom: 0.12rem;
}
.session-delete-dialog i.icon.icon-course-type {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.08rem;
    font-size: 0.24rem;
    line-height: 0.24rem;
}
.session-delete-dialog .session-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding: 0.08rem;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 4px;
}
.session-delete-dialog .session-title p {
    flex: 1;
    min-width: 0;
    padding: 0.02rem 0;
}
.session-delete-dialog .desc {
    margin-top: 0.06rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}

.addto-question-bank-dialog .selected-item-title,
.addto-question-bank-dialog .selected-item-body {
    margin-bottom: 0.12rem;
}
.addto-question-bank-dialog .radio-value-desc {
    margin-top: 0.12rem;
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.14rem;
}
.addto-question-bank-dialog input {
    outline: 0;
}
.addto-question-bank-dialog .input-box .input-text:focus {
    outline: 0;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-shadow: none;
}
.addto-question-bank-dialog .btn.btn-optional {
    padding: 0 0.12rem;
    border-radius: 4px;
    background-color: var(--umu-color-bg-base, #fff);
}
.addto-question-bank-dialog .btn.btn-primary {
    padding: 0 0.12rem;
}

@charset "UTF-8";
.dialog-select-course.ngdialog-theme-umu .ngdialog-content {
  width: 8.6rem;
  display: flex;
  flex-direction: column;
}
.dialog-select-course.ngdialog-theme-umu .ngdialog-content .umu-dialog-body {
  flex: 1;
  overflow-y: hidden;
  max-height: 100%;
  display: flex;
}
.dialog-select-course.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
  max-height: 100%;
  overflow-y: hidden;
}
.dialog-select-course.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content .group-list-info-body {
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.dialog-select-course.ngdialog-theme-umu .ngdialog-content .umu-dialog-body .umu-dialog-body-content .group-list-info-body .list-table.custom-detail-table {
  overflow-y: auto;
  flex: 1;
}

.group-list-info-body .search-tool-bar {
  display: flex;
  align-items: center;
}
.group-list-info-body .search-tool-bar .input-box {
  width: 2.8rem;
  margin-right: 0.12rem;
}
.group-list-info-body .search-tool-bar .input-box .input-text {
  padding: 0.06rem 0.12rem;
}
.group-list-info-body .search-tool-bar .create-time-date-select {
  width: 2.8rem;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker.box {
  padding: 0;
  border-radius: 4px;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker .picker-value {
  position: relative;
  padding: 0.07rem 0rem;
  padding-right: 0.2rem;
  cursor: pointer;
  font-size: 0.14rem;
  min-width: 1.86rem;
  height: auto;
  line-height: 0.2rem;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker .picker-main .picker-holder .ta_calendar {
  left: -0.12rem;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker .picker-main {
  width: 100%;
  width: calc(100% - 0.2rem);
  margin-left: 0.12rem;
  margin-right: 0.08rem;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker.box .picker-value .icon {
  margin-top: -0.06rem;
  position: absolute;
  right: -0.06rem;
  top: 0.12rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB7ZjBDYMwDEXtigE6QjfrLfduQDfoObduxgjdILUPSFFKW4KBJOg/KQhFX8j52I4SIgAawzkXdGylTzlR5fD4Iqu8hhAezHymMgwyeu/9M56MHewLBqdc1KB0sosF+pAV8K+vjPn0T5erV92UQdXnYJepn+3cUn1K9Q4iQCsfOWjp+lvQnoPWqlvKtz+HIrGCAK0cZy9eqz/mdonjOFiqP6JIrCBAKwjQCgK00s5OItcOLz3ZFz6TDOlE7OBtSrAXapCMOwFQGW/VqkHurC/g8gAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ng-date-picker.box .picker-value:after {
  display: none;
}
.group-list-info-body .search-tool-bar .create-time-date-select .ta_calendar_footer .frm_btn {
  align-items: center;
}
.group-list-info-body .col-btn {
  margin: auto 0.06rem;
}
.group-list-info-body .list-table.custom-detail-table {
  margin-top: 0.24rem;
  min-height: 2.4rem;
  max-height: 4rem;
  overflow-y: scroll;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
}
.group-list-info-body .list-table.custom-detail-table .table .table-heard {
  position: sticky;
  top: 0;
  z-index: 2000;
}
.group-list-info-body .list-table.custom-detail-table .table .table-heard .operate {
  width: 0.6rem;
}
.group-list-info-body .list-table.custom-detail-table .table tbody tr:nth-of-type(2n + 1) td {
  background-color: #fcfcfc;
}
.group-list-info-body .list-table.custom-detail-table .table th {
  width: 2.5rem;
}
.group-list-info-body .list-table.custom-detail-table .table .course-code {
  padding-left: 0.48rem;
  width: 1rem;
}
.group-list-info-body .list-table.custom-detail-table .table tbody .list-table-tr:hover {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.group-list-info-body .list-table.custom-detail-table .table tbody .list-table-tr:hover td {
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}
.group-list-info-body .list-table.custom-detail-table .table .course-title {
  width: 4rem;
}
.group-list-info-body .list-table.custom-detail-table .table .course-title .title {
  width: 4rem;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  overflow: hidden;
}
.group-list-info-body .list-table.custom-detail-table .table .course-title .hover-tips.course-title-dark .tips-container {
  background: var(--umu-color-text, #222222);
  border-radius: 4px;
  font-size: 0.14rem;
  line-height: 0.2rem;
  padding: 0.08rem 0.12rem;
  color: #ffffff;
  left: 0rem;
  min-width: auto;
}
.group-list-info-body .list-table.custom-detail-table .table .course-title .hover-tips.course-title-dark .tips-container:after {
  border-color: transparent transparent #222222 transparent;
}
.group-list-info-body .list-table.custom-detail-table .table .course-title .hover-tips.course-title-dark.tips-arrow-BC .tips-container:after {
  border-color: #222222 transparent transparent transparent;
}
.group-list-info-body .list-table.custom-detail-table .table-list-empty {
  padding: 0.2rem;
}
.group-list-info-body .list-table.custom-detail-table .table-list-empty .list-empty-img {
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/twww/cn/images/img-empty-search-course.6dc6e775..png) no-repeat;
  background-size: contain;
}
.group-list-info-body .list-table.custom-detail-table .table-list-empty .list-empty-img-com {
  margin: auto;
  width: 1.6rem;
  height: 1.6rem;
  background: url(/twww/cn/images/img-empty-search-course-com.8afcf0f8..png) no-repeat;
  background-size: contain;
}
.group-list-info-body .list-table.custom-detail-table .table-list-empty .list-empty-text {
  font-size: 0.18rem;
  line-height: 0.26rem;
  text-align: center;
  color: var(--umu-color-text, #222);
}
.group-list-info-body .list-table.custom-detail-table .icon-view-course {
  color: #4a4a4a;
  cursor: pointer;
}
.group-list-info-body .list-table.custom-detail-table .course-loading {
  display: flex;
  align-items: center;
}
.group-list-info-body .list-table.custom-detail-table .course-loading .course-loading-zone {
  margin: 1.2rem auto;
  display: flex;
  align-items: center;
}
.group-list-info-body .list-table.custom-detail-table .course-loading .course-loading-zone .icon-loading-course {
  width: 0.24rem;
  height: 0.24rem;
  color: var(--umu-color-primary, #fab400);
}
.group-list-info-body .list-table.custom-detail-table .course-loading .course-loading-zone .search-text-load {
  margin-left: 0.08rem;
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--umu-color-text, #222);
}
.group-list-info-body .list-table.custom-detail-table .icon-view-course:hover {
  color: #1e6ee6;
}
.group-list-info-body .radio-course-access {
  display: flex;
  align-items: center;
}
.group-list-info-body .radio-course-access .radio-icon-cehck {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.16rem;
  background: url(/twww/cn/images/radio-check.90b17fd2..png) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.group-list-info-body .radio-course-access .radio-icon-uncheck {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.16rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMLSURBVHgBzVjNcdpAFH6SBxg4KRVEVGA6CKnATgU2J4ZTnAqACmJfYDhBKgipILiC0EGUDvAFZmCAfJ94qywOwsgRUr4ZsauV2Pfp7dv3s44kRL/f97fb7bXrupeO49Qx5OlFzHAFeB5sNptHPB+3Wq1AEsA59UUQuYWAGyWRBFOQewCx0Skvv0gIROrQxhBdX4dmEPAN7QTttFKpBI1Gg5qR4XDozedzH+/XcNUxdCV/tEetdV8iFkuIky+Xyza6d2bC9Xr9UC6XR4bAKaBmQa5tfdB9sVjsxs3hxEziX1xcfIUt1GRnF91ms3kv/4DBYMAPIzFqjNp6f8i+nENk8EXfZfdFsX98DU6Z27VvuEzmDzDeaZpkCM7FOTk3ZXAVKDOWkNqMLzt7+ZAmGZsU55ade6ipzAjRkqnxcTcJvqJ6DjI2dPl+oOvpSkw4HmlIdwLx6dxkCJXRVdlDM+4oW6OdALupKhkCu+8nGh9aatBHhRqCcX1kS8clGYO+TTncsHV0LclyBu28kYyhDpjyaUtVl4GSD9COJQfQY2soEg3abl1vHiU/TPjDDIKE3vKGgVJyAuwnlM1Mgkvm84ZRW3JCoVAItOtxl4WuO0kETxuWbM+V/wwkFCVXkhMs2TMSemKPmZ7khNVq5Ws3cLG7Juwx7ZScAG8dysYG+8VdZrbcO8kJxhdSOS5LFSV0naMdXSmHscs0AJ0J7r3FYnErGYOZhuxcz5Rcwm2PNfzC1kT9LGHyMNZu4T1/tFYKcPm9Xu9OMoLK8inb1GuRY2SCxBZaajMlkTNDS63PKjvKwyJCzGlhS1RbWHmck5RVDnGr75XZe6EDQa5jlyjnIGWKUNGlKpVKHfv5HiEGObtESVtTRjNaEYc12vOg/ldwNcWcqJEzvU3D0DmHlj1Hi9Cjhw2IMR18jXEFJ51ePJ+Dvk3dic8x2gyXKdFhg40Dpxcz5t9MeY8dxzAU0fvL/nFMwxSEcUh0YAVBXLpLSQYSH6V2YHWAmDnSq0MDPoaYk9tHek8MkgzarznS+w3ICdTJuAftUwAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  cursor: pointer;
}
.group-list-info-body .group-list-info-footer {
  padding-top: 0.12rem;
  display: flex;
  align-items: center;
  text-align: center;
}
.group-list-info-body .group-list-info-footer .pagination-info {
  display: flex;
  text-align: left;
  align-items: center;
}
.group-list-info-body .group-list-info-footer .pagination-info .pagination-tool {
  padding-left: 0.12rem;
}
.group-list-info-body .group-list-info-footer .footer-btn {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.group-list-info-body .group-list-info-footer .footer-btn .loading-spin {
  width: 0.03rem;
  height: 0.03rem;
  margin: auto;
  border-radius: 100%;
  /* 圆角 */
  box-shadow: 0 -0.1rem 0 0.015rem #fff, 0.1rem 0rem #fff, 0 0.1rem #fff, -0.1rem 0 #fff, -0.07rem -0.07rem 0 #fff, 0.07rem -0.07rem 0 #fff, 0.07rem 0.07rem #fff, -0.07rem 0.07rem #fff;
}
.group-list-info-body .group-list-info-footer .footer-btn .spin {
  animation: spin 1s steps(8) infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.submit-limit .radio-list-wrap {
    float: left;
}

.submit-limit .radio-list-wrap .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.submit-limit .validation {
    line-height: 0.25rem;
    font-size: 0.12rem;
    color: #dd4e40;
}
/* .submit-limit .number-input {
    margin-top: -10px;
} */
.submit-limit .number-input .input-text {
    width: 0.3rem;
}
.submit-limit .input-box {
    position: relative;
    padding-right: 0.1rem;
    vertical-align: top;
}
.submit-limit .option-content > span {
    display: inline-block;
}
.submit-limit .option-content .radio-box {
    margin-right: 0rem;
}

.setting-option-wrap .form-row {
    margin: 0.1rem 0;
}

.setting-option-wrap .icon-keyword-type {
    width: 0.19rem;
    height: 0.14rem;
    background: no-repeat center;
    background-size: contain;
    margin-right: 0.1rem;
    vertical-align: -0.01rem;
}

.setting-option-wrap .icon-keyword-type.type-top {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAcBAMAAAD/8tBWAAAALVBMVEVHcEx1dXV6enp1dXV4eHh2dnZ1dXV2dnZ2dnZ2dnZ2dnZ1dXV2dnZ4eHh1dXV6/a9UAAAADnRSTlMA8xW6J2+jgeA8XM2OUdOOn78AAAEgSURBVCjPY2CAAK2atOOLGJABy4l3INDjgBDitHsHAY8nwISY8t7BwDMFqNhEEO/F7j4QJQkRYgWxxR0YWApBjACwWByQ9Rqkh2kfkPUUJMQFkjUAyzKDmAuADEeQYQoMqmlBDEwgI0WAYiANrxh45d49vMCwDmQMAwM7SH0DWLUIAweIU8CgCKISGECufszABuIIMdRBHCAHJB9CnPWcAezSBSxgXziA3fCC4RyGujdYzeOB2DsPSL6E2HuAAWzgWwYuoPsWMNwDG8cAVgGk3Y1LIPIvYcGSAPYvGzxgQC58DA4XO7DrQADsu1YFBqYIiM/A4CKI/doYFBjvZGGxZgePj8fwmOPdBxV6fQEpMhPBQmITUGLd9ZhxTggDbgAAKcn+vZ1cQVcAAAAASUVORK5CYII=);
}

.setting-option-wrap .icon-keyword-type.type-ban {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgBAMAAACMSheAAAAAKlBMVEVHcEx+fn52dnZ2dnZ5eXl2dnZ2dnZ2dnZ1dXV1dXV3d3d2dnZ1dXV1dXUBm3oOAAAADXRSTlMAEnxeH9jkt/TLOJSjZF2q2gAAATJJREFUKM9tkbFrwlAQhy8mVFAHtzo6FoqQoUMpBEK7dBW6FaFIJ8U5U4ZOpYJDxw6BQpdCEYpzBccO7aIYEfr+F+93l/fU4g15Lx/fe/e7hKj2WKf/FZnnA2zN4tXpz+TMsbKB2DJct7GFKcQSmFm9Fux4K5o/2y8T8WUA2FPk87bNa3ACGArDKbSmIOPd3GoqIoKK78KWED1cOeRNB6QQI+xJgz2kKh7hpUkNLLOyijURNGvT4zNxcWhOkjQM+HFTZMhpqleMRKyod43lkzIVI7mvCnZHYyOiL4c85FuQP7IiQo11isskU3Fo551puHsWQ/tdVpji1+TcWr6VBO3WyWuJqHUOuE7QLLd/KUiNKyf6HcecSJVvAf2PHZHo7SuZXBBPvxVtVTXqfk0PsNJTTBtnsu8q4a9nbgAAAABJRU5ErkJggg==);
}

/*  */
.session-keywords-setting-view .keywords-setting-view {
    line-height: 1.5;
    margin-top: 0.05rem;
    overflow: hidden;
}
.session-keywords-setting-view .keywords-setting-view-title {
    float: left;
    margin: 0.04rem 0.1rem 0.04rem 0;
    font-size: 0.14rem;
    line-height: 0.26rem;
}
.session-keywords-setting-view .keywords-setting-view-body {
    overflow: hidden;
}
.session-keywords-setting-view .keywords-setting-view-body .session-keyword {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0.04rem 0.1rem 0.04rem 0;
    font-size: 0.12rem;
    color: var(--umu-color-text, #212121);
    background: var(--umu-color-bg-layout, #f5f5f5);
    padding: 0 0.08rem;
    line-height: 0.26rem;
}


.exam-duration-limit .input-box .input-text,
.exam-duration-limit .input-box {
    display: inline-block;
}

.exam-duration-limit .input-box .input-text{
    width: 0.8rem;
}

.exam-duration-limit .radio-list-wrap {
    display: inline-block;
    float: left;
}

.exam-duration-limit  .radio-list-wrap  .radio-list .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.homework-type-selector {
    margin-bottom: 0.28rem;
}
.homework-type-selector .form-row-label {
    margin-bottom: 0.12rem;
}
.homework-type-selector .homework-type-item {
    max-width: calc(20% - 0.5rem);
    float: left;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 0.14rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.homework-type-selector .homework-desc {
    margin-top: 0.12rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
}
.homework-type-selector .homework-type-item .logo {
    margin-bottom: 0.08rem;
    width: 0.8rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    cursor: pointer;
    background-size: 0.39rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text-secondary, #666);
}
.homework-type-selector .homework-type-item.selected .logo {
    background-color: var(--umu-color-primary, #fab400);
    color: #fff;
}
/* .homework-type-selector .homework-type-item.selected .logo {
    border-radius: 4px;
} */
/* .homework-type-selector .homework-type-item.video .logo {
    background-image: url(./images/icon-homework-video.png);
}
.homework-type-selector .homework-type-item.video.selected .logo {
    background-image: url(./images/icon-homework-video-white.png);
}
.homework-type-selector .homework-type-item.audio .logo {
    background-image: url(./images/icon-homework-audio.png);
}
.homework-type-selector .homework-type-item.audio.selected .logo {
    background-image: url(./images/icon-homework-audio-white.png);
}
.homework-type-selector .homework-type-item.img .logo {
    background-image: url(./images/icon-homework-img.png);
}
.homework-type-selector .homework-type-item.img.selected .logo {
    background-image: url(./images/icon-homework-img-white.png);
}
.homework-type-selector .homework-type-item.doc .logo {
    background-image: url(./images/icon-homework-doc.png);
}
.homework-type-selector .homework-type-item.doc.selected .logo {
    background-image: url(./images/icon-homework-doc-white.png);
}
.homework-type-selector .homework-type-item.gesture .logo {
    position: relative;
    background-image: url(./images/icon-homework-gesture.png);
}
.homework-type-selector .homework-type-item.gesture.selected .logo {
    background-image: url(./images/icon-homework-gesture-white.png);
} */
.homework-type-selector .homework-type-item.gesture {
    position: relative;
}
.homework-type-selector .homework-type-item.gesture .gesture-new {
    position: absolute;
    top: -0.12rem;
    right: 0;
    transform: translateX(50%);
    font-size: 0.14rem;
    line-height: 0.24rem;
    color: #fff;
    padding: 0 0.08rem;
    border-radius: 20px;
    background-color: #dd4e40;
}


.enrollment-payment-limit .input-box .input-text,
.enrollment-payment-limit .input-box {
    display: inline-block;
    position: relative;
    top: -0.01rem;
}

.enrollment-payment-limit .input-box .input-text{
    width: 1rem;
}

.enrollment-payment-limit .radio-list-wrap {
    float: left;
}

.enrollment-payment-limit .radio-list-wrap .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.enrollment-payment-limit .validation {
    padding-left: 2.12rem;
    line-height: 0.25rem;
    font-size: 0.12rem;
    color: #DD4E40;
}

.advance-setting .enrollment-setup .enrollment-user-quota .input-box .input-text,
.advance-setting .enrollment-setup .enrollment-user-quota .input-box {
  display: inline-block;
  position: relative;
  margin: auto 0.08rem;
  top: -0.01rem;
}

.advance-setting .enrollment-setup .enrollment-user-quota .input-box {
  margin-left: 0.02rem;
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-label {
  width: 100%;
  display: flex;
  align-items: center;
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-label .sub-desc-market {
  padding-left: 0.16rem;
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-label .sub-desc-market .desc {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-label .sub-desc-market .btn-operate {
  padding-left: 0.16rem;
  cursor: pointer;
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-content {
  display: flex;
  align-items: center;
}

.advance-setting .enrollment-setup .enrollment-user-quota .option-content .input-box .input-text {
  width: 0.72rem;
}

.enrollment-user-quota .radio-list-wrap {
  float: left;
}

.enrollment-user-quota .radio-list-wrap .radio-list-item:last-child {
  margin-right: 0.1rem;
  min-width: auto;
}

.course-market-desc {
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
  margin-top: 0.08rem;
  margin-bottom: 0.1rem;
}

.course-market-desc.error {
  color: #DD4E40;
}

.advance-setting .enrollment-setup .enrollment-user-quota .validation {
  padding-left: 2.12rem;
  line-height: 0.25rem;
  font-size: 0.12rem;
  color: #DD4E40;
}

.locale-en .advance-setting .enrollment-setup .is-allow-enroll-switch-input-box {
  display: none;
}
.enrollment-time-setting .radio-list-wrap {
  float: left;
}

.enrollment-time-setting .radio-list-wrap .radio-list-item:last-child {
  margin-right: 0.1rem;
  min-width: auto;
}

.advance-setting .enrollment-setup .enrollment-time-setting .option-label {
  display: flex;
  align-items: center;
}

.advance-setting .enrollment-setup .enrollment-time-setting .option-label label {
  padding-left: 0.08rem;
}

.enrollment-time-setting .option-content {
  margin: auto;
  margin-left: 0rem;
}

.date-split {
  margin: auto 0.08rem;
}

.enrollment-time-setting .option-content .assign-range-time .assign-time-content {
  flex: unset;
}

.enrollment-time-setting .option-content .assign-range-time .duration-label {
  flex: unset;
  padding: 0rem 0.08rem;
}

.enrollment-time-setting .option-content .assign-range-time .duration-label {
  margin-top: 0rem;
}

.enrollment-time-setting .option-content .assign-range-time .expire-time-content .expire-time,
.enrollment-time-setting .option-content .assign-range-time .assign-time-content .assign-time {
  margin-top: 0rem;
}

.enrollment-time-setting .option-content .assign-range-time .expire-time-content .expire-time-title,
.enrollment-time-setting .option-content .assign-range-time .assign-time-content .assign-time-title {
  display: none;
}

.enrollment-time-setting .option-content .rc-picker-suffix {
  display: none;
}

.enrollment-time-setting .option-content .rc-picker-input > input {
  padding: 0.11rem 0.12rem;
}

.enrollment-time-setting .rc-picker {
  width: 1.5rem;
}

.enrollment-time-setting .rc-picker .rc-picker-clear {
  right: 0.05rem;
}

.enrollment-time-setting .tipIcon {
  margin-bottom: -0.02rem;
}
.enrollment-setup-view .enrollment-course-source-view {
    /* padding-top: 20px; */
}

.enrollment-course-source-allow-buy {
    padding-left: 0.16rem;
}


.share-status-selector .select-box {
    width: 5.38rem;
}

.share-status-selector .select-box .current {
    padding-left: 0.1rem;
}

.share-status-selector .select-box .select-list .select-list-item {
    padding: 0 0.1rem;
}


.pass-mark .input-box .input-text,
.pass-mark .input-box {
    display: inline-block;
}

.pass-mark .input-box .input-text{
    width: 0.8rem;
}

.pass-mark .radio-list-wrap {
    display: inline-block;
    float: left;
}

.pass-mark  .radio-list-wrap  .radio-list .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.radio-list-wrap.question-show-mode .radio-list li.radio-list-item {
    margin-right: 0.3rem;
}

.question-show-mode .radio-item-1 .radio-box,
.question-show-mode .radio-item-0 .radio-box {
    display: inline-block;
    width: 1.2rem;
    height: 1.32rem;
    box-sizing: border-box;
    cursor: pointer;
}

.question-show-mode .radio-item-1 .radio-box .input,
.question-show-mode .radio-item-0 .radio-box .input {
    display: none;
}

.question-show-mode .value-desc {
    display: inline-block;
    text-align: center;
    font-size: 0.14rem;
    padding: 0 0.05rem;
    max-width: 100%;
    box-sizing: border-box;
    font-weight: 600;
}

.question-show-mode .radio-item-1 .radio-box,
.question-show-mode .radio-item-0 .radio-box {
    background-color: var(--umu-color-bg-base, #fff);
    border-radius: 4px;
    color: var(--umu-color-text, #212121);
    border: 1px solid var(--umu-color-border, #e0e0e0);
}

.question-show-mode .radio-item-1 .radio-box.checked,
.question-show-mode .radio-item-0 .radio-box.checked {
    border: 2px solid var(--umu-color-primary, #fab400);
    color: var(--umu-color-primary, #fab400);
    border-radius: 4px;
}

.setting-option-edit .show-mode-item {
    width: 1.2rem;
    height: 1.3rem;
    border: 2px solid #666;
    color: var(--umu-color-text-secondary, #666);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
}
.setting-option-edit .show-mode-item.active {
    border: 2px solid var(--umu-color-primary, #fab400);
    color: var(--umu-color-primary, #fab400);
}
.setting-option-edit .show-mode-item .svg-wrapper {
    margin-top: 0.14rem;
    width: 0.36rem;
    height: 0.36rem;
}
.setting-option-edit .show-mode-item .svg-wrapper svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}
.setting-option-edit .show-mode-item .label {
    line-height: 1.5;
    margin-top: 0.1rem;
}
/* .question-show-mode .radio-item-0 .radio-box .value-desc:before,
.question-show-mode .radio-item-1 .radio-box .value-desc:before {
    height: 32px;
    width: 36px;
    margin: 41px 37px 10px 38px;
    content: ' ';
    display: block;
}

.question-show-mode .radio-item-0 .radio-box .value-desc:before {
    height: 32px;
    width: 36px;
    margin: 41px 37px 10px 38px;
    background: url(./images/icon-details.png) no-repeat center / contain;
}

.question-show-mode .radio-item-0 .radio-box.checked .value-desc:before {
    background: url(./images/icon-details-current.png) no-repeat center / contain;
}
.question-show-mode .radio-item-1 .radio-box .value-desc:before {
    height: 32px;
    width: 36px;
    margin: 41px 37px 10px 38px;
    background: url(./images/icon-card.png) no-repeat center / contain;
}

.question-show-mode .radio-item-1 .radio-box.checked .value-desc:before {
    background: url(./images/icon-card-current.png) no-repeat center / contain;
} */



.radio-input-option .input-box .input-text,
.radio-input-option .input-box {
    display: inline-block;
}

.radio-input-option .input-box .input-text{
    width: 0.8rem;
}

.radio-input-option .radio-list-wrap {
    display: inline-block;
    float: left;
}

.radio-input-option  .radio-list-wrap  .radio-list .radio-list-item:last-child {
    margin-right: 0.08rem;
}




.quiz-cover-tips .input-box .input-text {
    height: 0.42rem;
    line-height: 1.5;
}

body.locale-es .quiz-cover-tips .input-box .input-text,
body.locale-fr .quiz-cover-tips .input-box .input-text {
    height: 0.72rem;
}

.session-points-setting .item-ratio .input-text {
    width: 1.3rem;
    display: inline-block;
    padding: 0.07rem 0.09rem;
}

.session-points-setting .item-points {
    color: var(--umu-color-primary, #ffab00);
    font-weight: 700;
    display: inline-block;
    width: 1.14rem;
}
.session-points-setting .item-basic {
    position: relative;
    display: inline-block;
}
.session-points-setting .item-split {
    width: 0.01rem;
    border-left: 1px solid var(--umu-color-border, #e0e0e0);
    margin: 0 0.84rem 0 0;
}

.session-points-setting .point-desc {
    margin-top: 0.05rem;
    font-size: 0.14rem;
    color: #5d5d5d;
    line-height: 0.22rem;
}

.session-points-setting.setting-text-option.setting-option-wrap,
.session-points-setting.setting-text-option .option-label .label,
.session-points-setting.setting-text-option .option-content {
    display: block;
}

body.locale-es .session-points-setting .item-split,
body.locale-fr .session-points-setting .item-split {
    margin: 0 0.64rem 0 0;
}

.submission-time-setting.setting-text-option input:focus {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.submission-time-setting.setting-text-option .option-content {
    display: flex !important;
}
.submission-time-setting.setting-text-option .time-setting-cell {
    display: flex;
    margin-right: 0.25rem;
}
.submission-time-setting.setting-text-option .time-setting-cell span {
    margin-right: 0.08rem;
}
.submission-time-setting.setting-text-option .new-feature-tips {
    width: 0.48rem;
    height: 0.22rem;
    vertical-align: bottom;
}
.rc-picker-dropdown.submission-picker .rc-picker-footer-extra {
    display: block;
    cursor: pointer;
}

.submission-time-setting .time-icon {
    width: 0.14rem;
    height: 0.14rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFZSURBVHgB7ZbRbYMwEIbPgBCPbFCPwAh0giob+AEQb1UnQN2gjwiQom6QDcIGzQZNN+gE0N8RRBCVOliJGyX5JHRgc/59cGeb6FJJkuRTXjQTlZ9Dajjpwf/qZMOHKIpCmMCyLH/QnHX2lebxq1/TNHVVVfVeOI7jJWNMkAEg/sY6UQHRZdu234j2XdrBeyeLGBo+xn7CLd8JIwk+YAJci6IoVkNv9LXSop3RDKb80jQNEfHa6p6D7qXV4QAH0R/NlF+e57W0yqy2bXtBGqj8lML9DOei8hsJ4/tzMgD+8VgYDbNXKF1GwkiILzIAyuphJFyWJScDyFKz6J+4PWFlHWPHypAMIWmAZN1gJ3ohHWFsGoI092RMmMNoCz/qCnuet5nqO2bJ3MJs6cTcy+kufKXC/flICOHTmYEG3wtjkdgVuuM4GZ0RGZjrus/yvj9Xy1PmWp57yRA/1cx3nYfaLscAAAAASUVORK5CYII=) no-repeat;
    background-size: 0.14rem;
}
.setting.flat-setting .setting-row .setting-option-wrap.submission-time-setting .option-label .label {
    padding-bottom: 0.12rem;
}

.rc-picker-dropdown.submission-picker .rc-picker-cell-in-view.rc-picker-cell-today .rc-picker-cell-inner {
    border: 0px;
}

.session-submission-participate-statues {
    height: 0.44rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 4px;
    padding: 0.12rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.session-submission-participate-statues .submission-participate-statues {
    padding: 0.02rem 0.06rem;
    min-width: 0.36rem;
    height: 0.16rem;
    font-size: 0.12rem;
    margin-right: 0.08rem;
    color: #ffffff;
    line-height: 0.16rem;
    border-radius: 4px;
    background: #dd4e40;
}
.session-submission-participate-statues .submission-participate-statues.pending {
    background: #4caa64;
}
.session-submission-participate-statues .submission-participate-statues.end {
    background: #999999;
}
.session-submission-participate-statues .submission-participate-text {
    height: 0.2rem;
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    line-height: 0.2rem;
    margin-right: 0.08rem;
}
.session-submission-participate-statues .status-des {
    margin-left: 0.05rem;
}
.session-submission-participate-statues .submission-participate-btn {
    height: 0.2rem;
    font-size: 0.14rem;
    cursor: pointer;
    color: #1e6ee6;
    line-height: 0.2rem;
}

.media-time-limit .radio-list-wrap {
  float: left;
}

.media-time-limit .radio-list-wrap .radio-list-item:last-child {
  margin-right: 0.1rem;
  min-width: auto;
}

.media-time-limit .validation {
  font-size: 0.12rem;
  color: #dd4e40;
}

.media-time-limit .number-input {
  margin-top: -0.15rem;
}

.media-time-limit .number-input .input-text {
  width: 0.3rem;
  text-align: center;
}

.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content {
  display: flex;
  align-items: flex-start;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .radio-list-wrap.simple-list .radio-list {
  margin-top: 0;
  display: flex;
  align-items: center;
  height: 0.4rem;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container {
  display: flex;
  flex-direction: column;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container .input-number-box {
  display: inline-flex;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container .input-number-box .input-box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container .input-number-box .input-box .ant-input-number {
  border-radius: 4px;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container .input-number-box .input-box .ant-input-number .ant-input-number-input {
  border-radius: 4px;
}
.media-time-limit.setting-option-wrap.setting-radio-option .option-content.media-time-limit-option-content .content .input-number-container .validation {
  font-size: 0.14rem;
  line-height: initial;
}
.media-time-lowest-limit .radio-list-wrap {
    float: left;
}

.media-time-lowest-limit .radio-list-wrap .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.media-time-lowest-limit .validation {
    font-size: 0.12rem;
    color: #DD4E40;
}
.media-time-lowest-limit .number-input {
    margin-top: -0.15rem;
}
.media-time-lowest-limit .number-input .input-text {
    width: 0.3rem;
    text-align: center;
}

.ai-score-lowest-limit .radio-list-wrap {
    float: left;
}

.ai-score-lowest-limit .radio-list-wrap .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.ai-score-lowest-limit .validation {
    line-height: 0.25rem;
    font-size: 0.12rem;
    color: #DD4E40;
}
.ai-score-lowest-limit .number-input {
    margin-top: -0.1rem;
}
.ai-score-lowest-limit .number-input .input-text {
    width: 0.3rem;
}
.ai-score-lowest-limit .option-label .label {
    display: flex;
    align-items: center;
}
.ai-score-lowest-limit .option-label .label .tipIcon {
    margin-left: 0.08rem;
}

.min-text-num-limit .radio-list-wrap {
    float: left;
}

.min-text-num-limit .radio-list-wrap .radio-list-item:last-child {
    margin-right: 0.1rem;
    min-width: auto;
}
.min-text-num-limit .validation {
    line-height: 0.25rem;
    font-size: 0.12rem;
    color: #DD4E40;
}
.min-text-num-limit .number-input {
    margin-top: -0.1rem;
}
.min-text-num-limit .number-input .input-text {
    width: 0.32rem;
}

body .setting.flat-setting .setting-row .setting-radio-option.checkbox {
  display: flex;
}
body .setting.flat-setting .setting-row .setting-radio-option.checkbox .option-label .label {
  padding-top: 0.05rem;
}
body .setting.flat-setting .setting-row .setting-radio-option.checkbox .option-content.sub {
  width: auto;
  margin-right: 0.04rem;
}
.full-marks .input-box {
    width: 1.16rem;
    display: inline-block;
}
.session-type-name .input-box .input-text {
    padding: 0.07rem 0.09rem;
}
.session-type-name {
    margin-top: 0.1rem;
}
.session-type-name .input-box {
    display: inline-block;
}
/* .session-type-name .option-label {
    display: table-cell!important;;
} */
.session-type-name .option-content {
    position: relative;
    width: auto!important;
    display: table-cell;
}
.homework-session .session-type-name .option-content {
    position: relative;
    width: auto!important;
    display: block;
}
.session-type-name .option-content .input-box {
    padding-right: 0.2rem;
}
.session-type-name .option-content p {
    color: #5d5d5d;
    line-height: 0.3rem;
}
.session-type-name p.error {
    color: #DD4E40;
}
.session-type-name .preview {
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0.1rem;
}
.session-type-name .preview:hover {
    color: #1e6ee6;
}

.session-type-name .preview-dialog {
    position: absolute;
    z-index: 100;
    top: 0.4rem;
    left: 1.35rem;
    box-shadow: 0 0.06rem 0.15rem rgba(0, 0, 0, 0.1);
}
.session-type-name .session-label-preview {
    border: 0 none;
}

.live-clarity-options [data-item-disabled=true] .value-desc {
    color: #757575;
}

/*  */
.live-clarity-options .tipIcon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkBAMAAABoCkdnAAAAJFBMVEVHcEyLjI2Ki42LjI2QkJGKi42LjI2MjI2Oj4+LjY2MjY6Ki4zXuJpaAAAAC3RSTlMAnvbdF7bDSSp0gIP87AgAAAC3SURBVCjPY2AAgUYjZQkGOHDcDQQiMB6L9W7TpN2bHaBctt3mDAzFuxOg3NnbgBIs2TuhXGsNEOm0GcJj370ARHHtLgBzOXc3QEQngLmMuyHm7xaAcDdBNGkTwWVfvFsQDHZbFYCs3w0HQOcw70YCCQyzkbk7GbKRudsYtJG5mxh2owDsXPVqFG4AGyqXlWpcFSdUZ2jjcxWca43M28wgjczdyNCEzFVhYEfy/yZgUDbCdW+WYAAA83jylrQTC/MAAAAASUVORK5CYII=) center no-repeat;
    background-size: contain;
    width: 0.14rem;
    height: 0.18rem;
    vertical-align: top;
}

.live-clarity-options .tipIcon .inputTip {
    right: auto;
    top: auto;
    left: 100%;
    margin: -0.5rem 0 0 0.1rem;
    width: 3.7rem;
}

.live-clarity-options .tipIcon .inputTip:after {
    display: none;
}

.live-clarity-options .icon.icon-live-edit-tip-phone {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAkCAMAAADbwBjtAAAAP1BMVEVHcEw0NTUtLjAtLzAtLjBAQEAuMTMtLjAtLjAwMTUvLzIuLjAuLzE1NTktLjEtLzEtLjEtLzEuMTEuMDEtLjAIaVRqAAAAFHRSTlMAFNylxgYv9ecgT5NgDM9xt4E5RGjJFoIAAAFSSURBVDjLnVRZsoMgEIysgyCC6fuf9eECDoZUqh6VD4PNML2Mr9c/1vL+Cdnglx+QFRBusD8noqyPx0kCSj8BTmFf6jocAP9AGAKFaYsQ07nhga1DaIG4v1tivUATZAfJiCeFSdQLPCzvZrGtqrF4X8RhOBkkRlgcpx0wM4jEyttaL0hgEMW7nyEO6Ko4RHTXUvevQZjcWnVNDC5aEmj6hMi7MydAZuhsVXK2iCOPC0FqGqovSRGXpMVha75lqMrrQedFU/ZhbFKhfAQu2JIemjurVUXHnVKJiwwlZZmVoWbTomDLL5wZ9twZW8nqUoK2qkHm8okm6ju5dpK5UXpIesTV3na4klY9ModluGRyUMfxMvukqE+TYxcfU2x+Tryztjs2pSJZv6Me81RktrD+jkMgpkUrnPbRzrMxJni6p7yfb2lRlwhfvi969inGKHPl8gf6LBD5bcdKOwAAAABJRU5ErkJggg==) center no-repeat;
    background-size: contain;
    width: 0.17rem;
    height: 0.18rem;
}

.live-clarity-options .icon.icon-live-edit-tip-mail {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAcCAMAAAA+9+1qAAAANlBMVEUvMTIxNDYuLjAtLjAtLjEuMDItLjBHcEwtLjAuLzE9PT0tLjAuLjEvMDMuLjEuLzEtLzAtLjBxb9B8AAAAEXRSTlM+ForuzUa/APp5Cd+hKVpqr0Q81cIAAADISURBVDjL3ZNJFoMwDEOdCTnMvv9lK3i0jAHW1QJ44RPJDhYgR7WiNGZAUNmDKkjmNUlRyatliWR9jaK8WRS1hreugLgpjIpZomPoL5k+MIwZIYFws/ZsWbf8OskCwY0Xlh3jVg4/CBjUdNgx0wp7tIXQ0XJ0a2Lu3cxvttCcoFmetyl30FzLbMCT0rXeA/SNOjVnLeMIoWZ/Qxt2Z3CCgESCzdmsXEBwuc0OD9BJ/w+ppXso8feN5u8hz0HIpv5xpF4N55sx/wDoASK4P5ow3gAAAABJRU5ErkJggg==) center no-repeat;
    background-size: contain;
    width: 0.18rem;
    height: 0.14rem;
}

.live-clarity-options .desc-tip {
    position: relative;
    padding-left: 0.3rem;
    margin-top: 0.1rem;
}
.live-clarity-options .desc-tip .icon {
    position: absolute;
    left: 0;
    top: 0.04rem;
}

.setting .setting-row .live-layout-options.simple-list .radio-list-item {
    margin-right: 0;
    width: 50%;
}
.live-layout-options .radio-list-item .radio-box {
    padding-top: 2rem;
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 0;
}

.live-layout-options .radio-list-item .radio-box:before {
    content: '';
    position: absolute;
    top: 0.1rem;
    left: 50%;
    margin-left: -0.8rem;
    width: 1.6rem;
    height: 1.7rem;
    cursor: pointer;
    background: no-repeat center bottom;
    background-size: contain;
}

.live-layout-options .radio-item-1 .radio-box:before {
    background-image: url(/twww/cn/images/live-v-vdeo.7c64299d..png);
}

.live-layout-options .radio-item-2 .radio-box:before {
    background-image: url(/twww/cn/images/live-v-lecture.758fd88b..png);
}

.live-layout-options .radio-item-3 .radio-box:before {
    background-image: url(/twww/cn/images/live-h-video.a02b246b..png);
}

.live-layout-options .radio-item-4 .radio-box:before {
    background-image: url(/twww/cn/images/live-h-lecture.49927e9b..png);
}
.setting .live-layout.edit .setting-row .option-label .label {
    padding: 0;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
}

.setting.flat-setting .setting-row .setting-option-wrap.live-participate-num-holder {
    width: 3rem;
}
.setting .setting-row .option-content .live-duration-setting .radio-list {
    display: block;
    width: 100%;
    margin-top: 0;
}
.setting .setting-row .option-content .live-duration-setting .radio-list .radio-list-item {
    height: 0.4rem;
    line-height: 0.4rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0.4rem;
}
.setting .setting-row .option-content .live-duration-setting .hour-setting,
.setting .setting-row .option-content .live-duration-setting .minute-setting {
    display: inline-block;
    vertical-align: middle;
}
.setting .setting-row .option-content .live-duration-setting .input-box {
    padding-right: 0.05rem;
}
.setting .setting-row .option-content .live-duration-setting .number-input.input-box .input-text {
    width: 0.6rem;
}
.setting .setting-row .option-content .live-duration-setting .radio-box {
    vertical-align: middle;
}
.live-start-time-setting .clear-date-time {
    display: none;
}

.umu-time-picker .rc-picker {
  width: 100%;
}
.umu-time-picker .rc-picker .rc-picker-input .rc-picker-suffix .time-icon {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADOSURBVHgB7ZjBDYMwDEXtigE6QjfrLfduQDfoObduxgjdILUPSFFKW4KBJOg/KQhFX8j52I4SIgAawzkXdGylTzlR5fD4Iqu8hhAezHymMgwyeu/9M56MHewLBqdc1KB0sosF+pAV8K+vjPn0T5erV92UQdXnYJepn+3cUn1K9Q4iQCsfOWjp+lvQnoPWqlvKtz+HIrGCAK0cZy9eqz/mdonjOFiqP6JIrCBAKwjQCgK00s5OItcOLz3ZFz6TDOlE7OBtSrAXapCMOwFQGW/VqkHurC/g8gAAAABJRU5ErkJggg==) no-repeat;
  background-size: contain;
  right: 0.08rem;
}
.umu-time-picker .rc-picker-clear {
  right: 0.1rem;
}

.umu-time-picker-zone .rc-picker-panel-container .rc-picker-footer .rc-picker-footer-extra {
  display: block;
  border: none;
  bottom: 0.1rem;
  cursor: pointer;
}
.umu-time-picker-zone .rc-picker-panel-container .rc-picker-footer .rc-picker-footer-extra div {
  border: 1px solid #1e6ee6;
  padding: 0.03rem 0.1rem;
  border-radius: 3px;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.umu-time-picker-zone .rc-picker-clear {
  right: 0.1rem;
}
.checkable-select-box .current{text-align: left;}
.checkable-select-box .select-list .radio-list,
.checkable-select-box .select-list .check-box-list{padding:0.05rem 0.1rem;max-height:2.24rem;overflow:auto;}
.checkable-select-box .select-list .radio-box,
.checkable-select-box .select-list .check-box{display: block;cursor: pointer;}
.checkable-select-box .select-list .input{float: left;}
.checkable-select-box .select-list .radio-list-item,
/* .checkable-select-box .select-list .check-list-item{float: none;margin: 5px 10px;} */
.checkable-select-box .select-list .check-list-item{
    float: none;
    margin: 0.15rem 0.1rem;
    font-size: 0.14rem;
}


.checkable-select-box .select-list .inline-wrapper {
    display: inline-block;
}
.checkable-select-box .select-list .content-wrapper {
    display: flex;
}

.checkable-select-box .select-list .content-wrapper .check-list-line-value,
.checkable-select-box .select-list .content-wrapper .value-desc {
    flex: 1;
    white-space: break-spaces;
}
.question-score {
    vertical-align: middle;
    /* padding-left: 10px; */
    white-space: nowrap;
    display: inline-block;
}

.question-score-setter {
    vertical-align: middle;
    /* padding-left: 10px; */
}

.question-score-setter-label {
    vertical-align: middle;
    line-height: 1.5;
}

.question-score-setter-value {
    vertical-align: middle;
    margin-top: 0.1rem;
}

.question-score-setter-value .input-box {
    display: inline-block;
    width: 0.8rem;
}

.question-score-setter-value .input-box .input-text {
    /* text-align: center; */
}

.question-score-total {
    display: inline-block;
    vertical-align: middle;
}
.question-score .error-msg {
    width: 0.5rem;
    overflow: visible;
    /* max-width: 100%;
    word-break: break-word;
    white-space: normal;
    position: absolute; */
}
.question-level {
    vertical-align: middle;
    padding-left: 0.1rem;
    white-space: nowrap;
    display: inline-block;
}

.question-level-setter {
    vertical-align: middle;
    padding-left: 0.1rem;
}

.question-level-setter-label {
    vertical-align: middle;
    line-height: 1.5;
}

.question-level-setter-value {
    vertical-align: middle;
    margin-top: 0.1rem;
}

.question-level-setter-value .select-box {
    width: 1rem;
}

.question-level-setter-value .select-box.disabled .current {
    cursor: default;
}

.question-level-total {
    display: inline-block;
    vertical-align: middle;
}

body.locale-jp .question-level .select-box .select-list .select-list-item {
    padding: 0 0.28rem;
}

body.locale-de .question-level .select-box .select-list .select-list-item,
body.locale-en .question-level .select-box .select-list .select-list-item {
    padding: 0 0.2rem;
}

body.locale-es .question-level-setter-value .select-box,
body.locale-fr .question-level-setter-value .select-box {
    width: 1.1rem;
}

.scale-default-value-selector .select-box{width: 0.65rem;margin-top: 0.07rem;}
.question-score-marker {
}
.question-score-marker .score-marker .qustion-marker-value .input-box {
    display: inline-block;
    vertical-align: top;
    width: 1.3rem;
}
.question-score-marker .score-marker .qustion-marker-value .score-max {
    display: inline-block;
    vertical-align: top;
    margin-right: 1rem;
}
.question-score-marker .score-marker .qustion-marker-value .last-score {
    display: inline-block;
    vertical-align: top;
}

.question-score-marker .score-review .qustion-marker-value .input-text {
    height: 0.5rem;
}

.question-score-marker .error-msg {
    display: block;
}

/* */
.question-score-marker .qustion-marker-row {
    display: table;
    width: 100%;
    margin-top: 0.2rem;
}

.question-score-marker .qustion-marker-label {
    display: table-cell;
    vertical-align: text-top;
    white-space: nowrap;
    line-height: 0.4rem;
    padding-right: 0.1rem;
}

body.locale-de .question-score-marker .qustion-marker-label.marker-score,
body.locale-en .question-score-marker .qustion-marker-label.marker-score {
    padding-right: 0.65rem;
}

body.locale-jp .question-score-marker .qustion-marker-label.marker-score {
    padding-right: 0.4rem;
}

body.locale-de .question-score-marker .qustion-marker-label.marker-review,
body.locale-en .question-score-marker .qustion-marker-label.marker-review {
    padding-right: 0.3rem;
}

body.locale-jp .question-score-marker .qustion-marker-label.marker-review {
    padding-right: 0.12rem;
}

.question-score-marker .qustion-marker-value {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}

.question-score-marker .qustion-marker-row.score-marker .qustion-marker-value {
    line-height: 0.4rem;
}

.question-explain-edit {
    font-size: 0.14rem;
}

.question-explain-edit .question-explain-label {
    vertical-align: top;
    padding-right: 0.1rem;
}

.question-explain-edit .question-explain-label .label {
    white-space: nowrap;
    color: var(--umu-color-text, #212121);
    line-height: 1.5;
}

.question-explain-edit .question-explain-body {
    position: relative;
    margin-top: 0.1rem;
    vertical-align: top;
    padding-right: 0.31rem;
}

body .question-explain-edit .question-explain-body .input-box textarea.input-text {
    height: 0.54rem;
    padding-right: 0.4rem;
}

body .question-explain-edit .question-explain-body .question-title-image-upload {
    right: 0.05rem;
}

.question-explain-edit .btn-remove {
    /* width: 12px;
    height: 14px; */
    top: 0;
}

.question-explain-edit img.question-pic {
    margin-top: 0.15rem;
}
.question-explain-edit .answer-desc-sub {
    margin-top: 0.05rem;
    line-height: 1.2;
    font-size: 0.14rem;
    color: #757575;
}
.question-explain-edit .upload-button-wrap a {
    color: var(--umu-color-text-secondary, #666);
}

.question-explain-edit .upload-button-wrap a.active {
    color: #1e6ee6;
}

.question-explain-view {
    line-height: 1.5;
}

.question-explain-view .explain-content-wrap {
    display: table;
}

.question-explain-view .question-explain-label {
    display: table-cell;
    white-space: nowrap;
    padding-right: 0;
}

.question-explain-view .question-explain-content {
    display: table-cell;
    padding-left: 0;
    width: 100%;
    word-break: break-all;
}

/*.question-explain-view .answer-pic {
    max-height: 130px;
    max-width: 100%;
    min-width: 30px;
    margin: 10px 0 0 0;
    box-sizing: border-box;
    margin-left: 20px;
    padding-right: 30px;
}*/

.question-explain-view .question-explain-view-image img {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    max-height: 1.3rem;
    max-width: 100%;
    min-width: 0.3rem;
    margin: 0.05rem 0 0.1rem 0;
    width: auto;
}
body.locale-de .question-explain-view .question-explain-content,
body.locale-en .question-explain-view .question-explain-content {
    padding-left: 0.05rem;
}

.multipl-choice-limit{-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
.multipl-choice-limit .limit-switch{display:inline-block;vertical-align:middle;}
.multipl-choice-limit .limit-option{display:inline-block;vertical-align:middle;margin-right:0.1rem;font-size:0;}
.multipl-choice-limit .limit-option-label{display:inline-block;vertical-align:middle;margin-right:0.2rem;font-size:0.14rem;}
.multipl-choice-limit .limit-option-value{display:inline-block;vertical-align:middle;}
.multipl-choice-limit .limit-option-value .select-box{width:0.65rem;}

/* */
.multipl-choice-limit .limit-option.disabled{opacity:.5;}

.multipl-choice-limit .limit-option:not(.disabled) .limit-option-value .select-box.disabled {
    opacity:.5;
}
.video-unlimited-guide {
    margin: 0 0.1rem;
    margin-bottom: 0.12rem;
    padding: 0.12rem 0.12rem;
    line-height: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    word-break: break-word;

    border-radius: 4px;
    border: 1px solid var(--umu-color-primary, #fab400);
    background: var(--umu-gold-2, rgba(250, 180, 0, 0.08));
    font-size: 0.14rem;
}
.video-unlimited-guide span {
    color: #dd4e40;
}
.video-unlimited-guide a {
    margin: 0 0.06rem;
    color: #1e6ee6;
    display: flex;
    align-items: center;
}

.question-option-item {
    display: inline-block;
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: #757575;
    height: 0.18rem;
    line-height: 0.18rem;
    font-size: 0.12rem;
    padding: 0 0.09rem;
    margin-right: 0.07rem;
}
.question-option-item:first-child {
    margin-left: 0.1rem;
}

.question-answer-selector{font-size: 0.14rem;line-height: 0.4rem;display: table;width: 100%;}
/* */
.question-answer-selector .label{white-space: nowrap; line-height: 1.5; vertical-align: middle;}
/* */
.question-answer-selector .answer-select{
    vertical-align: top;
    margin-right: 0.9rem;
}

.question-answer-selector .answer-score{
    display: flex;
    margin-top: 0.2rem;
}
.question-answer-selector .answer-score .question-score-setter-value {
    display: flex;
}
.question-answer-selector .answer-score .question-score-setter-value .question-score-total {
    padding-left: 0.04rem;
}
.question-answer-selector .checkable-select-wrapper {
    margin-top: 0.1rem;
}

.question-answer-selector .select-list .value-desc::after {
    content: ' ';
    display: inline-block;
}

.input-answer {}

.input-answer .answer-desc {
    white-space: nowrap;
    vertical-align: middle;
    padding-right: 0.1rem;
    line-height: 1.5;
    color: #424242;
    display: none;

}

.input-answer .answer-header {
    margin-top: 0.1rem;
    width: 100%;
}

.input-answer:first-child .answer-desc {
    display: block;
}

.input-answer .answer-desc-sub {
    margin-top: 0.05rem;
    line-height: 1.2;
    font-size: 0.14rem;
    color: #757575;
}

.input-answer:first-child .answer-title {
    padding-right: 1.26rem;
}

.input-answer:first-child .answer-title .input-text {
    padding-left: 0.1rem;
}

.input-question-answer-selector {
    
}

.question-move-operation,
.question-copy-operation {
    display: none;
    margin-bottom: 0.2rem;
    text-align: center;
}

.questions-edit-copy .question-copy-operation,
.questions-edit-move .question-move-operation {
    display:block;
}

.quesitons-edit-move-disabled .question-operations .btn-text:first-child {
    color: #757575;
    cursor: default;
    text-decoration: none;
}

.quesitons-edit-move-disabled .question-operations .btn-action:first-child {
    color: #757575;
    cursor: default;
    text-decoration: none;
}
.question-move-operation .btn-optional,
.question-copy-operation .btn-optional {
    margin-left: 0.2rem;
}

.question-media-selector {
    margin-top: 0.01rem;
    background: var(--umu-color-bg-base, #fff);
    display: flex;
    align-items: center;
    height: 0.38rem;
    cursor: pointer;
    color: var(--umu-color-text-secondary, #666666);
}

.question-media-selector .upload-btn {
    color: var(--umu-color-text-secondary, #666666);
}

div.question-media-selector .iconfont.active {
    color: #1e6ee6;
}

.question-media-selector .iconfont.disabled {
    cursor: default;
    color: #cccccc;
}

.question-media-selector .media-selector-btn {
    display: block;
    margin: 0.1rem;
    height: 0.2rem;
}

.question-media-selector .upload-button-wrap {
    margin: 0;
}

.question-video-selector span.icon {
    display: inline-block;
    width: 0.27rem;
    height: 0.27rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.question-video-selector span.icon.icon-media-video {
    background-image: url(/twww/cn/images/video.b360bb0f..png)
}

.question-video-selector span.icon.icon-media-video.disabled {
    background-image: url(/twww/cn/images/video_disable.447889df..png)
}

.question-video-selector span.icon.icon-media-video.active {
    background-image: url(/twww/cn/images/video_active.9c75506c..png)
}
/* title */

.session-file-selector-dialog .umu-dialog-title .title-tip {
    font-size: 0.14rem;
    color: #757575;
}

body.locale-jp .session-file-selector-dialog .umu-dialog-title .title-tip {
    font-size: 0.12rem;
}

.session-file-selector-dialog-hidden {
    visibility: hidden;
}

.session-file-selector-icon {
    display: inline-block;
    width: 1.52rem;
    height: 1.04rem;
    position: relative;
}

.session-file-selector-icon::before,
.session-file-selector-icon::after {
    content: '';
    position: absolute;
}

.session-file-selector-icon::before {
    border: 10px solid rgba(0, 0, 0, 0);
    border-width: 0 40px 40px;
    border-bottom-color: #fff;
    top: 0.16rem;
    left: 0.37rem;
}

.session-file-selector-icon::after {
    width: 0.33rem;
    height: 0.33rem;
    background: var(--umu-color-bg-base, #fff);
    top: 0.56rem;
    left: 0.6rem;
}

.audio-to-upload {
    display: inline-block;
    width: 1.48rem;
    height: 1.49rem;
    position: relative;
}

.audio-to-upload img {
    width: 100%;
    height: 100%;
}

/* 文件上传组件样式 */

.session-file-selector {
    margin: 0.2rem 0.7rem 0.4rem;
    min-height: 4.5rem;
}

.session-file-selector .file-selector {
    margin: 0.3rem 0;
    text-align: center;
    padding-top: 0.3rem;
}

.session-file-selector .file-selector .tip {
    font-size: 0.16rem;
    color: var(--umu-color-text, #212121);
    padding-top: 0.2rem;
}

.session-file-selector .file-select-tip {
    margin: 0.3rem 0;
    text-align: left;
    font-size: 0.14rem;
    color: #757575;
    line-height: 1.5;
    padding-bottom: 0.4rem;
}

body .session-file-selector .file-select-tip p {
    margin-bottom: 0.1rem;
}

.session-file-selector .file-selector-wrap {
    margin: 0 1.2rem;
    padding-top: 0.01rem;
}

.session-file-selector-dialog .ngdialog-content {
    width: 8rem !important;
}

.session-file-selector-dialog .file-list {
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-user-drag: none;
}

.session-file-selector-dialog .file-list-wrap {
    /* prettier-ignore */
    height: 490PX;
    overflow-y: auto;
}

/* 列表为空时 */

.session-file-selector-dialog .file-list-blank {
    display: table;
    width: 100%;
    height: 100%;
}

.session-file-selector-dialog .file-list-blank .blank-tip {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0.2rem;
}

.session-file-selector-dialog .file-list-blank .to-upload {
    display: inline-block;
    width: 1.52rem;
    height: 1.04rem;
    background: #efefef;
    border-radius: 10px;
}

.session-file-selector-dialog .file-list-blank .tip {
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    padding-top: 0.1rem;
    padding-bottom: 0.2rem;
    line-height: 1.5;
}

.session-file-selector-dialog .file-list-blank .blank-tip .operation .file-upload {
    display: inline-block;
}

.session-file-selector-dialog .file-list-loading .info {
    text-align: center;
    font-size: 0.14rem;
    color: #757575;
    padding: 0.5rem 0;
}

/* 列表页脚 */

.session-file-selector-dialog .file-list-footer .file-list-pages {
    float: left;
    line-height: 0.34rem;
    display: flex;
}

.session-file-selector-dialog .file-list-footer .file-list-pages .file-list-total {
    margin-right: 0.2rem;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li {
    display: inline;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li a {
    display: inline-block;
    vertical-align: middle;
}

.session-file-selector-dialog .file-list-footer .file-list-pages li a.currentPage {
    color: var(--umu-color-text-secondary, #666);
    text-decoration: none;
    cursor: default;
}

.session-file-selector-dialog .file-list-footer .file-list-operations {
    float: right;
}

.session-file-selector-dialog .file-list-footer .file-list-operations .file-upload {
    display: inline-table;
}

.session-file-selector-dialog .file-list-footer .file-list-operations .btn {
    margin-left: 0.2rem;
    display: inline-table;
}

/* 列表条目样式 */

.session-file-selector-dialog .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);
}

.session-file-selector-dialog .file-item-row:hover,
.session-file-selector-dialog .file-item-row.active {
    background: #f4f9fc;
}

.session-file-selector-dialog .file-item-col {
    display: table-cell;
}

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

.session-file-selector-dialog .file-item-col.date-time {
    width: 1.6rem;
}

body.locale-fr .session-file-selector-dialog .file-item-col.date-time.file-time {
    width: 1.9rem;
}

.session-file-selector-dialog .file-item-col.size {
    width: 1rem;
}

body.locale-jp .session-file-selector-dialog .file-item-col.size {
    width: 1.3rem;
}

.session-file-selector-dialog .file-item-row .file-item-col.title {
    padding-left: 1.5rem;
}

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

.session-file-selector-dialog .file-item-row.file-item-type-mp4 .file-item-col.title::before {
    background-position: 0 -5.4rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-pdf .file-item-col.title::before {
    background-position: 0 -4.38rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-doc .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-docx .file-item-col.title::before {
    background-position: 0 -4.67rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-ppt .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-pptx .file-item-col.title::before {
    background-position: 0 -4.96rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-xls .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-xlsx .file-item-col.title::before {
    background-position: 0 -6.3rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-mp3 .file-item-col.title::before {
    background-position: 0 -6.6rem;
}

.session-file-selector-dialog .file-item-row.file-item-type-gif .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-jpeg .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-jpe .file-item-col.title::before,
.session-file-selector-dialog .file-item-row.file-item-type-png .file-item-col.title::before {
    background-position: 0 -5.7rem;
}

.session-file-selector-dialog .file-item-row {
    position: relative;
}

.session-file-selector-dialog .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, #eee) 1px;
    padding: 0.01rem;
    line-height: 0.55rem;
}

.session-file-selector-dialog .file-item-row .without-thumb .thumb-img-container {
    border: none;
}

.session-file-selector-dialog .title .file-name .file-name-img .thumb-img {
    width: auto;
    max-height: 0.55rem;
    max-width: 0.98rem;
}

.session-file-selector-dialog .title .file-name .file-name-text .tips-container {
    color: #fff;
    text-align: left;
    background: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.7);
    padding: 0.06rem 0.12rem;
}

.session-file-selector-dialog .title .file-name .file-name-text .tips-arrow-TC .tips-container,
.session-file-selector-dialog .title .file-name .file-name-text .tips-arrow-BC .tips-container {
    left: auto;
    width: max-content;
    min-width: auto;
    max-width: 3.6rem;
}

.session-file-selector-dialog .title .file-name .file-name-text .hover-tips .tips-container::after {
    border-width: 0;
}

.session-file-selector-dialog .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;
}

.session-file-selector-dialog .file-item-header .file-item-col {
    color: #757575;
}

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

.file-select-loading {
    text-align: center;
    padding: 1.5rem 0;
}

.session-file-selector .btn-text {
    float: right;
    padding: 0;
    border: 0 none;
    background-color: var(--umu-color-bg-base, #fff);
    text-decoration: none;
    outline-style: none;
    cursor: pointer;
}

.umu-search-div {
    height: 0.3rem;
    padding-top: 0.1rem;
}

.umu-search-div .search-input {
    width: 3rem;
    float: left;
}

.title em {
    color: #1677ff;
}

.no-search-info {
    padding: 1.5rem 0;
    text-align: center;
    font-size: 0.14rem;
    line-height: 1.5;
    color: #bebdbd;
}

.no-search-info p {
    margin-top: 0.1rem;
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
}

.template-add-blank .search-no-data {
    width: 2rem;
}

.umu-dialog-buttons .btn-primary {
    padding: 0 0.13rem;
    background: var(--umu-color-primary, #fab400);
    color: #fff;
    border-radius: 4px;
    border-color: var(--umu-color-primary, #fab400);
}

.file-name {
    display: flex;
    padding-left: 0.3rem;
    padding-right: 0.2rem;
    align-items: center;
}

.file-name-img {
    width: 1rem;
    height: 0.55rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid var(--umu-color-fill-secondary, #eee) 1px;
}

.file-name-text {
    margin-left: 0.2rem;
    flex: 1;
    width: 1.6rem;
    line-height: 0.2rem;
}

.file-name-text-target {
    line-height: 0.2rem;
}

.truncate-text-2 {
    overflow: hidden;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.file-name-status {
    margin-left: 0.2rem;
    width: 1.4rem;
}

.media-file-selector-icon {
    display: inline-block;
    width: 1.52rem;
    height: 1.04rem;
    border-radius: 4px;
    background: url(/twww/cn/images/upload.e12aff10..png) center center no-repeat;
    background-size: 0.56rem;
    border: 1px dashed rgba(204, 204, 204, 1);
    background-color: rgba(252, 252, 252, 1);
    cursor: pointer;
}

.media-file-selector-icon:hover {
    background: url(/twww/cn/images/upload-hover.f9838257..png) center center no-repeat;
    background-size: 0.56rem;
    border: 1px dashed var(--umu-color-primary, #fab400);
    background-color: var(--umu-gold-2, rgba(250, 180, 0, 0.08));
}

.session-file-selector-dialog .ngdialog-content {
    display: flex;
}

.session-file-selector-dialog .ngdialog-content .course-file-selector-dialog.media-file-selector-dialog {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.session-file-selector-dialog .ngdialog-content .course-file-selector-dialog.media-file-selector-dialog .umu-dialog-body {
    flex: 1;
    display: flex;
    overflow-y: hidden;
    justify-content: center;
}


.session-file-selector-dialog .ngdialog-content .course-file-selector-dialog.media-file-selector-dialog .umu-dialog-body .no-search-info {
    padding: 0.5rem 0 0;
}
.question-audio-selector span.icon {
    display: inline-block;
    width: 0.27rem;
    height: 0.27rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.question-audio-selector span.icon.icon-media-audio {
    background-image: url(/twww/cn/images/audio.54f41d00..png);
}

.question-audio-selector span.icon.icon-media-audio.disabled {
    background-image: url(/twww/cn/images/audio_disable.1946dab3..png);
}

.question-audio-selector span.icon.icon-media-audio.active {
    background-image: url(/twww/cn/images/audio_active.1d1e0701..png);
}

.session-file-selector-dialog.audio-media-selector-dialog .file-list-wrap{
    height: 5rem;
}
.question-img-selector span.icon {
    display: inline-block;
    width: 0.27rem;
    height: 0.27rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.question-img-selector span.icon.icon-media-img {
    background-image: url(/twww/cn/images/img.6fe93dc7..png);
}

.question-img-selector span.icon.icon-media-img.disabled {
    background-image: url(/twww/cn/images/img_disable.b251eac8..png);
}

.question-img-selector span.icon.icon-media-img.active {
    background-image: url(/twww/cn/images/img_active.f120247b..png);
}
.question-formula-editor span.icon {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    width: 0.22rem;
    height: 0.22rem;
    cursor: pointer;
    margin-top: -0.01rem;
}

.question-formula-editor span.icon.icon-media-img {
    background-image: url(/twww/cn/images/formula-icon.2de86157..png);
}

.question-formula-editor span.icon.icon-media-img.disabled {
    background-image: url(/twww/cn/images/formula-icon-disabled.01c40039..png);
}

.question-formula-editor span.icon.icon-media-img.active {
    background-image: url(/twww/cn/images/formula-icon-active.2a576183..png);
}

.formula-editor-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 8.4rem;
    height: 6rem;
}

body.locale-de .formula-editor-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content,
body.locale-en .formula-editor-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 9.4rem;
}

.formula-editor-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0;
}

.formula-editor-dialog .editor-container-iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.formula-editor-dialog .ifram-wrap {
    height: 5rem;
    width: 7.9rem;
    padding: 0.3rem;
}

body.locale-de .formula-editor-dialog .ifram-wrap,
body.locale-en .formula-editor-dialog .ifram-wrap {
    width: 8.9rem;
}

.media-selector-btn.question-formula-editor {
    position: relative;
}

.media-selector-btn.question-formula-editor .tips {
    position: absolute;
    top: 0.3rem;
    right: -0.6rem;
    display: inline-block;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-shadow: 0 0.01rem 0.04rem 0 rgba(0, 0, 0, 0.2);
    font-size: 0.13rem;
    color: var(--umu-color-text, #212121);
    line-height: 0.18rem;
    white-space: nowrap;
    padding: 0.1rem;
    z-index: 2;
}

.media-selector-btn.question-formula-editor .tips.disabled {
    color: #757575;
}

.quiz-textarea-question-check-box-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-check-box-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

/*.question-view .checkbox-question-answer .answer-pic{
    margin-left:30px;
}*/

.checkbox-extra-answer.textarea-question-answer{
    margin-top: 0.1rem;
}
.question-view {
}

.question-view .question-wrapper {
}

.question-view .question-header {
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-bottom: 0.15rem;
}

.question-view .question-title {
    line-height: 1.5;
}

.question-view .question-title {
    font-size: 0; /* 为了实现dom相连接 */
    margin-bottom: 0.1rem;
}
.question-view .question-title .title {
    display: inline;
    font-size: 0.16rem;
    white-space: pre-line; /* questionTitle支持多行 */
}
.question-view .question-title .type {
    display: inline;
    font-size: 0.16rem;
}

.question-view .question-number {
    width: 0.6rem;
    font-size: 0.2rem;
    position: absolute;
    margin-left: -0.7rem;
    line-height: 0.24rem;
}

.question-view .question-wrapper {
    padding-left: 0.7rem;
}

.question-view .question-answer .answer-item {
    min-height: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: 0.1rem;
    word-break: break-word;
}

.question-view .question-answer .answer-item .inline-wrapper {
    display: inline-block;
}
.question-view .question-answer .answer-item .content-wrapper {
    display: flex;
}

.question-view .question-answer .answer-item .content-wrapper .answer-content {
    flex: 1;
    white-space: break-spaces;
}

.question-view .question-answer .answer-item:last-child {
    margin-bottom: 0;
}

.question-view .question-setting {
    margin-top: 0.12rem;
    height: auto;
    line-height: 0.2rem;
}

/*.question-view .question-setting .setting-label {
    color: #757575;
}*/

.question-view .question-answer .answer-item.is-right .icon.icon-is-right {
    margin-left: -0.2rem;
}

.question-view .question-answer .answer-item.is-selected .answer-select-mark {
    position: absolute;
    width: 0.18rem;
    height: 0.18rem;
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat -1rem -2rem;
    -webkit-background-size: 540px auto;
    background-size: 5.4rem auto;
    margin-top: 0.02rem;
    margin-left: 0.01rem;
}

.question-view .answer-pic {
    box-sizing: border-box;
    max-height: 1.3rem;
    max-width: 100%;
    min-width: 0.3rem;
    margin: 0.1rem 0 0 0;
}

.question-view .question-answer .answer-item.is-selected img.answer-pic {
    border: 2px solid #3399ff;
    padding: 0.05rem;
}

.question-view .question-image img {
    max-height: 1.3rem;
    width: auto;
    height: auto;
}

.question-view .question-image .img {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    min-width: 0.3rem;
    margin: -0.05rem 0 0.1rem 0;
    width: auto;
}
.normal-question-view-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.normal-question-view-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}
.question-setting.question-setting-info .question-option-item {
    display: inline-block;
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #222);
    line-height: 0.2rem;
    font-size: 0.14rem;
    padding: 0.02rem 0.08rem;
    margin-right: 0.07rem;
    border-radius: 4px;
}

.quiz-textarea-question-basic-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-basic-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.radio-extra-answer.textarea-question-answer{
    margin-top: 0.1rem;
}
/*body.locale-es .group-menu-wraps .tool-dropdown-menu .item,
body.locale-fr .group-menu-wraps .tool-dropdown-menu .item {
    max-width: 240px;
}
*/
body.locale-es .group-menu-wraps .tool-dropdown-menu .title,
body.locale-fr .group-menu-wraps .tool-dropdown-menu .title {
    font-size: 0.12rem;
}

.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu {
    overflow: unset;
    max-height: calc(100vh - 1.28rem);
}

.group-menu.group-menu-wraps .cmd-btn-holder .group-menu-btn-wrap {
    position: relative;
}

.group-menu.group-menu-wraps .cmd-btn-holder .group-menu-btn-wrap .guide-hook {
    position: absolute;
    right: -0.05rem;
    bottom: 0.1rem;
}

.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu .dropdown-menu-item-wrap {
    position: relative;
}

.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu {
    padding: 0;
    border-radius: 4px;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    box-shadow: 0rem 0.04rem 0.12rem rgba(0, 0, 0, 0.06);
}
.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu .dropdown-menu-item-wrap .item .item-link {
    padding: 0 0.17rem;
}
.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu .dropdown-menu-item-wrap .item .item-link .dropdown-iconfont {
    margin-right: 0.09rem;
}
.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu .dropdown-menu-item-wrap .item .item-link .dropdown-iconfont svg {
    margin-right: 0rem;
}

.group-menu.group-menu-wraps .cmd-btn-holder .tool-dropdown-menu .dropdown-menu-item-wrap .guide-hook {
    position: absolute;
    left: 0;
    top: -0.02rem;
}

.notification-desc-p {
    margin-bottom: 0.08rem;
}

.dropdown-menu-item-wrap .btn-course-cooperation-tip {
    width: 100%;
    text-align: left;
}
.group-menu-wraps .dropdown-menu-item-wrap .cooperation-action-wrap {
    width: 100%;
}

.ngdialog.ngdialog-theme-umu.course-delete-dialog .umu-dialog-body {
    padding: 0.24rem;
}
.course-delete-dialog .title {
    font-size: 0.22rem;
    line-height: 0.26rem;
    margin-bottom: 0.12rem;
}
.course-delete-dialog .icon-course {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.08rem;
    background: url(/twww/cn/images/icon-course.71518c71..png) no-repeat center / contain;
}
.course-delete-dialog .course-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding: 0.08rem;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 4px;
}
.course-delete-dialog .course-title p {
    flex: 1;
    min-width: 0;
    padding: 0.02rem 0;
}
.course-delete-dialog .desc {
    margin-top: 0.06rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
}
.setTemplate p.note.template-disabled-text,
.template-disabled-text {
    color: var(--umu-color-text-tertiary, #999999);
}
.ngdialog.expired-dialog {
    z-index: 10000;
}
.ngdialog.expired-dialog .due-date-color {
    color: #dd4e40;
}

.question-header .question-title .input-text {
    color: var(--umu-color-text, #000);
}
.question.disabled .question-header .question-title.disabled .input-text {
    color: #757575;
    cursor: not-allowed;
}

.question {
    position: relative;
}

.question .question-operations {
    position: absolute;
    top: 0rem;
    right: 0rem;
    line-height: 0.4rem;
    color: #1e6ee6;
}

.question .question-operations .btn-text {
    margin-left: 0.2rem;
}

.question .question-operations .btn-action {
    margin-left: 0.2rem;
}
.question .question-title {
    position: relative;
    padding-right: 1.5rem;
}

body.locale-fr .question .question-title {
    padding-right: 2rem;
}
body.locale-de .question .question-title {
    padding-right: 2.5rem;
}

.question .question-header {
    position: relative;
}

.question .question-number {
    position: absolute;
    font-size: 0.16rem;
    /* 大数字的问题 */
    line-height: 0.4rem;
    padding: 0rem 0.1rem;
    z-index: 1;
    color: var(--umu-color-text, #000);
    top: 0.02rem;
}

.question .question-number.disabled {
    color: #757575;
    cursor: not-allowed;
}

.question .question-title .input-text {
    padding-left: 0.7rem;
    padding-right: 0.39rem;
}

.question .question-title .input-box {
    /* input-text:padding-left + (input-box-default-padding)9 + 2 * border */
    padding-right: 1.11rem;
}

body.locale-de .question .question-title .input-box,
body.locale-en .question .question-title .input-box {
    padding-right: 1.41rem;
}

body.locale-es .question .question-title .input-box,
body.locale-fr .question .question-title .input-box {
    padding-right: 1.41rem;
}

body.locale-jp .question .question-title .input-box {
    padding-right: 1.26rem;
}

.question.disabled .input-box .input-text {
    color: var(--umu-color-text, #000);
}

.question .question-type {
    /*height: 40px;
    line-height: 40px;*/
    margin: 0.23rem 0 0.25rem 0;
}

.question .question-type .radio-list {
    display: inline-block;
    line-height: 0.4rem;
    vertical-align: middle;
}

.question .question-answer {
    margin-bottom: 0.2rem;
}

.question .question-setting {
    margin-bottom: 0.2rem;
}

.question .question-setting .question-answer-selector {
    margin-bottom: 0.2rem;
}

.question .question-title-image-upload {
    position: absolute;
    top: 0;
    margin-right: 0.18rem;
    right: 1.52rem;
}

.multiEvalDialog .question-list .multi-eval-question .question .question-title-image-upload {
    right: 1.76rem;
}

/* disabled */
.question.disabled .setting .setting-header-title {
    color: #757575;
}

.question.disabled {
    color: #757575;
}

.question.disabled .setting .setting-header .icon {
    display: none;
}

.question.disabled .question-title.input-box .input-text {
    color: var(--umu-color-text, #000);
}

.question.disabled .question-title.disabled .input-box .input-text {
    color: #757575;
}

.question.disabled .input-box.disabled .input-text {
    color: #757575;
}

.question.disabled .input-box .input-text.disabled {
    color: #757575;
}

.question.disabled .disabled-edit-tips-exclude .input-box .input-text {
    color: var(--umu-color-text, #212121);
}

/*复制移动 */
.question.question-operating .input-box .input-text,
.question.question-operating .select-box {
    border: 1px solid #1e6ee6;
    box-shadow: none;
}

.question.question-operating .answer_editor {
    border: 1px solid #1e6ee6;
}

.question.question-operating .answer_editor .input-text {
    border: 0;
    box-shadow: none;
}

.question.question-operating .question-number {
    color: #1e6ee6;
}

.question .question-wrapper .question-header .session-error-msg {
    display: block;
}
body.locale-es .question .question-operations .btn-text,
body.locale-fr .question .question-operations .btn-text {
    margin-left: 0.1rem;
    font-size: 0.12rem;
}
body.locale-jp .question .question-title-image-upload {
    right: 1.65rem;
}
body.locale-de .question .question-title-image-upload,
body.locale-en .question .question-title-image-upload {
    right: 2rem;
}
body.locale-es .question .question-title-image-upload,
body.locale-fr .question .question-title-image-upload {
    right: 1.95rem;
}
body.locale-cn .session-type-8 .question .question-title-image-upload,
body.locale-th .session-type-8 .question .question-title-image-upload {
    right: 1.65rem;
}
body.locale-sv .question .question-title-image-upload {
    right: 2.1rem;
}

@charset "UTF-8";
.question-used-wrap {
  padding-left: 0.7rem;
}

/* */
.question-used .question-header {
  line-height: 1.5;
}

.question-used .question-number {
  position: absolute;
  width: 0.6rem;
  margin-left: -0.7rem;
  font-size: 0.16rem;
  /* 大数字的问题 */
  line-height: 0.24rem;
}

.question-used .question-title {
  font-size: 0;
  /* 为了实现dom相连接 */
  margin-bottom: 0.1rem;
}

.question-used .question-title .title {
  display: inline;
  font-size: 0.16rem;
  white-space: break-spaces;
}

.question-used .question-title .type {
  display: inline;
  font-size: 0.16rem;
}

/* */
.question-used .question-answer-item {
  margin: 0.03rem 0;
  min-height: 0.24rem;
  position: relative;
}

.question-used .question-answer-item-wrap {
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.3rem;
}

/* */
.question-used .option-answer-mark {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
  width: 0.1rem;
  margin-left: -0.3rem;
}

/* */
.question-used .option-detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 1.1rem;
  padding-left: 0.4rem;
  min-height: 0.24rem;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.question-used .option-detail .index {
  font-size: 0.16rem;
  margin-right: 0.1rem;
  float: left;
  margin-left: -0.4rem;
}

.question-used .option-detail .desc {
  font-size: 0.14rem;
}

/* */
.question-used .option-ratio {
  overflow: hidden;
}

.question-used .option-ratio .bar {
  height: 0.14rem;
  background: #ebecee;
  border-radius: 2px;
  margin: 0.05rem 0;
}

.question-used .option-ratio .ratio {
  height: 100%;
  border-radius: 2px;
}

.question-used .question-answer-item:nth-child(10n+1) .ratio {
  background: var(--umu-color-primary, #ffb91f);
}

.question-used .question-answer-item:nth-child(10n+2) .ratio {
  background: #42A5F5;
}

.question-used .question-answer-item:nth-child(10n+3) .ratio {
  background: #FF7D7A;
}

.question-used .question-answer-item:nth-child(10n+4) .ratio {
  background: #9FC937;
}

.question-used .question-answer-item:nth-child(10n+5) .ratio {
  background: #9B65D0;
}

.question-used .question-answer-item:nth-child(10n+6) .ratio {
  background: #FFA726;
}

.question-used .question-answer-item:nth-child(10n+7) .ratio {
  background: #65B2E9;
}

.question-used .question-answer-item:nth-child(10n+8) .ratio {
  background: #F596AA;
}

.question-used .question-answer-item:nth-child(10n+9) .ratio {
  background: #3BB6B6;
}

.question-used .question-answer-item:nth-child(10n+10) .ratio {
  background: var(--umu-color-primary, #ffb91f);
}

/* */
.question-used .option-count {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0.03rem;
  font-size: 0;
  width: 1.2rem;
}

.question-used .option-count .count-info {
  display: inline-block;
  vertical-align: top;
  font-size: 0.18rem;
}

.question-used .option-count .percent {
  width: 0.62rem;
  text-align: right;
}

.question-used .option-count .dot {
  width: 0.04rem;
  height: 0.04rem;
  background: #a3b0b9;
  border-radius: 50%;
  margin: 0.08rem 0.05rem 0;
}

.question-used .option-count .num {
  color: #4b4c50;
  width: 0.4rem;
  white-space: nowrap;
}

.question-used .question-answer-item:nth-child(10n+1) .percent {
  color: var(--umu-color-primary, #ffb91f);
}

.question-used .question-answer-item:nth-child(10n+2) .percent {
  color: #42a5f5;
}

.question-used .question-answer-item:nth-child(10n+3) .percent {
  color: #FF7D7A;
}

.question-used .question-answer-item:nth-child(10n+4) .percent {
  color: #9FC937;
}

.question-used .question-answer-item:nth-child(10n+5) .percent {
  color: #9B65D0;
}

.question-used .question-answer-item:nth-child(10n+6) .percent {
  color: #FFA726;
}

.question-used .question-answer-item:nth-child(10n+7) .percent {
  color: #65B2E9;
}

.question-used .question-answer-item:nth-child(10n+8) .percent {
  color: #F596AA;
}

.question-used .question-answer-item:nth-child(10n+9) .percent {
  color: #3BB6B6;
}

.question-used .question-answer-item:nth-child(10n+10) .percent {
  color: var(--umu-color-primary, #ffb91f);
}

/* */
.question-used .question-setting {
  margin-top: 0.1rem;
  line-height: 1.5;
}

.question-used .question-setting-label,
.question-used .question-setting-result {
  display: inline;
}
.question-used .question-setting-label .question-option-item,
.question-used .question-setting-result .question-option-item {
  display: inline-block;
  background: var(--umu-color-bg-layout, #f5f5f5);
  color: var(--umu-color-text, #222);
  line-height: 0.2rem;
  font-size: 0.14rem;
  padding: 0.02rem 0.08rem;
  margin-right: 0.07rem;
  border-radius: 4px;
}

.question-used .question-setting-label {
  font-size: 0.14rem;
  color: var(--umu-color-text, #212121);
}

/* */
.question-used .question-analyse {
  font-size: 0.14rem;
  line-height: 1.5;
  color: var(--umu-color-text, #212121);
}

.question-used .question-analyse .analyse {
  display: inline;
  margin-right: 0.1rem;
}

.question-used .answer-pic {
  max-height: 1.3rem;
  max-width: 100%;
  min-width: 0.3rem;
  margin: 0.1rem 0 0 0;
  box-sizing: border-box;
  margin-left: 0.2rem;
  padding-right: 0.3rem;
}

.question-used .question-image img {
  max-height: 1.3rem;
  width: auto;
  height: auto;
}

.question-used .question-image .img {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  min-width: 0.3rem;
  margin: -0.05rem 0 0.1rem 0;
  width: auto;
}

.normal-question-used-points {
  display: flex;
  align-items: flex-start;
  margin-top: 0.12rem;
}

.normal-question-used-points .points-label {
  margin-top: 0.04rem;
  flex: none;
  line-height: 0.2rem;
  font-size: 0.14rem;
  margin-right: 0.24rem;
  margin-bottom: 0.1rem;
}
.question-view .qa-textarea-question-answer {
    height: 0.7rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.05rem 0.1rem;
}

/* */
.session-view-tab{border-top: 4px solid transparent;}
.session-view-tab .tabs{padding-left: 0.1rem;padding-right: 0.1rem;}

body.locale-jp .session-view .session-view-survey .session-analyser .session-analyser-state {
    width: 2.7rem;
}

.question-used .rich-option-detail-list {
    line-height: 0.2rem;
}

.question-used .rich-option-detail-list .icon.icon-is-right {
    margin-left: -0.25rem;
    float: left;
}

.question-used .rich-option-detail-list {
    line-height: 0.2rem;
}

.question-used .rich-option-ratio .bar {
    height: 0.12rem;
    background: #ebecee;
    border-radius: 2px;
    margin: 0.05rem 0;
}

.question-used .rich-ratio-wrap {
    position: relative;
    padding-right: 1.54rem;
    margin: 0.1rem 0 0.2rem 0;
}

.question-used .rich-option-ratio .ratio {
    height: 100%;
    border-radius: 2px;
}

.question-used .rich-ratio-wrap .option-count {
    position: absolute;
    top: -0.04rem;
    right: 0;
    margin-top: 0.03rem;
    font-size: 0;
    width: 1.5rem;
}

.question-answer-item .option-detail-list {
    width: 100%;
    position: relative;
}

.question-answer-item .option-detail-list .count-info {
    display: inline-block;
    vertical-align: top;
    font-size: 0.18rem;
}

.question-answer-item .option-detail-list .count-info.detail {
    cursor: pointer;
    position: absolute;
    border-top: 10px solid;
    width: 0;
    height: 0;
    top: -0.29rem;
    right: 0;
    border-width: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #1e6ee6 transparent transparent transparent;
}

.question-answer-item .option-detail-list .count-info.detail.open {
    top: -0.4rem;
    border-color: transparent transparent #1e6ee6 transparent;
}

.question-answer-item .option-detail-list .option-content::after {
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    content: '';
}

.question-used .option-count .option-detail-list .count-info.detail {
    right: -0.22rem;
    cursor: pointer;
    position: absolute;
    border-top: 10px solid;
    width: 0;
    height: 0;
    top: 0.05rem;
    border-width: 8px;
    border-style: solid dashed dashed dashed;
    border-color: #1e6ee6 transparent transparent transparent;
}

.question-used .option-count .option-detail-list .count-info.detail.open {
    top: -0.05rem;
    border-color: transparent transparent #1e6ee6 transparent;
}

.question-answer-item .rich-answer-item-wrap .rich-option-detail {
    display: flex;
    gap: 6px;
    line-height: 1.5;
}
.question-answer-item .rich-answer-item-wrap .rich-option-detail i.icon.icon-is-right {
    flex-shrink: 0;
}
.question-answer-item .rich-answer-item-wrap .inline-wrapper {
    display: inline-block;
}
.question-answer-item .rich-answer-item-wrap .content-wrapper {
    display: flex;
}

.question-answer-item .rich-answer-item-wrap .desc {
    flex: 1;
    white-space: break-spaces;
    word-break: break-word;
}

.option-content.container-detail {
    background-color: #fcfcfc;
    border-radius: 4px;
}

.option-content.container-detail .option-list::after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}
.option-content.container-detail .student-info {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 50%;
    float: left;
    padding: 0.1rem 0.1rem 0.05rem 0.15rem;
}
.container-detail .user-level-due-tips {
    padding: 0.24rem;
    padding-bottom: 0;
}
.option-content.container-detail .student-info.left {
    border: 0 none;
}
.option-content.container-detail .student-info .answer-detail {
    margin-left: 0.08rem;
    color: #21A564;
}

.option-content.container-detail .student-info::after {
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    content: '';
}

.option-content.container-detail .student-info .signin-avatar {
    margin-right: 0.06rem;
    flex: none;
}

.option-content.container-detail .student-info .user-name {
    line-height: 0.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}

.option-content.container-detail .student-info .user-name .user-name-info.transcate {
    vertical-align: top;
    width: 100%;
    max-width: unset;
}

.option-content.container-detail .user-name .is-web.user-name-info .user-name-content {
    /* 给后面的勋章留了25px */
    max-width: calc(100% - 0.25rem);
}

.option-content.container-detail .is-web.user-name-info.transcate .user-medal-info-holder {
    position: relative;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.option-content.container-detail .footer {
    padding: 0.1rem;
    width: calc(100% - 0.5rem);
    float: left;
    line-height: 0.4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.option-content.container-detail .loading-spinner {
    padding: 0 1rem;
    margin-bottom: 0.1rem;
}
.option-content.container-detail .user-level-privilege-tip {
    margin: 0.24rem 0.15rem 0;
}
.option-content.container-detail.partial-right .student-info .answer-detail {
    color: #FF860C;
}
.option-content.container-detail.wrong .student-info .answer-detail {
    color: #DD4E40;
}
.question-view .number-question-answer .option-list {
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #ebebeb;
}

.question-view .number-question-answer .number-desc {
    position: relative;
    top: 0.36rem;
    max-width: 0.9rem;
    height: 0.36rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.question-view .number-question-answer .option-list li {
    float: left;
    padding: 0;
    margin: 0rem 0 0.36rem 0;
    position: relative;
    min-width: 0.28rem;
    text-align: center;
    overflow: visible;
    border-bottom: 1px solid #ebebeb;
    line-height: 0.36rem;
}

.question-view .number-question-answer .option-list .radio-box {
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 0 0 0 -0.09rem;
}

.question-view .number-question-answer .option-list .radio-box.checked .input:before {
    background-position: -0.4rem -2rem;
}

.question-view .number-question-answer .min-desc {
    padding-right: 0.05rem;
}
.quiz-textarea-question-number-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-number-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.paragraph-question-view {
    line-height: 1.5;
}

.paragraph-question-view .question-wrapper {
    padding-left: 0;
}

.paragraph-question-view .paragraph-label {
    display: block;
    color: #757575;
}

.paragraph-question-view .paragraph-content {
    position: relative;
    max-height: 0.74rem;
    padding-right: 0.3rem;
}

.paragraph-question-view .descDropDown.paragraph-content {
    max-height: none;
}

.paragraph-question-view .paragraph-content pre {
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
}

.paragraph-question-view .paragraph-content .arrow {
    background: #fff url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -9.52rem;
    position: absolute;
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.paragraph-question-view .descDropDown.paragraph-content .arrow {
    background-position: -0.2rem -9.52rem;
}
.quiz-textarea-question-paragraph-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-paragraph-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.meeting-start-guide {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    line-height: 1.5;
}

.meeting-start-guide .guide-title {
    margin-bottom: 0.1rem;
}

.meeting-start-guide .guide-steps {}

.meeting-start-guide .guide-step {
    margin-bottom: 0.05rem;
}

.meeting-start-guide .guide-step.step-pc .step-info {
    display: inline;
}

.meeting-start-guide .guide-step.step-pc .step-action {
    display: inline;
    margin-left: 0.1rem;
}
.meeting-start-guide .guide-step.step-pc .step-action .btn.to-download {
    height: auto;
    line-height: 1;
    padding: 0.06rem 0.08rem;
}

.meeting-start-guide .guide-step.step-mobile .step-action {
    margin-top: 0.08rem;
}

.meeting-start-guide .guide-step.step-mobile .step-action .img {
    width: 1.56rem;
    height: 1.56rem;
}
.live-basic-setting-title {
    font-weight: 700;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
}

/* override setting style */
.setting.flat-setting .live-basic-settting-common .setting-row .option-label {
    width: 1.2rem;
}
.setting.flat-setting .live-basic-settting-common .setting-row .option-label .label {
    padding: 0.09rem 0.05rem 0.09rem 0;
}
.setting.flat-setting .live-layout .setting-row .option-label .label {
    font-weight: 700;
}

.setting.flat-setting .live-basic-settting-common .setting-row .option-content {
    display: table-cell;
    width: auto;
}
.live-extend-setting-title {
    font-weight: 700;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
}
.live-setting-title {
    font-weight: 700;
    color: var(--umu-color-text, #212121);
    margin-top: 0.4rem;
}

.live-library-edit-guide .guide-title {
    font-weight: 700;
    margin-top: 0.4rem;
    margin-bottom: 0.1rem;
}
.live-library-edit-guide .guide-tip {
    line-height: 1.5;
    color: #5D5D5D;
    margin-bottom: 0.1rem;
}
.live-library-edit-guide .guide-action {
    line-height: 1.5;
}
.live-library-edit-guide .guide-action .btn.disabled {
    background: 0!important;
    color: #757575;
}
.live-status-remind {
    padding: 0.16rem 0.24rem 0 0.2rem;
    margin-top: 0.11rem;
    margin-bottom: 0.25rem;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(255, 189, 43, 0.1);
}

.live-status-remind .contant-top {
    padding-bottom: 0.2rem;
    color: var(--umu-color-text, #212121);
    line-height: 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.live-status-remind .contant-bottom {
    padding-top: 0.16rem;
    padding-bottom: 0.2rem;
    line-height: 0.2rem;
}
.live-status-remind .contant-spacing {
    margin-bottom: 0.04rem;
}
.live-status-remind .umu-points {
    display: flex;
    justify-content: space-between;
}
.live-status-remind .umu-number {
    font-weight: 600;
    color: var(--umu-color-primary, #ffab00);
}
.live-status-remind .umu-number.umu-error {
    color: #dd4e40;
}
.live-status-remind .umu-points-btn {
    cursor: pointer;
    color: #1e6ee6;
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .ngdialog-content {
    border-radius: 4px;
    width: 4rem;
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .umu-dialog-title {
    padding: 0.16rem 0.24rem 0;
    font-size: 0.22rem;
    line-height: 0.28rem;
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .ngdialog-close:before {
    color: var(--umu-color-text, #333);
}
.pre-balance-tips-dialog-body p {
    color: var(--umu-color-text, #212121);
    line-height: 0.2rem;
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .ngdialog-content .title {
    font-size: 0.18rem;
    color: var(--umu-color-text, #212121);
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .umu-error {
    color: #dd4e40;
}
.ngdialog.ngdialog-theme-umu.pre-balance-tips-dialog .umu-number-tips {
    color: #1e6ee6;
    margin-bottom: 0.05rem;
}
.pre-balance-tips-dialog-body .unavailable-trials {
    margin-top: 0.06rem;
}

.live-balance-estimate-dialoged.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 6.04rem;
    border-radius: 9px;
}
.live-balance-estimate-dialoged .form-row {
    margin-bottom: 0.32rem;
}
.live-balance-estimate-dialoged .form-footer {
    padding-top: 0.32rem;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}
.live-balance-estimate-dialoged .form-footer-content {
    height: 0.48rem;
    width: 100%;
    padding: 0 0.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.live-balance-estimate-dialoged .btn-wrap {
    margin-right: 0.6rem;
}
.live-balance-estimate-dialoged .error-info {
    display: block;
}
.live-balance-estimate-dialoged .btn-wrap .balance-estimate-btn {
    background: var(--umu-color-primary, #ffbd2b);
    border-color: var(--umu-color-primary, #ffbd2b);
    height: 0.46rem;
    line-height: 0.46rem;
    min-width: 1.46rem;
    font-size: 0.16rem;
    border-radius: 3px;
}
.live-balance-estimate-dialoged .estimate-balance-text {
    color: var(--umu-color-primary, #ffab00);
}
.form-row .option-label {
    color: var(--umu-color-text, #212121);
    line-height: 0.2rem;
    margin-bottom: 0.1rem;
}
.live-balance-estimate-dialoged .form-row-setting {
    margin-top: 0.3rem;
}
.form-row-setting .setting-row {
    position: relative;
}
.form-row-setting .setting-row .option-content {
    display: table-cell;
    width: auto;
    min-height: 0.4rem;
    vertical-align: middle;
}
.form-row-setting .setting-row .option-label {
    width: 1rem;
    display: table-cell;
    vertical-align: top;
}
.form-row-setting .setting-row .option-label .label {
    padding: 0.09rem 0.05rem 0.09rem 0;
}
.live-balance-estimate-dialoged .hour-setting,
.minute-setting {
    display: inline-block;
    vertical-align: middle;
}
.live-balance-estimate-dialoged .hour-setting .input-box,
.minute-setting .input-box {
    padding-right: 0.1rem;
}
.live-balance-estimate-dialoged .radio-list-item {
    margin-right: 0.32rem !important;
    min-width: 1.03rem;
}



.setting-view-obs .icon-obs {
    cursor: pointer;
    display: inline-block;
    width: 0.4rem;
    height: 0.28rem;
    background: url(/twww/cn/images/icon-obs-off.d35794a0..png) no-repeat center;
    background-size: contain;
}
.setting-view-obs .icon-obs.icon-on-obs {
 background-image: url(/twww/cn/images/icon-obs-on.9fa59e4d..png);   
}
.setting-view-obs  .btn-primary.end-live-btn  {
    margin: 0 0.1rem;
}
.live-obs-view-setting .btn-text.copy-btn{
    color: #1e6ee6;
    margin-left: 0.08rem;
}
.setting .setting-view-obs .setting-row {
    line-height: 0.2rem;
    padding: 0.1rem 0;
}
.setting-view-obs .obs-info .btn {
    white-space: nowrap;
}
.setting-view-obs .setting-desc {
    margin-top: 0.1rem;
    line-height: 0.2rem;
}

.prompt-settings  .setting-split {
    border: none;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0;
    padding: 0.3rem 0 0.1rem 0;
    margin-top: 0.1rem;
}

.prompt-settings h2 {
    font-size: 0.16rem;
    color: #212121;
}

.prompt-settings .setting-body .setting-option:first-child  .option-label .label{
    font-size: 0.16rem;
    color: #212121;
}

.prompt-settings .description .description-label {
    padding: 0.15rem 0.05rem 0.05rem 0rem;
    margin-bottom: 0.1rem;
}

.prompt-settings .setting-row .setting-option-edit .tipIcon {
    vertical-align: -0.05rem;
}
.time-setting-text-height-color {
    color: #1e6ee6;
    cursor: pointer;
}

.question-view .checkbox-question-answer {

}

.question-attached {
    line-height: 1.5;
}

.question-attached .answer-setting {
    display: table;
    margin-top: 0.2rem;
}

.question-attached .answer-setting .setting-label {
    display: table-cell;
    white-space: nowrap;
}
.question-attached .answer-setting .setting-content {
    display: table-cell;
    width: 100%;
    word-break: break-all;
}

.question-attached .quiz-question-explain .question-explain-content {
    padding-left: 0;
}

.question-view .question-attached .quiz-question-explain {
    margin-top: 0.2rem;
}
body.locale-de .question-attached .quiz-question-explain .question-explain-content,
body.locale-en .question-attached .quiz-question-explain .question-explain-content {
    padding-left: 0.05rem;
}

.open-end-question-answer-view {
}

/* */
.open-end-question-answer-view .question-user-answer {
    margin-top: 0.1rem;
}

/* */
.open-end-question-answer-view .quiz-openend-user-answer {
    display: table;
    width: 100%;
}

.open-end-question-answer-view .user-answer-label {
    display: table-cell;
    vertical-align: text-top;
    white-space: nowrap;
    padding-right: 0.1rem;
}

body.locale-de .open-end-question-answer-view .user-answer-label,
body.locale-en .open-end-question-answer-view .user-answer-label {
    padding-right: 0.4rem;
}

body.locale-jp .open-end-question-answer-view .user-answer-label {
    padding-right: 0.4rem;
}

.open-end-question-answer-view .user-answer-content {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    background: #fafafa;
    padding: 0.1rem 0.2rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

.open-end-question-answer-view .user-answer-content .answer-content {
    line-height: 1.5;
    font-size: 0.16rem;
    word-break: break-all;
}

.open-end-question-answer-view .user-answer-content .answer-images {
}

.open-end-question-answer-view .user-answer-content .answer-images .img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin: 0.1rem 0;
    border: 2px solid transparent;
}

/* */
.open-end-question-answer-view .question-score-info {
    line-height: 1.5;
}

.open-end-question-answer-view .question-score-info-item {
    display: table;
    width: 100%;
    margin-top: 0.1rem;
}

.open-end-question-answer-view .question-score-info .info-label {
    display: table-cell;
    vertical-align: text-top;
    white-space: nowrap;
}

.open-end-question-answer-view .question-score-info .info-body {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    word-break: break-word;
}

/* */
.open-end-question-answer-view .answer-rank-excellent {
    color: #23a565;
}

.open-end-question-answer-view .answer-rank-good {
    color: #ff9800;
}

.open-end-question-answer-view .answer-rank-failure {
    color: #dd4e40;
}

.open-end-question-answer-view .answer-rank-excellent .answer-images .img {
    border-color: #23a565;
}

.open-end-question-answer-view .answer-rank-good .answer-images .img {
    border-color: #ff9800;
}

.open-end-question-answer-view .answer-rank-failure .answer-images .img {
    border-color: #dd4e40;
}
body.locale-de .open-end-question-answer-view .question-score-info .info-body,
body.locale-en .open-end-question-answer-view .question-score-info .info-body {
    padding-left: 0.05rem;
}

.question-attached {
    line-height: 1.5;
}

.question-attached .answer-setting {
    display: table;
    margin-top: 0.2rem;
}

.question-attached .answer-setting .setting-label {
    display: table-cell;
    white-space: nowrap;
}
.question-attached .answer-setting .setting-content {
    display: table-cell;
    width: 100%;
    word-break: break-all;
}

.question-attached .quiz-question-explain .question-explain-content {
    padding-left: 0;
}

.question-view .question-attached .quiz-question-explain {
    margin-top: 0.2rem;
}
body.locale-de .question-attached .quiz-question-explain .question-explain-content,
body.locale-en .question-attached .quiz-question-explain .question-explain-content {
    padding-left: 0.05rem;
}
.quiz-textarea-question-input-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-input-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.open-end-question-answer-view {
}

/* */
.open-end-question-answer-view .question-user-answer {
    margin-top: 0.1rem;
}

/* */
.open-end-question-answer-view .quiz-openend-user-answer {
    display: table;
    width: 100%;
}

.open-end-question-answer-view .user-answer-label {
    display: table-cell;
    vertical-align: text-top;
    white-space: nowrap;
    padding-right: 0.1rem;
}

body.locale-de .open-end-question-answer-view .user-answer-label,
body.locale-en .open-end-question-answer-view .user-answer-label {
    padding-right: 0.4rem;
}

body.locale-jp .open-end-question-answer-view .user-answer-label {
    padding-right: 0.4rem;
}

.open-end-question-answer-view .user-answer-content {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    background: #fafafa;
    padding: 0.1rem 0.2rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

.open-end-question-answer-view .user-answer-content .answer-content {
    line-height: 1.5;
    font-size: 0.16rem;
    word-break: break-all;
}

.open-end-question-answer-view .user-answer-content .answer-images {
}

.open-end-question-answer-view .user-answer-content .answer-images .img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    margin: 0.1rem 0;
    border: 2px solid transparent;
}

/* */
.open-end-question-answer-view .question-score-info {
    line-height: 1.5;
}

.open-end-question-answer-view .question-score-info-item {
    display: table;
    width: 100%;
    margin-top: 0.1rem;
}

.open-end-question-answer-view .question-score-info .info-label {
    display: table-cell;
    vertical-align: text-top;
    white-space: nowrap;
}

.open-end-question-answer-view .question-score-info .info-body {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    word-break: break-word;
}

/* */
.open-end-question-answer-view .answer-rank-excellent {
    color: #23a565;
}

.open-end-question-answer-view .answer-rank-good {
    color: #ff9800;
}

.open-end-question-answer-view .answer-rank-failure {
    color: #dd4e40;
}

.open-end-question-answer-view .answer-rank-excellent .answer-images .img {
    border-color: #23a565;
}

.open-end-question-answer-view .answer-rank-good .answer-images .img {
    border-color: #ff9800;
}

.open-end-question-answer-view .answer-rank-failure .answer-images .img {
    border-color: #dd4e40;
}
body.locale-de .open-end-question-answer-view .question-score-info .info-body,
body.locale-en .open-end-question-answer-view .question-score-info .info-body {
    padding-left: 0.05rem;
}
.quiz-textarea-question-points-views {
    display: flex;
    align-items: flex-start;
}
.quiz-textarea-question-points-views .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.react-component-skeleton {
  padding: 0.12rem;
  box-sizing: border-box;
  width: 0.72rem;
  height: 0.36rem;
  border-radius: 4px;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.count-input {
    display: flex;
    width: 100%;
    padding-right: 0.08rem;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}
.count-input input {
    flex: 1;
    border: 0 none;
    outline: none;
    padding-left: 0.1rem;
    height: 0.3rem;
}
.count-input .icon-clear {
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.07rem;
    display: block;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAC4UlEQVRYCcWXvYsiQRDFy0EFPxJNhA1WEFMTFbNNDMTEv3YTETQxEzQxFUEDwUQTXUHBu/sNV9I7ds8Hd7IPdmecqapXXVUz/Sb16w8kBu73u+x2O9lsNnI8HuXr60vO57PvWSgUJJ/PS6lUkmq1Km9vb+J5XoyoIqmoBC6Xi8znc1mtVnK9XmMFzWazUq/XpdVqSS6XC/VxJsCKF4uFLJdLud1uoUFcNzOZjDQaDWk2m86KWBNg1aPRSPb7vSt2ouuVSkV6vZ61Gk8JHA4HGQ6HcjqdEpFEGReLRen3+1Iul7+ZfpsUVv4KchhZELHhMPFIgJ5T9v+9cpOM2HDApUjrCQMX7Dnl+vj4EIZpNpvJdrtV89Dj+/u7dDodf3in06nQVgUccLXbbf+SXwHKwrQHATkDRCIMUa1WC5o8/cYGW3zwJUYQcGkr/AR4zm2PGitX8GLpdruhSUCOjfkSMmNoLLjgBB794CVjA2U3+xWWhI0cX2LYACf3PV6vrjccPZ9MJpFJuMjxdc0NnHCnebeHYb1e+7fN0mol1M+8xzVWBrn6ql3wCHeajSUKGsgk0iRSqZTwp4hLjj3caXa1OHAlYfomIccPbk+3VDOQ65wkgjOhtuzqccqu9hzh9h9D82Kcc7Pkah9TVqi5fySOh5iIC512WwI6E9jEBSLG418cKDlEClZN3xVJk/ATQEZFwUYO8Xg8fpqJJEnA7aHhwuAi14GzDWbcJOD2EJBoOBvY1cxnHxvboxaWBDFsgPOvePV8AWkzYks1e24jVz9XEsSwAdFKbH+iUK+uXUudw8jVxpaEa5eFE/gJIJ1Rr0EgJhAQCAqUDARRwAZbfPAlRhBwqVx/iFJW+Pn5+aSKgs7/+huRMhgMHq19PNT0AyWDen0ViA2HOVePBCClLEjnVyShslxLr4t8tEAvcESv0cegSDVtkpwn+jDRwMzEj32aaRIcqcaPfJyaSXBORV7xef4bePT+POSRHO0AAAAASUVORK5CYII=) no-repeat center center / contain;
}
.count-input .count {
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.14rem;
}

.count-textarea {
    width: 100%;
    box-sizing: border-box;
}
.count-textarea textarea {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    outline: none;
    border-radius: 4px;
    height: 2rem;
    line-height: 0.22rem;
}
.count-textarea .count {
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.14rem;
    text-align: right;
    margin-top: 0.04rem;
}

.question-used .textarea-question-answer-list .question-answer-item-wrap {
    padding-left: 0;
    padding-right: 0;
}

.question-used .textarea-question-answer-list .option-detail {
    position: static;
    width: auto;
}


.question-view .input-question-answer {
    min-height: 0.7rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.05rem 0.1rem;
    color: #bdbdbd;
    line-height: 0.21rem;
}

.question-view .textarea-question-answer {
    min-height: 0.7rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.05rem 0.1rem;
    color: #757575;
    line-height: 0.21rem;
}

.min-learning-time.setting-text-option input:focus {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.min-learning-time.setting-text-option .option-content {
    display: flex !important;
    position: relative;
}
.min-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: 0;
    left: 2.25rem;
}
body.locale-jp .min-learning-time.setting-text-option .time-setting-cell {
    left: 2.33rem;
}
body.locale-de .min-learning-time.setting-text-option .time-setting-cell {
    left: 3rem;
}
body.locale-it .min-learning-time.setting-text-option .time-setting-cell,
body.locale-vi .min-learning-time.setting-text-option .time-setting-cell,
body.locale-pt .min-learning-time.setting-text-option .time-setting-cell,
body.locale-ru .min-learning-time.setting-text-option .time-setting-cell,
body.locale-id .min-learning-time.setting-text-option .time-setting-cell,
body.locale-es .min-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .min-learning-time.setting-text-option .time-setting-cell {
    left: 2.6rem;
}
body.locale-ko .min-learning-time.setting-text-option .time-setting-cell {
    left: 2.57rem;
}
.min-learning-time.setting-text-option .flex-row-setting {
    display: flex;
    align-items: center;
}
.min-learning-time.setting-text-option .content-length {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
    margin-left: 0.12rem;
}
.video-session-edit .min-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.3rem;
}
.micro-course-session-edit .min-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.3rem;
}
body.locale-jp .video-session-edit .min-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.55rem;
}
body.locale-jp .micro-course-session-edit .min-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.55rem;
}
body.locale-es .micro-course-session-edit .min-learning-time.setting-text-option .time-setting-cell,
body.locale-es .video-session-edit .min-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .micro-course-session-edit .min-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .video-session-edit .min-learning-time.setting-text-option .time-setting-cell {
    left: 2.92rem;
}
.min-learning-time.setting-text-option .new-feature-tips {
    width: 0.48rem;
    height: 0.22rem;
    vertical-align: bottom;
}
.setting.flat-setting .setting-row .setting-option-wrap.min-learning-time .option-label .label {
    padding-bottom: 0.12rem;
}
.min-learning-time.setting-text-option .option-content .time-setting-error {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #dd4e40;
    margin-top: 0.04rem;
}
.min-learning-time.setting-text-option.error-line {
    margin-bottom: 0.4rem;
}
.min-learning-time.setting-text-option {
    margin-bottom: 0.08rem;
}

.min-learning-time.select-status .time-setting-cell .rc-picker.time-select .rc-picker-input > input {
    color: var(--umu-color-text-secondary, #666666);
}

body.locale-ru .min-learning-time.setting-text-option .time-setting-cell {
    left: 1.45rem;
    top: 0.34rem;
}

.max-learning-time.setting-text-option input:focus {
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.max-learning-time.setting-text-option .option-content {
    display: flex !important;
    position: relative;
}
.max-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: 0;
    left: 2.25rem;
}
body.locale-jp .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.33rem;
}
body.locale-de .max-learning-time.setting-text-option .time-setting-cell {
    left: 3rem;
}
body.locale-it .max-learning-time.setting-text-option .time-setting-cell,
body.locale-vi .max-learning-time.setting-text-option .time-setting-cell,
body.locale-pt .max-learning-time.setting-text-option .time-setting-cell,
body.locale-ru .max-learning-time.setting-text-option .time-setting-cell,
body.locale-id .max-learning-time.setting-text-option .time-setting-cell,
body.locale-es .max-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.6rem;
}
body.locale-ko .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.57rem;
}
.max-learning-time.setting-text-option .flex-row-setting {
    display: flex;
    align-items: center;
}
.max-learning-time.setting-text-option .content-length {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666666);
    margin-left: 0.12rem;
}
.video-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.3rem;
}
body.locale-ko .video-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.57rem;
}
.micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.3rem;
}
body.locale-jp .video-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.55rem;
}
body.locale-jp .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    position: absolute;
    top: -0.05rem;
    left: 2.55rem;
}
body.locale-ko .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.57rem;
}
body.locale-de .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    left: 3rem;
}
body.locale-de .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-it .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-it .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-vi .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-vi .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-pt .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-pt .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-ru .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-ru .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-id .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
/* body.locale-id .video-session-edit .max-learning-time.setting-text-option .time-setting-cell, */
body.locale-es .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-es .video-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .micro-course-session-edit .max-learning-time.setting-text-option .time-setting-cell,
body.locale-fr .video-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    left: 2.92rem;
}
.max-learning-time.setting-text-option .new-feature-tips {
    width: 0.48rem;
    height: 0.22rem;
    vertical-align: bottom;
}
.setting.flat-setting .setting-row .setting-option-wrap.max-learning-time .option-label .label {
    padding-bottom: 0.12rem;
}
.max-learning-time.setting-text-option .option-content .time-setting-error {
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #dd4e40;
    margin-top: 0.04rem;
}
.max-learning-time.setting-text-option.error-line {
    margin-bottom: 0.32rem;
}
.max-learning-time.setting-text-option {
    margin-bottom: 0.08rem;
}

.max-learning-time.select-status .time-setting-cell .rc-picker.time-select .rc-picker-input > input {
    color: var(--umu-color-text-secondary, #666666);
}

body.locale-ru .max-learning-time .radio-list-wrap.simple-list .radio-list-item,
body.locale-ru .min-learning-time .radio-list-wrap.simple-list .radio-list-item {
    float: none;
}

body.locale-ru .max-learning-time .radio-list-wrap.simple-list .radio-list-item.radio-item-0::after,
body.locale-ru .min-learning-time .radio-list-wrap.simple-list .radio-list-item.radio-item-0::after {
    content: '\A';
    white-space: pre;
}

body.locale-ru .max-learning-time .radio-list-wrap.simple-list .radio-list-item.radio-item-0,
body.locale-ru .min-learning-time .radio-list-wrap.simple-list .radio-list-item.radio-item-0 {
    margin-bottom: 0.2rem;
}

body.locale-ru .video-session-edit .max-learning-time.setting-text-option .time-setting-cell {
    left: 1.45rem;
    top: 0.34rem;
}

body .setting .setting-row .close-comment-switch.setting-option-wrap.switch-column .option-label {
    display: inline-block;
    width: auto;
    margin-right: 0.03rem;
}

.setting .setting-row .close-comment-switch.setting-option-wrap .option-content {
    display: inline-block;
    vertical-align: sub;
}

/* switch */

.setting .setting-row .close-comment-switch.setting-option-wrap .check-box.switch .input {
    background: #1e6ee6;
    display: block;
}

.setting .setting-row .close-comment-switch.setting-option-wrap .check-box.switch .input:before {
    float: right;
    border: 5px solid #1e6ee6;
}

.setting .setting-row .close-comment-switch.setting-option-wrap .check-box.switch.checked .input {
    background: #757575;
}

.setting .setting-row .close-comment-switch.setting-option-wrap .check-box.switch.checked .input:before {
    float: left;
    border-color: #757575;
}

.session-option-item__auditor {
  margin-bottom: 0.24rem;
}
.session-option-item__auditor .auditor-label-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0.2rem;
}
.session-option-item__auditor .auditor-label-container .label {
  margin-right: 0.08rem;
}
.session-option-item__auditor .auditor-label-container .registration-review-notification-settings {
  margin-left: 0.2rem;
  color: #1E6EE6;
  font-size: 0.14rem;
  line-height: 0.2rem;
  cursor: pointer;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0.16rem;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.manager .check-box {
  margin-right: 0.08rem;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.nominator {
  margin-bottom: 0;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.nominator .check-box {
  flex: none;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.nominator .nominator-desc {
  color: var(--umu-color-text, #000);
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-left: 0.18rem;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.nominator .edit {
  flex: none;
  color: #1E6EE6;
  font-size: 0.14rem;
  line-height: 0.2rem;
  margin-left: 0.1rem;
  cursor: pointer;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.department .check-box:first-of-type {
  margin-right: 0.6rem;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.department .department_manager_permission_checkbox {
  display: flex;
  align-items: center;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.department .department_manager_permission_checkbox .check-box {
  margin-right: 0.18rem;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.department .department_manager_permission_switch {
  gap: 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.session-option-item__auditor .auditor-checkbox-container .checkbox-container.department .department_manager_permission_switch .angular-switch .check-box {
  margin-right: 0rem;
}
.auto-height-textarea-wrap {
    position: relative;
    overflow: hidden;
}
.auto-height-textarea-wrap .rule-area {
    opacity: 0;
    pointer-events: none;
}
.auto-height-textarea-wrap .auto-height-textarea {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    outline: none;
    background-color: var(--umu-color-bg-base, #fff);
    border: 0 none;
    resize: none;
    padding: 0;
    box-sizing: border-box;
}
.auto-height-textarea-wrap .auto-height-textarea:focus {
    outline: none;
}

.keywords-setting-editor .keyword-editor {
    display: flex;
    margin-top: 0.14rem;
}

.keywords-setting-editor .keyword-editor ai-keyword-input {
    flex: 1;
    display: flex;
    height: 0.34rem;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}

.keywords-setting-editor .keyword-editor .input {
    flex: 1;
}

.keywords-setting-editor .btn-add-answer {
    padding: 0;
    border: 0 none;
    outline: none;
    display: block;
    width: 0.34rem;
    height: 0.34rem;
    margin-left: 0.1rem;
    cursor: pointer;
}

.keywords-setting-editor .btn-add-answer.disabled {
    cursor: default;
}

.keywords-setting-editor .btn-add-answer .icon-add,
.keywords-setting-editor .btn-add-answer .icon-delete {
    display: block;
    width: 0.34rem;
    height: 0.34rem;
}

.keywords-setting-editor .answer-operations {
    display: flex;
    width: 1.02rem;
}

.keywords-setting-editor .btn-add-answer .icon-add {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADZQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhZmZm4ODg4eHh5OTk7e3t9/f3+fn5/v7+////+G+fEgAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJxJREFUWMPt2UEOhCAUg+EnIGARgftfVnT2s7GJmUz/A3wLwoIUs5nzMeFhKXpnn5aQQSmH5fZWlNr6eFhvtWC9xID9GJSOHWGeXy4kb4olO/Oog1aFt4jGAxuiJXQe2JEMGMQAgQIFChT4LrjNBAoU+Jvg9iWBujYCBf4rqPehQIECBb4P0gdJ+mRKH3XpszN9GOdP9/TPBfL3xwk94o4MdHeoggAAAABJRU5ErkJggg==) no-repeat center / contain;
}

.keywords-setting-editor .btn-add-answer.disabled .icon-add {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADNQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhzMzM4ODg4+Pj6enp7+/v8fHx9PT09fX1AEEvagAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJlJREFUWMPt2TEOgCAUg+EnIGBF4P6nFXV3sYkx9j/ANxAGUsxGzseEh6XonV1NIYNSDtPpzUCprT+s1QLMhxiwbp3StiKM88sgeUNEduZROq0CbxGVB1ZES2g8sCEZ0IkBAgUKFCjwXXAZCRQo8JvgcpNAXRuBAv8K6n0oUKBAge+D9EGSPpnSR1367EwfxvnTPf1zgfz9sQN/pXhYEWCuCgAAAABJRU5ErkJggg==) no-repeat center / contain;
}

.keywords-setting-editor .btn-add-answer .icon-delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADZQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhZmZm4ODg4eHh5OTk7e3t9/f3+fn5/v7+////+G+fEgAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJVJREFUWMPt2bkRwzAQQ1HwEEmD4tV/sw6cO7Aw4wS/gBdthAUAxFQqH1ZLivgUcqOklgMAhIt9rH0ettfovAKAzHseSfNmBmLrIu+c2VtE4jiyBhMKlw5cLKjcOnCzgjzCSIMGDRo0aNCgQYO/ga8vGfTZGDRo0KBBgwYN/guUD5LyyVQ+6spnZ/kwrp/u5c8F8fvjDTgckQzxu5wxAAAAAElFTkSuQmCC) no-repeat center / contain;
}

.keywords-setting-editor .btn-add-answer.disabled .icon-delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADNQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhzMzM4ODg4+Pj6enp7+/v8fHx9PT09fX1AEEvagAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJNJREFUWMPt2bkRAzEMQ1HoWEnG6mD/1Tpw7sCLGSf4BbyIEQgAyKV1Pqy3kvEp1UFJoyYASBc594mHnT3JKwGovFdIWjcrkAdFXsTiyCicIWuyoHHrwM2GzqMDDzvIEEYaNGjQoEGDBg0a/A18fcmgz8agQYMGDRo0aPBfoHyQlE+m8lFXPjvLh3H9dC9/LojfH2+6lHr4mx0auAAAAABJRU5ErkJggg==) no-repeat center / contain;
}

.keywords-setting-editor .btn-add-answer .icon {
    background-size: contain;
}

.keywords-setting-editor .keyword-editor .icon-keyword-synonym {
    width: 0.12rem;
    height: 0.12rem;
    margin-top: 0.1rem;
    margin-right: 0.24rem;
    margin-left: 0.16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA+SURBVHgB7dSxCQAgEEPRxDEsHNFhHNHCNRTBwv6uOLi8AT6kCVtfG88clTAocKSYYooliPG/IIt7X3FnujqHJwgjyNU8JQAAAABJRU5ErkJggg==) no-repeat center / contain;
}

.keywords-setting-editor .ai-keyword-input .count {
    padding-right: 0.1rem;
}

.keywords-setting-editor .pagination-row {
    margin: 0.1rem 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.1rem;
}

.keywords-setting-editor .pagination-bar.pagination-bar-change .page-item {
    width: 0.28rem;
    height: 0.28rem;
    line-height: 0.28rem;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ai-keyword-input {
    display: flex;
    width: 100%;

    align-items: center;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}
.ai-keyword-input input {
    flex: 1;
    border: 0 none;
    outline: none;
    padding-left: 0.1rem;
    height: 0.3rem;
}
.ai-keyword-input .icon-clear {
    width: 0.16rem;
    height: 0.16rem;
    margin: 0 0.07rem;
    display: block;
    padding-right: 0.08rem;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAAC4UlEQVRYCcWXvYsiQRDFy0EFPxJNhA1WEFMTFbNNDMTEv3YTETQxEzQxFUEDwUQTXUHBu/sNV9I7ds8Hd7IPdmecqapXXVUz/Sb16w8kBu73u+x2O9lsNnI8HuXr60vO57PvWSgUJJ/PS6lUkmq1Km9vb+J5XoyoIqmoBC6Xi8znc1mtVnK9XmMFzWazUq/XpdVqSS6XC/VxJsCKF4uFLJdLud1uoUFcNzOZjDQaDWk2m86KWBNg1aPRSPb7vSt2ouuVSkV6vZ61Gk8JHA4HGQ6HcjqdEpFEGReLRen3+1Iul7+ZfpsUVv4KchhZELHhMPFIgJ5T9v+9cpOM2HDApUjrCQMX7Dnl+vj4EIZpNpvJdrtV89Dj+/u7dDodf3in06nQVgUccLXbbf+SXwHKwrQHATkDRCIMUa1WC5o8/cYGW3zwJUYQcGkr/AR4zm2PGitX8GLpdruhSUCOjfkSMmNoLLjgBB794CVjA2U3+xWWhI0cX2LYACf3PV6vrjccPZ9MJpFJuMjxdc0NnHCnebeHYb1e+7fN0mol1M+8xzVWBrn6ql3wCHeajSUKGsgk0iRSqZTwp4hLjj3caXa1OHAlYfomIccPbk+3VDOQ65wkgjOhtuzqccqu9hzh9h9D82Kcc7Pkah9TVqi5fySOh5iIC512WwI6E9jEBSLG418cKDlEClZN3xVJk/ATQEZFwUYO8Xg8fpqJJEnA7aHhwuAi14GzDWbcJOD2EJBoOBvY1cxnHxvboxaWBDFsgPOvePV8AWkzYks1e24jVz9XEsSwAdFKbH+iUK+uXUudw8jVxpaEa5eFE/gJIJ1Rr0EgJhAQCAqUDARRwAZbfPAlRhBwqVx/iFJW+Pn5+aSKgs7/+huRMhgMHq19PNT0AyWDen0ViA2HOVePBCClLEjnVyShslxLr4t8tEAvcESv0cegSDVtkpwn+jDRwMzEj32aaRIcqcaPfJyaSXBORV7xef4bePT+POSRHO0AAAAASUVORK5CYII=) no-repeat center center / contain;
}
.ai-keyword-input .icon-clear.hide {
    background: transparent;
    cursor: default;
    display: none;
}
.ai-keyword-input.disabled {
    background-color: #fafafa;
}

.exam-ai-score-setting {
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
}
.exam-ai-score-header .advance-setting-switch {
    display: flex;
    align-items: center;
}
.exam-ai-score-header .advance-setting-switch .label {
    margin-right: 0.1rem;
}
.exam-ai-score-setting .desc {
    margin-top: 0.1rem;
    color: var(--umu-color-text-secondary, #666);
    line-height: 0.17rem;
}
.exam-ai-score-setting .session-type {
    margin-top: 0.1rem;
    color: var(--umu-color-text, #222);
    line-height: 0.17rem;
}
.exam-ai-score-keywords .session-type {
    margin-top: 0.2rem;
    color: var(--umu-color-text, #222);
    line-height: 0.17rem;
}

.exam-ai-score-setting .keyword-editor {
    display: flex;
}
.exam-ai-score-setting .keyword-editor ai-keyword-input {
    flex: 1;
    display: flex;
    height: 0.34rem;
    box-sizing: border-box;
    border: 1px solid var(--umu-color-border, #e0e0e0);
}
.exam-ai-score-setting .keyword-editor .input {
    flex: 1;
}
.exam-ai-score-setting .btn-add-answer {
    padding: 0;
    border: 0 none;
    outline: none;
    display: block;
    width: 0.34rem;
    height: 0.34rem;
    margin-left: 0.1rem;
    cursor: pointer;
}
.exam-ai-score-setting .btn-add-answer.disabled {
    cursor: default;
}
.exam-ai-score-setting .btn-add-answer .icon-add,
.exam-ai-score-setting .btn-add-answer .icon-delete {
    display: block;
    width: 0.34rem;
    height: 0.34rem;
}
.exam-ai-score-setting .answer-operations {
    display: flex;
}
.exam-ai-score-setting .btn-add-answer .icon-add {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADZQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhZmZm4ODg4eHh5OTk7e3t9/f3+fn5/v7+////+G+fEgAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJxJREFUWMPt2UEOhCAUg+EnIGARgftfVnT2s7GJmUz/A3wLwoIUs5nzMeFhKXpnn5aQQSmH5fZWlNr6eFhvtWC9xID9GJSOHWGeXy4kb4olO/Oog1aFt4jGAxuiJXQe2JEMGMQAgQIFChT4LrjNBAoU+Jvg9iWBujYCBf4rqPehQIECBb4P0gdJ+mRKH3XpszN9GOdP9/TPBfL3xwk94o4MdHeoggAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.exam-ai-score-setting .btn-add-answer.disabled .icon-add {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADNQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhzMzM4ODg4+Pj6enp7+/v8fHx9PT09fX1AEEvagAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJlJREFUWMPt2TEOgCAUg+EnIGBF4P6nFXV3sYkx9j/ANxAGUsxGzseEh6XonV1NIYNSDtPpzUCprT+s1QLMhxiwbp3StiKM88sgeUNEduZROq0CbxGVB1ZES2g8sCEZ0IkBAgUKFCjwXXAZCRQo8JvgcpNAXRuBAv8K6n0oUKBAge+D9EGSPpnSR1367EwfxvnTPf1zgfz9sQN/pXhYEWCuCgAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.exam-ai-score-setting .btn-add-answer .icon-delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADZQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhZmZm4ODg4eHh5OTk7e3t9/f3+fn5/v7+////+G+fEgAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJVJREFUWMPt2bkRwzAQQ1HwEEmD4tV/sw6cO7Aw4wS/gBdthAUAxFQqH1ZLivgUcqOklgMAhIt9rH0ettfovAKAzHseSfNmBmLrIu+c2VtE4jiyBhMKlw5cLKjcOnCzgjzCSIMGDRo0aNCgQYO/ga8vGfTZGDRo0KBBgwYN/guUD5LyyVQ+6spnZ/kwrp/u5c8F8fvjDTgckQzxu5wxAAAAAElFTkSuQmCC) no-repeat center / contain;
}
.exam-ai-score-setting .btn-add-answer.disabled .icon-delete {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAAXNSR0IArs4c6QAAADNQTFRFAAAA////4eHh4eHh4uLi4eHh4eHh4eHh4eHhzMzM4ODg4+Pj6enp7+/v8fHx9PT09fX1AEEvagAAAAl0Uk5TAAYrj5S91fP9KxaF3gAAAJNJREFUWMPt2bkRAzEMQ1HoWEnG6mD/1Tpw7sCLGSf4BbyIEQgAyKV1Pqy3kvEp1UFJoyYASBc594mHnT3JKwGovFdIWjcrkAdFXsTiyCicIWuyoHHrwM2GzqMDDzvIEEYaNGjQoEGDBg0a/A18fcmgz8agQYMGDRo0aPBfoHyQlE+m8lFXPjvLh3H9dC9/LojfH2+6lHr4mx0auAAAAABJRU5ErkJggg==) no-repeat center / contain;
}
.exam-ai-score-setting .btn-add-answer .icon {
    background-size: contain;
}
.exam-ai-score-setting .keyword-editor {
    margin-top: 0.14rem;
}
.exam-ai-score-setting .keyword-editor .icon-keyword-synonym {
    width: 0.15rem;
    height: 0.15rem;
    margin-top: 0.05rem;
    margin-right: 0.08rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkAQMAAADbzgrbAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA2NjY5xTItgAAAAF0Uk5TAEDm2GYAAAAUSURBVAjXY/jAAAJDl/wPBB8wSQA6cTGxtAA1tgAAAABJRU5ErkJggg==) no-repeat center / contain;
}

.setting-option-document-completion.edit {
    margin-top: 0.15rem;
}

.setting-option-document-completion .pd-right-4 {
    padding-right: 0.04rem;
}

.setting-option-document-completion .option-label {
    margin-bottom: 0;
}
.setting-option-document-completion .select-box {
    width: 3.65rem;
}




.setting {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    background: var(--umu-color-bg-base, #fff);
}

.setting .setting-header {
    height: 0.38rem;
    line-height: 0.38rem;
    padding: 0rem 0.18rem;
    position: relative;
    cursor: pointer;
}

.setting .setting-header .icon {
    margin-right: 0.14rem;
}

.setting .setting-header-title {
    color: #1e6ee6;
}

.setting .setting-header .setting-remind {
    margin-left: 0.1rem;
    color: #a3b0b9;
}

.setting .setting-remind span {
    margin-right: 0.1rem;
    color: #aaa;
    font-size: 0.12rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    padding: 0.01rem 0.05rem;
}

.setting .setting-body {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.2rem 0.2rem;
}

.setting .setting-row {
    position: relative;
    line-height: 0.4rem;
}

.setting .setting-row .option-label {
    width: 2.02rem;
    display: table-cell;
    vertical-align: top;
}

body.locale-de .setting .setting-row .option-label,
body.locale-en .setting .setting-row .option-label {
    width: 2rem;
}

body .micro-course-session-edit-form .setting .micro-course-setting-body .setting-row .option-label,
.micro-course-session-edit-form .setting.toggle-setting .video-setting-body .setting-row .option-label,
.video-session-edit-form .setting.toggle-setting .video-setting-body .setting-row .option-label {
    width: 100%;
}

body.locale-jp .setting .setting-row .option-label,
body.locale-es .setting .setting-row .option-label,
body.locale-fr .setting .setting-row .option-label {
    width: 2.3rem;
}

.setting .setting-row .setting-option-wrap {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.setting .setting-row .option-label .label {
    line-height: 1.5;
    padding: 0.09rem 0.05rem 0.09rem 0;
}

body.locale-fr .setting .setting-row .option-label .label {
    padding: 0.09rem 0rem 0.09rem 0;
}

.setting .setting-row .option-tip {
    line-height: 1.5;
    color: #5d5d5d;
    margin-bottom: 0.1rem;
}

.setting .setting-row .option-content {
    min-height: 0.4rem;
    display: table-cell;
    vertical-align: top;
}

.setting .setting-row .option-content .radio-list {
    line-height: 0.4rem;
    vertical-align: top;
    margin-top: 0.05rem;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.setting .setting-row .option-content .radio-list-item {
    margin-bottom: 0.05rem;
    margin-right: 0.33rem;
}

.setting-view {
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    color: #757575;
}

.setting-view .setting-row {
    line-height: 1.5;
}

.setting .setting-row .option-content .radio-list-item .radio-box {
    margin-right: 0;
}
.radio-input-option .radio-list-wrap .radio-list .radio-list-item .radio-box {
    margin-right: 0;
}

.question .number-question-answer .number-row {
    display: table;
    width: 100%;
}
.question .number-question-answer .number-row:first-child {
    margin-bottom: 0.1rem;
}

.question .number-question-answer .max-label,
.question .number-question-answer .min-label {
    width: 0.3rem;
}

body.locale-jp .question .number-question-answer .max-label,
body.locale-jp .question .number-question-answer .min-label {
    width: 0.7rem;
}

body.locale-de .question .number-question-answer .max-label,
body.locale-en .question .number-question-answer .max-label {
    width: 0.5rem;
}

.question .number-question-answer .max-label,
.question .number-question-answer .min-label,
.question .number-question-answer .select-box-wrapper,
.question .number-question-answer .input-box {
    display: table-cell;
    vertical-align: middle;
}

.question .number-question-answer .select-box-wrapper {
    width: 1rem;
    padding: 0 0.1rem;
}
.question .number-question-answer .select-box {
    width: 100%;
}

.question .question-wrapper-left {
    padding-right: 1.5rem;
}

body.locale-en .question .question-wrapper-left {
    padding-right: 1.8rem;
}

body.locale-fr .question .question-wrapper-left,
body.locale-it .question .question-wrapper-left,
body.locale-vi .question .question-wrapper-left,
body.locale-sv .question .question-wrapper-left,
body.locale-pt .question .question-wrapper-left {
    padding-right: 2rem;
}

body.locale-jp .question .question-wrapper-left {
    padding-right: 1.65rem;
}

body.locale-ru .question .question-wrapper-left {
    padding-right: 2.8rem;
}

body.locale-de .question .question-wrapper-left {
    padding-right: 2.8rem;
}
body.locale-id .question .question-wrapper-left {
    padding-right: 2.5rem;
}

body.locale-de .course-select-list .opera-add,
body.locale-de .course-select-list .opera-view {
    width: 0.75rem;
}

.paragraph-question .question-wrapper-left textarea {
    height: 0.6rem;
    width: 100%;
}

body.locale-de .resize-fix,
body.locale-it .resize-fix,
body.locale-vi .resize-fix,
body.locale-ru .resize-fix,
body.locale-pt .resize-fix,
body.locale-id .resize-fix {
    border-top: none !important;
    border-bottom: none !important;
}

.ng-guide-popover-root {
    width: 0;
    display: inline-block;
}

.drawer-menu-pc {
  width: 0.2rem;
  height: 0.22rem;
  border-radius: 2px;
}
.drawer-menu-pc:hover {
  background: var(--umu-color-bg-layout, #f5f5f5);
}
.drawer-menu-pc .umu-design-comp-icon {
  width: 0.18rem;
  height: 0.18rem;
  margin-top: 0.02rem;
  margin-left: 0.01rem;
}
.drawer-menu-pc .drawer-menu-dropdown {
  margin-left: 0.03rem;
  padding-left: 0.1rem;
  max-width: 2.6rem;
  min-width: 0.8rem;
  position: fixed;
  z-index: 99;
}
.drawer-menu-pc .drawer-menu-dropdown-content {
  padding: 0.08rem 0;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  box-shadow: 0rem 0.04rem 0.12rem rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  background-color: var(--umu-color-bg-base, #fff);
}
.drawer-menu-pc .drawer-menu-dropdown .drawer-menu-item {
  width: 1.28rem;
  padding: 0 0.16rem;
  display: flex;
  align-items: center;
  min-height: 0.4rem;
  line-height: 0.2rem;
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
}
.drawer-menu-pc .drawer-menu-dropdown .drawer-menu-item:hover {
  background: var(--umu-color-bg-layout, #f5f5f5);
}
.drawer-menu-pc .drawer-menu-dropdown .drawer-menu-item iconfont {
  margin-right: 0.08rem;
}
.icon-red-alert {
    width: 0.16rem;
    height: 0.16rem;
    background-image: url(/twww/cn/images/red_alert.0ab693f2..png);
    background-size: 0.16rem 0.16rem;
    background-repeat: no-repeat;
}

.quiz-view .session-analyser-state {
    width: auto;
    min-width: 1.3rem;
    max-width: 2.5rem;
}
.examInfo-reminder {
    margin-top: 0.1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.examInfo-reminder .exam-info-item {
    margin-right: 0.3rem;
}
.examInfo-reminder .exam-info-item.quiz-info-reminder {
    margin-right: 0.08rem;
}

.quiz-normal-question-used .quiz-used-question-explain {
    margin-bottom: 0.1rem;
    line-height: 1.5;
    display: table;
}

.quiz-normal-question-used .quiz-used-question-explain .question-explain-label {
    display: table-cell;
    white-space: nowrap;
}

.quiz-normal-question-used .quiz-used-question-explain .question-explain-content {
    display: table-cell;
    padding-left: 0.1rem;
}

.quiz-normal-question-used .examInfo-reminder .exam-info-item.detail {
    margin-left: 0.08rem;
    width: 0.18rem;
    height: 0.18rem;
    color: #1e6ee6;
    cursor: pointer;
}
.quiz-normal-question-used .examInfo-reminder .exam-info-item.detail.open {
    transform: rotate(180deg);
}
.quiz-normal-question-used .examInfo-reminder .exam-info-item .umu-design-comp-icon {
    width: 0.18rem;
    height: 0.18rem;
}

.question-analyse .quiz-normal-question-used {
    position: relative;
}

.question-analyse .quiz-normal-question-used .option-detail {
    width: 100%;
    position: relative;
    padding: 0;
    top: 0.15rem;
    background: #fcfcfc;
}
.question-analyse .quiz-normal-question-used .option-detail .tips {
    background: var(--umu-color-bg-layout, #f5f5f5);
}
.question-analyse .quiz-normal-question-used .option-detail .loading-spinner {
    padding: 1rem;
}
.question-analyse .quiz-normal-question-used .option-detail .content::after {
    height: 0;
    display: block;
    clear: both;
    overflow: hidden;
    content: '';
}
.quiz-rich-normal-question-used-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-rich-normal-question-used-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

/* */
.question-used .number-question-answer-list .question-answer-desc{margin: 0.03rem 0;margin-left:0.4rem;margin-right:1.3rem;color:var(--umu-color-text-tertiary, #999);font-size:0.14rem;line-height: 1.5;}

/* */
.question-used .number-question-answer-list .question-answer-item-wrap{padding-left:0.4rem;}
.question-used .number-question-answer-list .option-detail{width:auto;}

/* */
.number-question-analyse{margin-top: 0.1rem;}

.pagination-operate .load-more {
    text-align: center;
    margin-top: 0.1rem;
}
.input-question-answer-list {
    width: 100%;
}
.input-question-answer-list  .user-answer {
    margin: 0.1rem 0;
    line-height: 1.5;
    display: block;
}

.input-question-answer-list  .user-answer .index {
    display: table-cell;
    width: 0.35rem;
    font-weight: 700;

}

.input-question-answer-list  .user-answer .user-name {
    display: table-cell;
    max-width: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700;
}

.input-question-answer-list .user-answer .user-answer-score {
    display: table-cell;
    vertical-align: top;
    word-break: break-all;
    white-space: nowrap;
    padding-left: 0.05rem;
}

.input-question-answer-list  .user-answer .separator {
   display: table-cell;
}

.input-question-answer-list .user-answer .user-answer-content {
    display: table-cell;
    word-break: break-all;
    padding-left: 0.35rem;
}

.input-question-answer-list .is-right {
    color: #23a565;
}

.input-question-answer-list .is-half-right {
    color: #ff9800;
}

.input-question-answer-list .is-wrong {
    color: #DD4E40;
}

.input-question-answer-list {
    display: table;
}
.quiz-input-question-used .right-content,
.input-question-answer-list .data-list-wrap {
    display: table-cell;
    width: 100%;
    word-break: break-all;
}

.question-used .question-answer-list .text-label {
    line-height: 1.5;
    padding-top: 0.05rem;

}

.quiz-input-question-used .text-label {
    /* display: table-cell; */
    white-space: nowrap;
    line-height: 1.5;
}

.quiz-input-question-used .question-explain {
    line-height: 1.5;
    display: table;
}

.quiz-input-question-used .question-explain .question-explain-label {
    display: table-cell;
    white-space: nowrap;
     padding-right: 0;
}

.quiz-input-question-used .question-explain .question-explain-content {
    display: table-cell;
    padding-left: 0;
    width: 100%;
}

.input-question-answer-list{
    margin-top: 0.1rem;
}

.quiz-input-question-used .question-explain-view,
.quiz-input-question-used .question-used-answer {
    margin-bottom: 0.1rem;
    line-height: 1.5;
}
.quiz-input-question-used-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-input-question-used-points .points-label {
    margin: auto 0;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

.question-used .input-question-answer-list .question-answer-item-wrap {
    padding-left: 0;
    padding-right: 0;
}

.question-used .input-question-answer-list .option-detail {
    position: static;
    width: auto;
}

.platform-question-answer-list.platform-textarea-question-answer-list {
  margin-top: 0.2rem;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item {
  margin-bottom: 0.22rem;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap {
  width: 100%;
  gap: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-user {
  flex: none;
  width: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-user .serial-number {
  margin-right: 0.2rem;
  color: var(--umu-color-text, #000);
  text-align: right;
  font-size: 0.15rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-user .signin-avatar {
  margin-right: 0.08rem;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-user .user-name-info {
  max-width: none;
  display: inline-block;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-user .user-name-info .user-name-content {
  max-width: 1.09rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 0.08rem;
}
.platform-question-answer-list.platform-textarea-question-answer-list .question-answer-item .question-answer-item-wrap .question-answer-item-answ {
  width: 100%;
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.2rem;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap {
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: flex-start;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .option-detail {
  width: 0.28rem;
  position: static;
  flex: none;
  padding: 0;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .option-detail .index {
  font-size: 0.14rem;
  color: var(--umu-color-text, #222);
  font-weight: 400;
  line-height: 0.2rem;
  margin: 0;
  float: none;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .rich-option-ratio {
  flex: none;
  width: calc(100% - 0.28rem - 1.5rem);
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .option-count {
  position: static;
  margin: 0;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .option-count .count-info.percent {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  margin-right: 0.12rem;
  text-align: right;
}
.survey-number-question-used-explicity .rich-answer-item-wrap .rich-ratio-wrap .option-count .count-info.num {
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
  text-align: right;
}
/* */
.quiz-textarea-answer-analysis {
    margin: 0.2rem 0 0;
}

.quiz-textarea-answer-analysis .analysis-item {
    /* float: left; */
    width: 50%;
    margin-bottom: 0.05rem;
    line-height: 1.5;
}

.quiz-textarea-answer-analysis .analysis-item:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.03rem;
    width: 0.12rem;
}

.quiz-textarea-answer-analysis .analysis-item.is-right:before {
    border-top: 12px solid #23a565;
}

.quiz-textarea-answer-analysis .analysis-item.is-half-right:before {
    border-top: 12px solid #ff9800;
}

.quiz-textarea-answer-analysis .analysis-item.is-wrong:before {
    border-top: 12px solid #dd4e40;
}

.quiz-textarea-answer-analysis .analysis-item.is-half-right-rate:before {
    display: none;
}

/* */
.textarea-question-answer-list .text-label {
    line-height: 1.5;
    padding-top: 0.05rem;
}

.textarea-question-answer-list .quiz-textarea-user-data {
}

/* */
.quiz-textarea-user-data {
}

.quiz-textarea-user-data .user-answer {
    margin: 0.1rem 0;
    line-height: 1.5;
}

.quiz-textarea-user-data .user-answer-result {
    display: table;
}

.quiz-textarea-user-data .user-answer-result .index {
    display: table-cell;
    vertical-align: top;
    width: 0.25rem;
    font-weight: 700;
}

.quiz-textarea-user-data .user-answer-result .user-name {
    display: table-cell;
    vertical-align: top;
    font-weight: 700;
}

.quiz-textarea-user-data .user-answer-result .separator {
    display: table-cell;
    vertical-align: top;
    display: none;
}

.quiz-textarea-user-data .user-answer-result .user-answer-score {
    display: table-cell;
    vertical-align: top;
    word-break: break-all;
    white-space: nowrap;
    padding-left: 0.05rem;
}

.quiz-textarea-user-data .user-answer-value {
    padding-left: 0.25rem;
}

.quiz-textarea-user-data .user-answer-value .user-answer-content {
}

/* */
.quiz-textarea-user-data .user-answer-content {
}

.quiz-textarea-user-data .user-answer-content .answer-text {
    margin-top: 0.05rem;
}

.quiz-textarea-user-data .user-answer-content .answer-text .toggle-line.theme-2.can-toggle {
    padding-bottom: 0.2rem;
}

.quiz-textarea-user-data .user-answer-content .answer-images {
    margin-top: 0.05rem;
}

.quiz-textarea-user-data .user-answer-content .answer-images .img {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    border: 2px solid transparent;
}

.quiz-textarea-user-data .user-answer-content .answer-images img {
    width: auto;
    max-width: 100%;
    max-height: 1.3rem;
}

.quiz-textarea-user-data .user-answer-content .answer-analysis {
    line-height: 1.5;
    color: var(--umu-color-text, #212121);
}

/* */
.quiz-textarea-user-data .answer-rank-excellent {
    color: #23a565;
}

.quiz-textarea-user-data .answer-rank-good {
    color: #ff9800;
}

.quiz-textarea-user-data .answer-rank-failure {
    color: #dd4e40;
}

.quiz-textarea-user-data .answer-rank-excellent .answer-images .img {
    border-color: #23a565;
}

.quiz-textarea-user-data .answer-rank-good .answer-images .img {
    border-color: #ff9800;
}

.quiz-textarea-user-data .answer-rank-failure .answer-images .img {
    border-color: #dd4e40;
}
.quiz-textarea-question-used-points {
    display: flex;
    align-items: flex-start;
    margin-top: 0.12rem;
}
.quiz-textarea-question-used-points .points-label {
    margin-top: 0.04rem;
    flex: none;
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin-right: 0.24rem;
    margin-bottom: 0.1rem;
}

live-analyser-view .session-analyser {
    border-bottom: 0;
}
live-analyser-view .session-analyser .session-analyser-statistic {
    width: 100%;
    padding: 0.2rem 0;
}
live-analyser-view .session-analyser .session-analyser-state {
    display: none;
}
.live-playback .video-player {
    height: 4rem;
    background: #000;
}

.live-playback .video-player video {
    width: 100%;
    height: 100%;
}

.live-share-info {
    background: var(--umu-color-bg-layout, #f5f5f5);
    padding: 0.3rem;
    text-align: center;
    line-height: 1.5;
}
.live-share-info .current-status {
    font-size: 0.16rem;
    color: var(--umu-color-text, #2d2e30);
}
.live-share-info .status-action-guide {
    margin-top: 0.1rem;
    font-size: 0.16rem;
    color: var(--umu-color-text, #2d2e30);
}
.live-share-info .session-title {
    margin-top: 0.1rem;
    line-height: 0.27rem;
    font-size: 0.13rem;
    color: var(--umu-color-text, #212121);
}
.live-share-info .session-title .icon {
    transform: scale(0.8);
}
.live-share-info .session-qrcode {
    margin-top: 0.1rem;
}
.live-share-info .session-qrcode .qrcode-img {
    width: 1.68rem;
    height: 1.68rem;
    margin: auto;
}
.live-share-info .session-qrcode .qrcode-tip {
    margin-top: 0.2rem;
    font-size: 0.13rem;
    color: #737375;
}

i.icon.icon-live-library-slide-invisible {
    width: 0.2rem;
    height: 0.2rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAALVBMVEX+/v5fX19dXV1mZmZ7e3teXl5hYWFeXl5qampeXl5jY2NfX19gYGBgYGBdXV2e4INVAAAADnRSTlMDgfE2D9tZyR+xRZRtdiD1yswAAAE9SURBVCjPY2CgH+CZhkUw750ApqDcu4dAksUqbbEDQrDpHUjpvHfv3j3fBRdk1gMpdX8HAjFwxUYgpSx1YNEwbErfTUEIgpR2GMYBBZ82QAQXAdkPwS4Gyr5Thit8B3GrEVxpK9gssFIuECsExJoHsQGsdB+Q8RpIs4FEtPQgSvtAnAUMDE4geoIRRCk7iBPAwHAORF/ggpjKDeI8Y2AAOe5dAjPEVB4Q5zlMkAPiALDgS1BwgrQz6L2Dh8BjBgZWsEXAUH0HC4EJUAerQMIDotQA7mCWTTClYAe7Qh1svAiidAJIkAMWNpBw9XSAhfy7R1eAjHXvEBHLAQ7cbcbZetDAAgPPdwiASANLEYIIpQzpUKEiZKUMhpOAQponmPWQlTIwNC9ugLgkASNhAZVOwExuRu8OYApyiJGStgEHWgO9bppwjwAAAABJRU5ErkJggg==);
    background-size: contain;
}

/*  */
.live-library-view {
    padding: 0.3rem 0.3rem;
    margin: 0.3rem -0.3rem -0.3rem -0.3rem;
    /* border-top: 1px solid var(--umu-color-fill-secondary, #eee); */
}
.live-library-view .live-library-view-head .title {
    font-weight: 700;
    margin-bottom: 0.1rem;
    color: var(--umu-color-text, #212121);
}
.live-library-view .live-library-view-head .cooperation-action-wrap {
    float: right;
}
.live-library-view .live-library-view-body {
    margin-top: 0.2rem;
    padding: 0.25rem;
    /* border: 1px solid #D0D0D1; */
}
.live-library-view .live-library-view-body .pagination {
    margin-top: 0.2rem;
    text-align: center;
}
.live-library-view .library-item {
    float: left;
    width: 18%;
    margin: 0 2% 2% 0;
    height: 1.1rem;
    border: 1px solid #f2f2f2;
}
.live-library-view .library-item:nth-child(5n) {
    margin-right: 0;
}
.live-library-view .library-item-wrap {
    height: 100%;
    position: relative;
}
.live-library-view .card-index {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    line-height: 0.2rem;
    color: #fff;
    padding: 0 0.05rem;
    background: rgba(0, 0, 0, 0.3);
}
.live-library-view .card-invisible {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

/* resource-card */
.live-library-view .resource-card {
    height: 100%;
    overflow: hidden;
}

/* img-card */
.live-library-view .resource-card.img-card .img-preview {
    height: 100%;
    background: no-repeat center;
    background-size: contain;
}
/* session-card */
.live-library-view .resource-card.session-card .session-head {
    margin: 0.2rem 0.1rem 0.1rem;
    color: var(--umu-color-text, #161719);
    font-size: 0.14rem;
}
.live-library-view .resource-card.session-card .session-head .icon {
    transform: scale(0.6);
    margin: -0.1rem -0.05rem;
}
.live-library-view .resource-card.session-card .session-title {
    font-size: 0.12rem;
    color: var(--umu-color-text, #2d2e30);
    margin: 0.1rem;
    line-height: 1.5;
}

/* invisible */
.live-library-view .library-item.invisible .resource-card {
    opacity: 0.5;
}

/* blank */
.library-list-blank {
    padding: 0.65rem;
    text-align: center;
    line-height: 1.5;
    cursor: pointer;
}
.library-list-blank .blank-banner {
    width: 2.67rem;
    height: 1.66rem;
    margin: auto;
    background: url(/twww/cn/images/banner.9cc78101..png) no-repeat center;
    background-size: contain;
}
.library-list-blank .blank-title {
    margin-top: 0.2rem;
    font-size: 0.16rem;
    color: var(--umu-color-text, #2d2e30);
}
.library-list-blank .blank-tip {
    margin-top: 0.1rem;
    font-size: 0.14rem;
    color: #8a8b8c;
}
.library-list-blank .blank-btn {
    margin-top: 0.1rem;
    text-align: center;
}

.live-status-view {
    padding: 0.2rem 0.24rem;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0.32rem;
    background-color: rgba(255, 189, 43, 0.1);
}

.live-status-view .contant-bottom {
    line-height: 0.2rem;
}
.live-status-view .contant-spacing {
    margin-bottom: 0.04rem;
}
.live-status-view .umu-points {
    display: flex;
    justify-content: space-between;
}
.live-status-view .umu-number {
    font-weight: 600;
    color: var(--umu-color-primary, #ffbd2b);
}
.live-status-view .umu-number.umu-error {
    color: #dd4e40;
}
.live-status-view .umu-points-btn {
    cursor: pointer;
    color: #1e6ee6;
}

@charset "UTF-8";
.enrollmentConsole.session-view-components-enrollment-console {
  /*查看样式*/
}
.enrollmentConsole.session-view-components-enrollment-console .btn-optional.btn_white {
  background: var(--umu-color-bg-base, #fff);
  color: #3399cc;
}
.enrollmentConsole.session-view-components-enrollment-console .btn-optional.btn_white.disabled,
.enrollmentConsole.session-view-components-enrollment-console .btn-allow-all.disabled,
.enrollmentConsole.session-view-components-enrollment-console .btn-audit-enroll.disabled,
.enrollmentConsole.session-view-components-enrollment-console .btn-status-block.disabled {
  color: var(--umu-color-text-tertiary, #999999);
  cursor: default;
  position: relative;
}
.enrollmentConsole.session-view-components-enrollment-console .btn-status-block .tips {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  font-weight: 400;
  font-size: 0.16rem;
  line-height: 0.24rem;
  color: #ffffff;
  padding: 0.08rem 0.12rem;
  width: 1.5rem;
}
.enrollmentConsole.session-view-components-enrollment-console a {
  font-size: 0.14rem;
  cursor: pointer;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList {
  text-align: left;
  margin-bottom: 0.12rem;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs {
  display: inline-block;
  vertical-align: middle;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-action {
  height: 0.34rem;
  line-height: 0.34rem;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-item:first-child .tab-action {
  border-radius: 4px 0px 0px 4px;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-item:last-child .tab-action {
  border-radius: 0px 4px 4px 0px;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-action.current {
  border: 1px solid var(--umu-color-primary, #f2af2e);
  background-color: var(--umu-color-bg-base, #fff);
  color: var(--umu-color-primary, #f2af2e);
  font-weight: 600;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-action.bd-right-color {
  border-right: 0px;
}
.enrollmentConsole.session-view-components-enrollment-console .commandList .tabs.tabs-theme-pill .tab-action.bd-left-color {
  border-left: 0px;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList {
  width: 100%;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList td {
  word-break: initial;
}
.enrollmentConsole.session-view-components-enrollment-console .user-name-info .user-medal-info-holder {
  vertical-align: -0.05rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList thead td {
  border-bottom: 1px solid #ebeced;
  border-top: 1px solid #ebeced;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollment-cancel-reason-tip {
  width: max-content;
  max-width: 3.6rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .btns a:first-child {
  margin-right: 0.15rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .btns .disabled {
  color: var(--umu-color-text-tertiary, #999999);
  cursor: not-allowed;
}
.enrollmentConsole.session-view-components-enrollment-console .loadMore {
  text-align: center;
  margin-bottom: 0.2rem;
}
.enrollmentConsole.session-view-components-enrollment-console .footer {
  text-align: center;
  margin-bottom: 0.3rem;
}
.enrollmentConsole.session-view-components-enrollment-console .noData div {
  text-align: center;
  color: #757575;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  margin-top: -0.3rem;
  border: 1px solid var(--umu-color-fill-secondary, #eee);
  border-top: none;
  padding: 0.4rem 0;
}
.enrollmentConsole.session-view-components-enrollment-console .noData img {
  width: 1.7rem;
  height: 0.86rem;
  margin-bottom: 0.12rem;
}
.enrollmentConsole.session-view-components-enrollment-console .noData span {
  color: var(--umu-color-text, #222);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary {
  border: none;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary table {
  width: 4rem;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary table td {
  text-align: center;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary table .thead td {
  position: relative;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList td.btns {
  padding-right: 0.1rem;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollSummaryTotalAmount.tipIcon {
  position: absolute;
  top: 0.03rem;
}
.enrollmentConsole.session-view-components-enrollment-console .money {
  color: var(--umu-color-primary, #fab400);
}
.enrollmentConsole.session-view-components-enrollment-console .enrollSummaryTotalAmount {
  margin-left: 0.04rem;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollSummaryTotalAmount .inputTip {
  width: 2.7rem;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollSummaryTotalAmount.tipIcon_TC .inputTip {
  left: -1.35rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .name {
  width: 1rem;
  padding-right: 0.2rem;
  max-width: 2.5rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .mobile {
  width: 1.2rem;
  min-width: 1.2rem;
  max-width: 1.2rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .amount {
  width: 0.7rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .audit-time,
.enrollmentConsole.session-view-components-enrollment-console .dataList .expiry-date,
.enrollmentConsole.session-view-components-enrollment-console .dataList .registration-time,
.enrollmentConsole.session-view-components-enrollment-console .dataList .cancel-time {
  width: 0.84rem;
  min-width: 0.84rem;
  max-width: 0.84rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .approver_name {
  min-width: 1rem;
  color: var(--umu-color-text, #222);
  text-align: center;
  background-color: var(--umu-color-bg-base, #fff);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .cancel-reason {
  width: 0.9rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataList .status {
  min-width: 0.6rem;
  white-space: nowrap;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary {
  border-bottom: 1px solid #e9ebec;
  margin-bottom: 0.14rem;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary table {
  margin: 0.2rem auto;
  text-align: center;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .course-enroll-table-wrap {
  overflow: auto visible;
  padding-bottom: 0.25rem;
  min-height: 4rem;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap table thead tr th {
  line-height: 0.18rem;
  height: 0.33rem;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  font-weight: 600;
  font-size: 0.14rem;
  color: var(--umu-color-text, #2d2e30);
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap table thead tr th.btns {
  width: 1rem;
  position: sticky;
  right: 0;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap table tbody tr td.btns {
  min-width: 1rem;
  position: sticky;
  right: 0;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap .table .col-index {
  min-width: 0.35rem;
  padding-left: 0.1rem;
  position: sticky;
  left: 0rem;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap .table .col-avatar.avatarWrap {
  min-width: 2.2rem;
  padding-left: 0.04rem;
  position: sticky;
  left: 0.45rem;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap table tbody tr:nth-of-type(2n) td {
  word-break: break-all;
  background-color: #fcfcfc;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .dataListWrap table tbody tr:nth-of-type(2n + 1) td {
  word-break: break-all;
  background-color: var(--umu-color-bg-base, #fff);
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary .thead {
  line-height: 0.3rem;
}
.enrollmentConsole.session-view-components-enrollment-console .resultSummary .trow {
  font-size: 0.28rem;
  line-height: 0.28rem;
}
.enrollmentConsole.session-view-components-enrollment-console .btn-status-block {
  color: #dd4e40;
}
.enrollmentConsole.session-view-components-enrollment-console .tabContainer .icon-username-edit {
  font-size: 0.28rem;
  line-height: 0.28rem;
  height: 0.16rem;
  width: 0.16rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFTSURBVHgB3ZfPbYMwFIefaQ4cO0I2CN0gC7BDcwLEqRMUNugF8edCe+u1E6QjZIN2hByRQND3KkUCSrCd+KEqPwnBE7a+zxbYAHCrKcvyPk3TtaydBQwheF3Xe8uy9jIJFgGCd13n4OVaJsEigPCPXjkrYVSgKIoyz/Nnz/MiLGMVCWMCBMeRP+JlNCPhjPvdgVn4KVvXdQElYjwLqtu23fm+/z7uK+DKTMD7iUgiSRInDMPDVIOrBCTw3zRN83AOTrn4GVCB07TPwSkXzYAqPAiCV5BEW8AkXFvANFxLgAOuLMAFVxLghEsFuOGzAkvAzwosBZ8UWBL+R4D2a9wyv2AhOEVrLzAN1xLggCsLcMEpq35h2/axqqrdqM03wj/hVjN4C7Ise8HTBhgjhDjgZ9rTqV6N7m+wwRZ4Mxg0y4+JTgYzgCtgjMcbMAYXuiP8p/wAIHn81PnZ53EAAAAASUVORK5CYII=);
  background-size: 0.16rem;
  margin-left: 0.06rem;
  cursor: pointer;
}
.enrollmentConsole.session-view-components-enrollment-console div.loading-spinner {
  padding: 0;
}
.enrollmentConsole.session-view-components-enrollment-console .update-username-dialog .signin-avatar.avatar {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.06rem;
}
.enrollmentConsole.session-view-components-enrollment-console .update-username-dialog .form-row-user {
  margin-bottom: 0.26rem;
}
.enrollmentConsole.session-view-components-enrollment-console .update-username-dialog .form-row-title {
  margin-bottom: 0.06rem;
}
.enrollmentConsole.session-view-components-enrollment-console .update-username-wrap .validateDesc {
  margin-top: 0.05rem;
  color: #dd4e40;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollment-console-desc {
  display: flex;
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
  color: var(--umu-color-text-secondary, #666666);
  margin-bottom: 0.12rem;
  align-items: flex-start;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollment-console-desc .enrollment-due-date {
  text-align: left;
  width: 60%;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollment-console-desc .enrollment-member-info {
  text-align: right;
  width: 50%;
}
.enrollmentConsole.session-view-components-enrollment-console .enrollment-console-desc .enrollment-member-info .enrollment-member-remaining {
  padding-left: 0.16rem;
}
.enrollmentConsole.session-view-components-enrollment-console .btn-allow-all {
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  font-weight: 600;
  background: var(--umu-color-primary, #fab400);
  border-radius: 4px;
  padding: 0.08rem 0.16rem;
  text-transform: uppercase;
  margin-top: 0.16rem;
  display: inline-block;
}
.enrollmentConsole.session-view-components-enrollment-console .enroll-user-info {
  display: flex;
  align-items: center;
}
.enrollmentConsole.session-view-components-enrollment-console .enroll-user-info .user-name-content {
  margin: 0 0.02rem 0 0.08rem;
  display: inline-block;
  max-width: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.enrollmentConsole.session-view-components-enrollment-console .enroll-user-info .user-medal-info-holder {
  margin-right: 0.02rem;
}
.enrollmentConsole.session-view-components-enrollment-console .enroll-user-info .is-web.user-name-info {
  display: inline-flex;
  align-items: center;
}
.enrollmentConsole.session-view-components-enrollment-console .signin-avatar.avatar {
  margin-right: 0.06rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap th,
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap .btns a,
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap .status {
  word-break: keep-all;
}
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap .umu-user-name {
  max-width: 1.5rem;
}
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap .web-umu-loading2,
.enrollmentConsole.session-view-components-enrollment-console .dataListWrap .noData {
  margin-top: 0.24rem;
}
.enrollmentConsole.session-view-components-enrollment-console .course-enroll-table-scroll-container {
  width: 100%;
  overflow-x: auto;
  position: relative;
  border-left: 1px solid var(--umu-color-fill-secondary, #eee);
  border-right: 1px solid var(--umu-color-fill-secondary, #eee);
  border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
  box-sizing: border-box;
}
.enrollmentConsole.session-view-components-enrollment-console .course-enroll-table-scroll-container .table {
  min-width: 100%;
  border: 0;
}
#documentsReader {
    width: 8rem;
    margin: auto;
    background: #fafafa;
    overflow: hidden;
}

#documentsReader .incompatible-ie {
    padding: 0.42rem 0.5rem;
    text-align: center;
    color: #757575;
}

#documentsReader .wenku-api-box {
    padding-top: 1.75rem;
    margin-top: -1.25rem;
}

#documentsReader #wenku-loading {
    top: 1.24rem;
}

#documentsReader .wenku-toolsbar-mod {
    top: 1.24rem;
    background: none;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

#documentsReader .wenku-toolsbar-mod .wenku-toolsbar-inner {
    border-left: 1px solid var(--umu-color-fill-secondary, #eee);
    border-right: 1px solid var(--umu-color-fill-secondary, #eee);
}

#documentsReader .wenku-toolsbar-top b,
#documentsReader .wenku-toolsbar-bottom b,
#documentsReader .wenku-toolsbar-zoomin,
#documentsReader .wenku-toolsbar-zoomout {
    background: url(/twww/cn/images/doc_reader_icon.9eb2adb1..png) no-repeat;
}

#documentsReader .wenku-toolsbar-bottom:hover,
#documentsReader .wenku-toolsbar-top:hover {
    background-color: transparent;
}

#documentsReader .wenku-toolsbar-top b {
    background-position: -0.2rem 0rem;
}
#documentsReader .wenku-toolsbar-top:hover b {
    background-position: -0.9rem 0rem;
}

#documentsReader .wenku-toolsbar-bottom b {
    background-position: -0.55rem 0rem;
}

#documentsReader .wenku-toolsbar-bottom:hover b {
    background-position: -1.25rem 0rem;
}

#documentsReader .wenku-toolsbar-zoomin {
    background-position: -1.55rem 0;
}

#documentsReader .wenku-toolsbar-zoomin.zoomin-forbidden {
    background-position: -2.25rem 0;
}

#documentsReader .wenku-toolsbar-zoomout {
    background-position: -1.9rem 0;
}

#documentsReader .wenku-toolsbar-zoomout.zoomout-forbidden {
    background-position: -2.6rem 0;
}

#documentsReader .document-pdf {
    position: relative;
    padding-top: 0.35rem;
}

#documentsReader .bar {
    position: absolute;
    height: 0.35rem;
    width: 8rem;
    top: 0;
    z-index: 50;
    line-height: 0.35rem;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#documentsReader .bar.fixed {
    top: 1.24rem;
}

#documentsReader .pdf-content {
    overflow-x: auto;
    overflow-y: hidden;
    text-align: center;
    position: relative;
}

#documentsReader .bar > div {
    width: 50%;
    float: left;
    height: 100%;
    text-align: center;
    line-height: 0.35rem;

    font-size: 0.13rem;
    color: rgba(33, 33, 33, 0.4);
    flex: 1;
}

#documentsReader .bar .left,
#documentsReader .bar .right {
    width: 1.1rem;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

#documentsReader .bar .middle {
    width: 0;
    border-right: 1px solid #979797;
    height: 0.19rem;
    flex: none;
}

#documentsReader .bar .left {
    text-align: right;
    float: left;
}

#documentsReader .bar .right {
    text-align: right;
    float: right;
}

#documentsReader .bar > .zoom {
    width: calc(50% - 1px);
}

#documentsReader .bar .left::after {
    width: 0.25rem;
    height: 0.25rem;
    position: relative;
    top: 0.05rem;
    display: inline-block;
    content: '';
}

#documentsReader .bar .right::before {
    width: 0.25rem;
    height: 0.25rem;
    position: relative;
    top: 0.05rem;
    right: 0.8rem;
    display: inline-block;
    content: '';
}

#documentsReader .bar .small::after {
    background: url(/twww/cn/images/small.fc83511b..png) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .small.leastScale::after {
    background: url(/twww/cn/images/small_disabled.febbd899..png) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .big::before {
    background: url(/twww/cn/images/big.0973b906..png) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .big.maxScale:before {
    background: url(/twww/cn/images/big_disabled.75786905..png) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .prev::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA5dJREFUaAXtmU1oE0EYhpsfgyRQRFChh4oUob2IiB40bcBi0SqtBUECnkQURDz00D8sWMXapkEvgp56Koi/FA8WbLTW2HiyIHr1Yg9FCqIIiZrmx2egI0Mb6SEzsz3MQvi+fZfd2ef9ZmZnNzU1bnMOOAecA84B54BzwDngHHAOOAecA86BtQ741kreKgMDA42FQuFOMBiMj4yMfNN9N37dF6zmeoODgw3FYvEV1zhCnB4aGtpSzfUqnbthgPv6+urz+fxMuVyuEzdK3JfL5R5VuulqtGA1J+s6t7e3t65UKs1wvXrlmtlAIHBN2deSel5huu12SF7ya1CIfvl8vg7GcEbRtKSeAgO7NZvNpui+TQrNHyrbNTY29lrRtKWedWlgaxmjLyDZI2moap7fqdHR0Wmp6Y6eVDiZTEao7BSV3S+BAC34/f54IpF4LjUT0fpzmMpuprIC9rACVCQ/gxEPFc1IarVLAxuispOQ/IOlsiX2zzJmjcMKB611aWCDVFZAHRMNr2xl4gVgJ6RgOloBBtYP7ATduEsFYsxeAnZc1UznxoGB9NGNx4lxFYau3M0EdU/VbOQB041Q2bu0cV5tB9h+KntL1WzlRivM+vg2IBdXwVwFNrFKs7ZrDJj18Q3Wx90qCWP2Jo+e66pmOzcGXAkEA6w+Bivdg7ExnMlkZpqbm2tp9KDScLSlpSXIMSPrZKWd/6bGgEWLgE1Ho9EdpAfkHTBbxzCiwLG3UrMZjQILEMCmUqnUTtK9Clgrlc5y7J2iWUmNj2EeQeVIJHKO+EAlYjwnmcUvq5qN3HiFBcTs7Gy5ra3tGR/nxKtgowSje7dT6a9Uel5qpqMVYAEBdAnoSaDFK+FuCQb0iVgs9mVubu6D1ExGa8ACAugi0E+Xl5cPsbtrBUy8onYykX2m0p9WNGNBNGZ9Ex8AlpaWxNeOqNJ4kXEeZxX2RNG0p8YnrUp33NPTk2UiOw7ge+V4gO59nxVap6JpTz0BFhS8Mv4Mh8NHST8qVJvIHzN7tyua1tSTLq0S8NfKNv5leEN1m6RO5X+z7u7gY574fKt18xxY0IgP8QCnSRskHdA5fu28Mwtd2+ZZl1YJmKgWqWgrgAtSx4Awi5Mrcl9X3BDAAoZKLoRCIQG9KPaJ85hwWuQ6N6vP4fVuPJ1Of2cRMkVlG5nFTw4PD/9Y7xx33DngHHAOOAecA84B54BzwDngHHAOOAd0OPAXdsY2CzzF/q0AAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .prev.firstPage::after {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA5xJREFUaAXtmE1PE0EYx+m2pbQiIYJRMUaIHowxMZKI6QsQDRBFvPIV+ABwAE4cSHgNd74CZxMNSgUpSBqbEA9GDxaCRDFy0dDSprut/yd0yDLIxe7Meng22c7Msy8zv/9/3rpVVXywAqwAK8AKsAKsACvACrACrAArwAqcVsBzOuRuZGxsrP7w8DAaDAaXkM853Rqv0y+s5H0ArAPss1Kp1FAoFK62tramk8mkVck75WcNOeBWGbC1gO0DbKjchsZQKNTldHt8Tr/wX943NDR0rgxbK54HuIkzJcpOpa47PDc3F/R6vU8BV2eDsjwez8uZmZk9W8yRrKuTFrpxTTab7QPJBUED8CLBTk9P74qYk6lrDgO2GrC9MqxhGIuqYEk4V4Dn5+f9GLNPUH8jNYIOuApzS0tTU1M7RxE1v9q7NJz15fP5x5ZlNQkkgvX7/fHx8fEvIqYq1erwwsKCN5PJ9NhhCQzdeEUHLNWlzWE4a+Ryua5isdhMFYsDM/TbiYmJT6KsOtXiMMamBxPUw7/AJnTCkpjKgQl2ZGSkE3XdsLuHcfsOsB/tMR155XtpdOMYoG/ZYVBOYun5YI/pyit1GM6GAXfbDoMJKoUd1KY9pjOvzOHh4eH7GLN3JZhNrLPvpZjWolKHZRLMyNpWBbluUVbmcCKR+BYOh6sxOV0SlaF7X25vbzfomojpTpUBE8j6+vpuLBYLIntRgAH6SiQSKeHadxHTmSoFJhC4+TUej58HaIMAg+tNEMJcW1v7IWK6UuVjmPbJWG9XAHRinwwBHoyOjt7RBSrqUQ5MFRE0Pte8wZK0LSqm1DTNyODg4Illy35dRV7rrEl/HlKpVA/cvSbBrGAj8lmKKSlqcVi0vL+/38Ln11cAlmfpTqzbN8V9KlOtDgsQ+gCQTqd7AX68ZFG3x7k0OTmZFvepSLU6LAAGBgYKcPoFyvsiBngS/xGcbhYxFanyZemsRi8vL1vd3d1b+OBO45nW6iqCxna0BZuTfSxZv856tpK4a8DUaECbbW1tWz6f7zqKNRRDtyanW6LR6E9A/6aYk4erwASysbFhYgu6jSWrGcUAxXCgaLR0dHTsra6uHhyFnPl1ZQzLTZ+dnc1gTD+Hucdw6No+dPF78r2Vlv8LYILAN6+DMnS2DLUfCAReVwooP+96l7Y3CGM6j4lsBzuweuzMFiFC3n6d86wAK8AKsAKsACvACrACrAArwAqwAqoU+AN8qFC14r5ZqQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .next::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA51JREFUaAXtmU9IVEEcx911W2IXKgr24EGIIupQRNghdA1LN1JCoX/SKeoQBB6CXBU9SAn+WehqlyKIQopICBNdWw1a6VAEQtRFAiEPBUGHtVrd3T6jzDI+S0LezOswC8/fb37z3pv3+f5m5s08S0rszypgFbAKWAWsAlYBq4BVwCpgFbAKWAXWKuBbG3Iv0tHRsWNpaWkoEAi09Pb2fnTvzhu/k3/jl65/ZXd397ZcLjfOWbXYF11dXbvWv8JMrTbghYWFR4VC4ZDAwJZls9lUW1tbuRmsv7eiDdjn892g2YxsGujyfD6fisfjZTLmhdUG3N/f/wroU0D9UMBEt56gu0eUmFFXG7CgGBgYmCwtLW3C/SWpyPS+TCaTBHq7jJm0WoEFSF9f37jf7z9NtrMK2AHG+BjQW5SYEVc7sKCge48A3Qz0kqQi0xVk+nkikQjLmAmr9T3sBGhtbT1P7AFHqaxDhMlQKFRPtn/KmE5bbFhnI/Le09PT76uqqj4B2UhMir1zcXGxIhaLPZ6amsrJc3VZo8ACIp1Oz1RWVn7GFTO4hN7Nimx/XV3dE6Dz4jxdP+PAAgTod9Fo9AvjuEEB2wv0HqCfAl1Q4q66RiatPz0xE9kgXfuaWocAzUxkd7Ay82q1K74nGZZPTqZfM6bFZFUrY9iDyWQywngfUWKuuZ4CCwqg04xp0YVrFKrDdPmtVI0pMVdcz4EFBdl8CWCQrhyVVPhHyP4moFMy5ob1bAw7H56NRcAZ01H+L4DZNt4ELq4CMqHdYi3epcbc8LXNhv/6cGwXO+m+PY7zB1lyXnXEXCl6Ckxmr9OVEw6Se2T2EhnW8i42Mm4cQMtFYFucsEAOsa6+rAtWNOxJhoG9AuxtVQggh4E9yyaiuKNS693yjQO3t7df5KPeXVVsYEeBbQJW3TO7xbjqPkaByewFJqj7HOrbIRUOhxtMbQ+NATMbnwF0CLnVxU46EomcYJ9c/Ni3Kh0aCqrSGm6/cksy2wjsQ0pFWLrxGzJbbxJWPI32DAN7EthhjuAK/vLfGWBr6MbflJgRVyswE1Qts/EzYDdLGjL7gS+ZR/nXy1cZM2m1AZPZakBHOUIK0CzA1Sws5pWYUVfbwoPMdkJShAV0juMYG3/PYIWy2iYtPsueA/CtaAQ7HwwGBeycKHv50wYM3HcWEzHgJhizx3t6ema9BLVtWwWsAlYBq4BVwCpgFbAKWAWsAlYBq8B6CvwG85U4JwJ1y7gAAAAASUVORK5CYII=) no-repeat;
    background-size: 100% 100%;
}

#documentsReader .bar .next.lastPage::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA6JJREFUaAXtmN1Lk1Ecx91W7SXxohaa9qIuCCIIRxHMVFabEXbtv+CVV7o5d+WFMAdjXvsveFtSUQ8pbHbVVSARLMXCVlno2gvt1e+Bzjg8kk55znlufsI45/md18/39zsvnrY2+iMFSAFSgBQgBUgBUoAUIAVIAVKAFDisgOWwyTjL3Nyco1QqPXI6nWnk94zr+fQ92U7f9OiWk5OTdtQYw6+rWq32BYPBrdXV1b9Ht5JfapU1hMvlCqBvN+u/0Wi44Omn8HK7rPFa7VcaMML4PUCrfCLItzPo6enp89xmRioNGN7MWiyWl4CqcTBAd9hstrFkMunkNtWptDXMQNLp9J/BwcGfAPUAnm+Qjnw+fxVr+jPWdDMCVIFLBf4HnRsaGtoFdL8A7axUKj2AzgC6GQEqoKWFtDj5eDy+DWANwA3B7saafrK0tHRWsEnPSvcwJ1hfX9/z+/379Xq9DzYe3u25XK4zEAiw8K7zujJTJR7mAPPz8xmr1brGv1laq9W6C4XC6PLyshLxlQwiAqZSqV/Dw8MFhPh1bkeod2Sz2Qvw9CY8LYY9r2JYqtTDfNaxWOwjjqcU/2YpQr23WCz6IQQPd7HYsLwpwGz2gN6AZ9/pSDyzs7MjMqGVh7QIiHP6h8/nqwG8h9sBe1HTNCfKtrnNyNRUYAaC3TuLc5rdt7sFsEtY5+ew3r8KNkOypgMzCoB9w42MzaWLU0GATghhRdkOtxmRmraG9ZPHJiZ1s+LjKRmED/a/NBKJ3MMuPSCW4/tDIpHQb2pilVPlTfdwKBTy6mGxiW3IgGUKmQo8MzNzB3B3RVfhJvZpYWEhLdqMzJsGHI1Gb2Njuq+DyeB8XoMI0m5bZ3QDKvmcmpq6hXcunzgYPLvlcDjeyoRl4ykHDofDNzHuAxEWkF+8Xq82Pj4u/T8mpSGN3fgGQEdEWIT1Dt6/XgNWyUOAMg8Dth9wfhEWnv3u8XheTUxMKHvqUeJhwPYC9CGAxXN/F559AdiKKILsvPSrJY6eazhngwARxf2Nd+sVvGwqf5gXFTdcXGxQV9DpY/yawiKM98rl8rPFxcWS4QO20KGoegvVW6+Cc/YyjppRtBBhc3jSWTELls1eGjDW6wBCubkpwrN5rNnnuDIWWpfN+JrSgO12+xtMd5dNGbBFBos1mzce4WQ9NsPtZM2Or80e2PHQvokblRuwGmD3j29FNUgBUoAUIAVIAVKAFCAFSAFSgBQgBcxR4ADBOT73xudk/QAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100% 100%;
}


#documentsReader .pdf-annotation-layer {
    z-index: 10;
}

#documentsReader .pdf-annotation-layer a {
    display: inline-block;
    cursor: pointer;
    z-index: 11;
}

.meeting-analyser-footer {
    line-height: 1.5;
    font-size: 0.16rem;
    padding-bottom: 0.2rem;
    margin-top: -0.15rem;
}
.meeting-question-view {
    font-size: 0.16rem;
    line-height: 1.5;
    border-bottom: 1px solid #e9ebec;
    margin: 0 -0.3rem 0.3rem;
    padding: 0 0.3rem;
}

.meeting-question-view .meeting-question-view-title {
}

.meeting-question-view .meeting-question-view-body {
    margin-top: 0.05rem;
    margin-bottom: 0.3rem;
}

.meeting-question-view .meeting-question-duration .time-label {
    color: #757575;
}

.meeting-question-view .meeting-question-desc .meeting-desc {
    white-space: pre-line;
}

.meeting-share-info {
}

.meeting-share-info-wrap {
    font-size: 0.17rem;
    line-height: 1.5;
}

.meeting-share-info .info-title {
    color: var(--umu-color-text, #000000);
    margin-bottom: 0.2rem;
}

.meeting-share-info .info-guide .info-label {
    color: var(--umu-color-text, #212121);
    margin-top: 0.2rem;
}

.meeting-share-info .info-guide .info-steps {
    color: #303030;
    margin-top: 0.15rem;
}

.meeting-share-info .info-guide .info-step {
    margin: 0.12rem 0;
}

/*  */

.meeting-share-info .info-guide .icon-meeting-share-info {
    background-position: center;
    background-size: auto 0.2rem;
    height: 0.2rem;
}

.meeting-share-info .info-guide .icon-meeting-share-info.pc {
    width: 0.22rem;
    margin-right: 0.05rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAAE6DSy/AAAAAXNSR0IArs4c6QAAAmtJREFUSA3FVztPwlAU7i2IkhhMWJDNAguJiQMu/gNHJ+Pm5GbCYhz9AyYujrq46sCkroxOOpg4KI9V0UUTdUCp37npuV76gFKkNmlOe+55fOe7p6etKBaLq71er2rgEELYhmVZNt3wYfIFS2HbtoBbRikKhcIFKUmBGD1eCJYCLnN9y+60fYu48cAY2UDCYy9OB7jXrVarQnoCdU6Sa2FjyYthfBioepeVbkkRTben24iq6MMxusGwFF5qtRzpdPpb5Uc1h9j6bVpPJBJzjUbjja6F5WoBUo50UIBBXA0KRr5ys4cVOigId4uqdZCx3xoH8FsLpSMSP2E5E8raxygQOohdxLbdkg868wvtO+XjL9u5hoUU2ZHBMEKdNqen3zZNcy8JhzVyDHvAXpkCYT5Jd+12O7AUZe26oN5BgI2xdyFyAOYqcgCuaJwAkrdxAkgQ4wT4ZwS8C/Qw/bYWUxtSopWvkqlUKtPtdiNx0Ww2XwNbWEeGTDkYd/yAeTKXy+U8nO90Y/T8E15CB7qOr2muN0BIkRVxSoyGGo0DTr4PxXEcAJBzC3l2IBfkOKGk4PkFPN/HAQCj6BnbIlN59jAOAKhcNZ8CoCvjAME5FAAoFCpenKBUuXQAE8wXHPq/APgyoJTBeP9+RWcg8lCOAEvlEjxzMYTog/XRFeyvWFEJnfjzeOrop+eGBtEJzk1Hof6EHMOJCnypn0aqEO+PDgDP6ujA4AO+H5d0XZjrRBgjtqlUKlP48ThD8mXo6GNVP3PZbDZXrVYv6/W6m3IO4ZGhGCiVSiuY3UfwnnYiBPnJxAD4DkbWwcjQd8sPYXK/DxqYQGUAAAAASUVORK5CYII=);
}

.meeting-share-info .info-guide .icon-meeting-share-info.mobile {
    width: 0.12rem;
    margin-right: 0.08rem;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAoCAYAAAHoLsgPAAAAAXNSR0IArs4c6QAAAsZJREFUWAntWEtrU0EUzs21EiviRgvdNY+FCC78A6Jt1wpCXQndtX/BhZtuXPgLrLhyr+uWCoW6KN0UlEoKeelKpC5bGmgefmfSczJ35iQ3Sb2khQwkc97nmzMz594kleo3stnseto18AQBWcC07Vp2eWhbXS6VohiewDYwFiYoBzZZcrnc93a7/QCmp0EQnIC+Q261Ws3oySMSl5SQrdPMwD0DUtJggw6nfF8jWRiGzxkU2Pf4rJAcY7Uz9fmO1Aor+Eu22iq8YnLKWJCXwcAUipbGqIm2hwvyhJWoyRnRne08l2Lbv6BIT9hIm+F4nE6nX5TL5U3SRyDAuXtGNG/IkORDs9ncAGmS2xC93dBiIEnTlg8dwHYm+r8GcIMPxNsIBnJwjS4cQLYR+9tChUP7RGUymblisfjLlrkIxs/LUcYJWwCcT1jGrRhYX9HRHrONBHDXyQ2EDBH0JqYb4hQEB9VqlVpl9y4QA6cjKGaI7jUoEcZ91ke2EYoGK2JmQR4JEOOkqkcNMH4EspxRlzAJIBWI9kRLPDh54V2QjnSec9a9lXFY+iKgNxlqa24Q3Fq5dHYA78mEJvOuXq//cAOAf6bIrqhIrjXjLxQKT/H0/gw+ZJkzH4L/6ciYnQNxjxlnbqH2S+iYFFuGBwCngDbITv4R/B/xGIJAwimYv0SnNa+3tPkAQDIZ7jEkhZ38N07SsliPQGBB03Az77YAYsc20exTyOG908iKJGYNQBJ5esbUACRZAe/MaQB6ok1CoQFIsgLeGjQAnlGSggmASQXGXgHtWSDNAg+Pu3gpWMQtGPVhdB39/yE+PS+SBkCM4Uj6LRFEiR38ofIKIFuNRuMtVI+iavPLxhV5vLYF3zwrRYDkb/CXwW6pVNojWjHRRHuuUMptK/L5/DxW/5rKB/ltWzcsjQodI84+/uNYq1Qq28P6J27/D1sGxOIIOKQ2AAAAAElFTkSuQmCC);
    margin-bottom: 0.02rem;
}

/*  */

.meeting-share-info .info-guide.guide-pc .info-step .step-desc {
    display: inline;
    margin-right: 0.05rem;
}

.meeting-share-info .info-guide.guide-pc .info-step .step-action {
    display: inline;
}

/*  */

.meeting-share-info .info-guide.guide-mobile {
    margin-top: 0.25rem;
    border-top: 1px solid #e9ebec;
}

.meeting-share-info .info-guide.guide-mobile .info-steps {
    position: relative;
    padding-left: 1.1rem;
    min-height: 0.85rem;
}

.meeting-share-info .info-guide.guide-mobile .step-qr {
    position: absolute;
    top: 0;
    left: 0;
}

.meeting-share-info .info-guide.guide-mobile .step-qr .img {
    width: 0.85rem;
    height: 0.85rem;
}

.meeting-share-info .info-guide.guide-mobile .info-step {
    padding: 0.05rem 0;
}

.meeting-share-info .info-guide.guide-mobile .info-step .step-desc {
    margin: 0.08rem 0;
}

/*  */
.meeting-view-join-dialog.course-session-meeting-view-join-dialog.ngdialog.ngdialog-theme-umu .ngdialog-content {
    animation: none;
    margin: 0 !important;
    width: 6rem !important;
    transform: translate(-50%, -50%);
}

.meeting-view-join-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-buttons .btn.btn-optional {
    box-shadow: none;
    border: none;
    background: 0;
    color: #1e6ee6;
}


.icon-red-alert {
    width: 0.16rem;
    height: 0.16rem;
    background-image: url(/twww/cn/images/red_alert.0ab693f2..png);
    background-size: 0.16rem 0.16rem;
    background-repeat: no-repeat;
}

.prompt-view .session-analyser-state {
    min-width: 1.3rem;
    max-width: 2.5rem;
}
