.umu-bg {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 1.03rem;
  background-position: center;
  background-color: var(--umu-color-fill-secondary, #eee);
  position: relative;
}
.umu-bg .umu-bg-preview {
  position: relative;
  display: none;
}
.umu-bg .umu-bg-preview .umu-bg-preview-icon {
  position: absolute;
  top: 0.16rem;
  right: 0.16rem;
  width: 0.32rem;
  height: 0.32rem;
  cursor: pointer;
}
.umu-bg .umu-bg-preview.show-always {
  display: block;
}
.umu-bg:hover .umu-bg-preview {
  display: block;
}

.umu-bg-preview-modal .umu-design-comp-modal-confirm .umu-design-comp-modal-content {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
.umu-bg-preview-modal .umu-design-comp-modal-confirm .umu-design-comp-modal-content .umu-design-comp-modal-body {
  padding: 0;
}
.umu-bg-preview-modal .umu-design-comp-modal-confirm .umu-design-comp-modal-content .umu-design-comp-modal-body .umu-bg {
  border: 0 !important;
}
@charset "UTF-8";
/*toggle line*/
/* */
.toggleLine {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}

.toggleLine .maskHelp {
  cursor: pointer;
}

.toggleLine .maskHelp .after {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAQBAMAAAD6/3KbAAAAFVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzsIyYbAAAABnRSTlMA3RwiwDY6hYQHAAAAWElEQVQI103J0QmAMBCD4WCdwGKfvQ0qOIFOUpDbfwSx/xWal5B8UrpFlkfS2Q6WtapUfIOKZ63uoLm//9Ux2kCKc1C8QeAOBTo0EAInAiEQiqSSNeWqvT5iQxn0veGHzwAAAABJRU5ErkJggg==) no-repeat center;
  -webkit-background-size: 0.14rem auto;
  background-size: 0.14rem auto;
}

/* */
.toggleLine .showMore {
  cursor: pointer;
}

.toggleLine .showMore .after {
  display: inline-block;
  vertical-align: middle;
  width: 0.2rem;
  height: 0.2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAARBAMAAAAxo6E+AAAAFVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzsIyYbAAAABnRSTlMA3R0jwDaD+4lVAAAAW0lEQVQI12PABlQUkDhMYkJIPMW0RAUkqbQ0ISSpNJAkQgooiZACS8KlROE6FUHiYAJmIISESUEpmCCUZoFIgSVTGJjFQFIQSWEGBkOYKxQTDRgYmJ1gTnJmAAAgbxnSjjfp1gAAAABJRU5ErkJggg==) no-repeat center;
  -webkit-background-size: 0.14rem auto;
  background-size: 0.14rem auto;
}

/* */
.toggleLine .showMore,
.toggleLine.single .showMore,
.toggleLine.single .maskHelp {
  display: none;
}

/* */
.toggleLine.active .maskHelp {
  display: none;
}

.toggleLine.active .showMore {
  display: initial;
}

/* */
.toggleLine:not(.theme2),
.toggleLine.theme1,
.toggleLine.theme3,
.toggleLine.theme2 .toggleLineWrap {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  word-break: break-word;
}

.toggleLine.theme2 {
  -webkit-line-clamp: initial;
}

/* 为了保险:not()不生效 */
/* */
.toggleLine.theme1 .maskHelp .before {
  height: 0.48rem;
  width: 0;
  float: right;
}

.toggleLine.theme1 .maskHelp .after {
  margin-left: 0.2rem;
  float: right;
  clear: right;
  margin-bottom: -0.23rem;
}

.toggleLine.theme1 .showMore .before {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1em;
  margin-right: -100%;
  background: var(--umu-color-bg-base, #fff);
}

.toggleLine.theme1.active {
  display: block;
}

.toggleLine.theme1.active .showMore .before {
  display: none;
}

.toggleLine.theme1.active .showMore .after {
  float: right;
}

.toggleLine.theme3 .maskHelp .before {
  height: 0.48rem;
  width: 0;
  float: right;
}
.toggleLine.theme3 .maskHelp .after {
  margin-left: 0.2rem;
  float: right;
  clear: right;
  margin-bottom: -0.23rem;
  width: 0.4rem;
  font-size: 0.14rem;
  color: var(--Text2, var(--umu-color-text-secondary, #666));
  background: none;
  cursor: pointer;
}
.toggleLine.theme3 .maskHelp .after.showArrow {
  position: relative;
  margin-right: 0.2rem;
  text-align: right;
}
.toggleLine.theme3 .maskHelp .after.showArrow::after {
  position: absolute;
  top: 0.03rem;
  right: -0.13rem;
  content: "";
  display: inline-block;
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.02rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE0IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuMjA3MyA1LjM1NzY4TDcgOS41NjQ5NkwyLjc5MjcxIDUuMzU3NjhMMi4wNTAyNSA2LjEwMDE0TDYuMjU3NTQgMTAuMzA3NEw3IDExLjA0OTlMNy43NDI0NiAxMC4zMDc0TDExLjk0OTcgNi4xMDAxNEwxMS4yMDczIDUuMzU3NjhaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
}
.toggleLine.theme3 .showMore .before {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 1em;
  margin-right: -100%;
  background: var(--umu-color-bg-base, #fff);
}
.toggleLine.theme3 .showMore .after {
  font-size: 0.14rem;
  background: none;
  width: 0.4rem;
  color: var(--Text2, var(--umu-color-text-secondary, #666));
  cursor: pointer;
}
.toggleLine.theme3 .showMore .after.showArrow {
  position: relative;
  margin-right: 0.2rem;
  text-align: right;
}
.toggleLine.theme3 .showMore .after.showArrow::after {
  position: absolute;
  top: 0.03rem;
  right: -0.13rem;
  content: "";
  transform: rotate(180deg);
  display: inline-block;
  width: 0.14rem;
  height: 0.14rem;
  margin-left: 0.02rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE0IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTEuMjA3MyA1LjM1NzY4TDcgOS41NjQ5NkwyLjc5MjcxIDUuMzU3NjhMMi4wNTAyNSA2LjEwMDE0TDYuMjU3NTQgMTAuMzA3NEw3IDExLjA0OTlMNy43NDI0NiAxMC4zMDc0TDExLjk0OTcgNi4xMDAxNEwxMS4yMDczIDUuMzU3NjhaIiBmaWxsPSIjOTk5OTk5Ii8+Cjwvc3ZnPgo=) no-repeat center;
  background-size: contain;
}
.toggleLine.theme3.active {
  display: block;
}
.toggleLine.theme3.active .showMore .before {
  display: none;
}
.toggleLine.theme3.active .showMore .after {
  float: right;
}

/* */
.toggleLine.theme2 .maskHelp,
.toggleLine.theme2.active .showMore {
  display: block;
  text-align: center;
}

.toggleLine.theme2.active .toggleLineWrap {
  display: block;
}

.toggleLine.theme2.active .maskHelp {
  display: none;
}
.tabs .tabs-header {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  border-bottom: 0.01rem solid #f0f0f0;
  position: relative;
  background: var(--umu-color-bg-base, #fff);
}
.tabs .header-item {
  flex: 1;
  text-align: center;
}
.tabs .header-item.hidden {
  display: none;
}
.tabs .header-item .tab-title {
  font-size: 0.16rem;
  line-height: 0.22rem;
  color: var(--umu-color-text, #222222);
  padding: 0.1rem;
  cursor: pointer;
}
.tabs .header-item .active-border {
  height: 0;
  width: 100%;
  background: var(--umu-color-primary, #ffab00);
  bottom: 0;
  left: 0;
  /* transition: height 1s ease; */
  position: absolute;
}
.tabs .header-item .active.tab-title {
  position: relative;
  display: inline-block;
  color: var(--umu-color-primary, #ffab00);
}
.tabs .header-item .active .active-border {
  height: 0.03rem;
}
.tabs.start .tabs-header {
  justify-content: flex-start;
}
.tabs.start .header-item {
  flex: none;
  margin-left: 0.19rem;
}
.tabs.start .header-item .tab-title {
  padding: 0.12rem 0.01rem 0.1rem;
  color: var(--umu-color-text, #222);
  line-height: 0.24rem;
}
.tabs.start .header-item .tab-title.active {
  font-weight: 500;
}
.tabs.start .header-item .tab-title.active .active-border {
  background-color: var(--umu-color-primary, #fab400);
  height: 0.02rem;
  border-radius: 0.01rem;
}
.desc-rich {
  position: relative;
  padding-bottom: 0.26rem;
}

.simple-toggle-line .content {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.simple-toggle-line .overlayer {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(56%, #fff));
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, var(--umu-color-bg-base, #fff) 56%);
  position: absolute;
  z-index: 8;
  width: 100%;
  padding-top: 0.3rem;
  padding-bottom: 0.26rem;
  bottom: 0rem;
}

.toggle-btn {
  position: absolute;
  right: 0.12rem;
  z-index: 9;
  bottom: 0.04rem;
  font-size: 0.14rem;
  line-height: 0.14rem;
  color: #3f51b5;
  cursor: pointer;
}
.progressive-emg {
  position: relative;
  width: 100%;
  height: 100%;
}
.progressive-emg-preview, .progressive-emg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progressive-emg-img {
  opacity: 0;
}
.progressive-emg-img.is-animating {
  opacity: 1;
}
/*  */
.emg-fit-1 {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.emg-fit-1 .emg {
  max-width: 100%;
  opacity: 0;
}

.emg-fit-2 {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.emg-fit-2 .emg {
  opacity: 0;
}
.nav-tabs .tab-header {
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
  border-bottom: 0.01rem solid var(--umu-color-border-secondary, #f5f5f5);
  position: relative;
}
.nav-tabs .tab-header.crowded {
  display: block;
}
.nav-tabs .tab-header.crowded .header-item {
  display: inline-block;
  text-align: center;
  padding: 0 0.08rem;
}
.nav-tabs .header-item {
  flex: 1;
  text-align: center;
}
.nav-tabs .tab-title {
  font-size: 0.14rem;
  line-height: 0.22rem;
  color: var(--umu-color-text, #222222);
  padding: 0 0.1rem;
}
.nav-tabs .active.tab-title {
  position: relative;
  display: inline-block;
  font-weight: 500;
}
.nav-tabs .active-border {
  height: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  /* transition: height 1s ease; */
  position: absolute;
}
.nav-tabs .active .active-border {
  height: 0.02rem;
}
.nav-tabs .yellow .active.tab-title {
  color: var(--umu-color-primary, #fab400);
}
.nav-tabs .yellow .active-border {
  background: var(--umu-color-primary, #fab400);
}
.nav-tabs .blue .active.tab-title {
  color: #1E6EE6;
}
.nav-tabs .blue .active-border {
  background: #1E6EE6;
}
.nav-tabs .navigate-item {
  position: relative;
  display: inline-block;
  padding: 0.11rem 0;
}
.nav-tabs .navigate-two-line-count {
  margin-top: -0.04rem;
  font-weight: 500;
  color: var(--umu-color-text, #222222);
  font-size: 0.18rem;
  line-height: 0.25rem;
}
.nav-tabs .navigate-two-line-title {
  margin-top: 0.02rem;
  margin-bottom: -0.03rem;
  color: var(--umu-color-text-secondary, #666666);
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.nav-tabs .active.tab-title .navigate-two-line-title {
  color: var(--umu-color-text, #222222);
}
.m-checkbox {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.02rem solid var(--umu-color-text-tertiary, #999);
  position: relative;
  box-sizing: border-box;
  border-radius: 0.02rem;
}

.m-checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.m-checkbox i.icon.icon-checkbox {
  display: none;
  vertical-align: top;
  background-image: url(/twww/cn/images/icon-checkbox.4c2c74cf..png);
  background-size: contain;
}

.m-checkbox.checked {
  border: none;
}

.m-checkbox.checked i.icon.icon-checkbox {
  display: inline-block;
}
.page-loading {
  padding: 1.2rem 0;
}

.sprite-frame {
  width: 0.5rem;
  height: 0.13rem;
  margin: auto;
  background: url(/twww/cn/images/loading-sprite.33282f1c..png) no-repeat;
  background-size: 0.5rem auto;
  -webkit-animation: page-loading-frame 3s steps(30) infinite;
  animation: page-loading-frame 3s steps(30) infinite;
}

@-webkit-keyframes page-loading-frame {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -3.75rem;
  }
}
@keyframes page-loading-frame {
  from {
    background-position-y: 0;
  }
  to {
    background-position-y: -3.75rem;
  }
}
.img-gallery {
  width: 100%;
  height: 100%;
  background: #000;
  white-space: nowrap;
  overflow: hidden;
}
.img-gallery .img-slides {
  position: relative;
  left: 0;
  transition: left 0.5s ease, right 0.5s ease;
  -webkit-transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
}
.img-gallery .img-slides .img-slide-item {
  position: relative;
  display: inline-block;
}
.img-gallery .img-slides .img-slide-item-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.img-gallery .img-slides .img-slide {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.img-gallery .img-slides .load-original {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0.2rem;
}
.img-gallery .img-slides .load-original .load-status {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.12rem;
  color: #fff;
  padding: 0.05rem 0.1rem;
  border: 0.01rem solid #fff;
  border-radius: 0.02rem;
}
.full-img-gallery {
  z-index: 1001;
  color: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.full-img-gallery .full-img-gallery-controls {
  position: absolute;
  pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 100;
  padding: 0.1rem 0.15rem;
  box-sizing: border-box;
}
.full-img-gallery .full-img-gallery-controls .icon {
  pointer-events: auto;
  float: left;
  cursor: pointer;
}
.full-img-gallery .full-img-gallery-controls .icon-next {
  float: right;
}
.full-img-gallery .full-img-gallery-header {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0.1rem;
  z-index: 100;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.4);
}
.full-img-gallery .full-img-gallery-header .icon-back {
  float: left;
  cursor: pointer;
  width: 0.2rem;
  height: 0.2rem;
  background-size: contain;
}
.full-img-gallery .full-img-gallery-header .gallery-info {
  float: right;
}
.full-img-gallery .icon {
  width: 0.3rem;
  height: 0.3rem;
  display: inline-block;
  background-repeat: no-repeat;
}
.full-img-gallery .icon .icon-switch-slide {
  display: inline-block;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY5OTE2RDZGQUNEMTExRThBQ0MxQTVDNDVDNzcwMTA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY5OTE2RDcwQUNEMTExRThBQ0MxQTVDNDVDNzcwMTA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjk5MTZENkRBQ0QxMTFFOEFDQzFBNUM0NUM3NzAxMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjk5MTZENkVBQ0QxMTFFOEFDQzFBNUM0NUM3NzAxMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4YcFnvAAAAcUlEQVR42uyU2w6AIAxDKfH/f7kagwnIROkI4cG9EbqTXQogGUZGDINjfeCWHwBUgmPGhHVRar5VyKRkx+biGyxVDhdQhZlAD+zMuY1HdTmm2QZKy03b5BAKD91s2QN9nKEKbS7lgvbYB/9/6I5dgAEABdk4Il1sjpsAAAAASUVORK5CYII=);
  background-position: center;
  border-radius: 0.04rem;
  width: 0.3rem;
  height: 0.3rem;
}
.full-img-gallery .icon.icon-next {
  transform: scaleX(-1);
}
.full-img-gallery .icon.icon-back {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAfCAMAAADdjm27AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMAau7Yeg1aJeTLvYwcFVBGNKCXYi3sPe6cAAAAdElEQVQoz3XSSw6AIAwE0PoDv4hi739VE1hMYUKXLwTKtFLXM0tTr+pQy6EKg+huZC6ytLIZGToyXRDXkxMSsqxG7iIekrKMRlyRD+KLREFNmZKYinxKAu5CDyNe5L763fMfOQnOq58qZ88T4jnytHkneHN+9rEN4i/6jxIAAAAASUVORK5CYII=);
}
.imitate-a {
  width: auto;
  padding: 0;
  color: #1E6EE6;
  border: 0 none;
  cursor: pointer;
  outline-style: none;
  background-color: transparent;
  overflow: visible;
  font-size: inherit;
}

.btn-action-create {
  outline: none;
  height: 0.34rem;
  line-height: 0.34rem;
  padding: 0 0.15rem 0 0.11rem;
  vertical-align: middle;
  min-width: 0.54rem;
  border-width: 0.01rem;
  border-style: solid;
  background: var(--umu-color-primary, #ffbd2b);
  color: #ffffff;
  border-color: var(--umu-color-primary, #ffbd2b);
  text-align: center;
  box-sizing: content-box !important;
  font-size: 0.16rem;
  font-weight: 600;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.btn-action-create.disabled {
  cursor: default;
  border-color: #ccc;
  background-color: #ccc;
}
.btn-action-create.disabled:hover {
  border-color: #ccc;
  background-color: #ccc;
}
.frame-a {
  text-align: left;
  cursor: pointer;
}
.carrousel-wrap {
  overflow: hidden;
  position: relative;
}
.carrousel-wrap:hover .active-opera {
  display: block;
}

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

.carrousel-wrap .carrousel-item {
  display: inline-block;
  position: relative;
  width: 100%;
}

.carrousel-wrap .carrousel-item .frame-a,
.carrousel-wrap .carrousel-item .carrousel-img {
  display: inline-block;
  color: #fff;
  width: 100%;
  vertical-align: middle;
}

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

.carrousel-wrap .carrousel-title {
  width: 100%;
  position: absolute;
  bottom: 0;
  font-size: 0.16rem;
  padding: 0.15rem 0.15rem 0.25rem 0.15rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.01) 0%, rgb(0, 0, 0) 100%);
}

.carrousel-wrap .carrousel-title p {
  text-overflow: ellipsis;
  overflow: hidden;
}

/*slides end*/
/*indicator*/
.carrousel-wrap .carrousel-indicator {
  position: absolute;
  left: 0.15rem;
  right: 0.15rem;
  bottom: 0.1rem;
  font-size: 0;
  text-align: center;
}

.carrousel-wrap .indicator-item {
  display: inline-block;
  background-color: var(--umu-color-bg-base, #fff);
  background: var(--umu-color-bg-base, #ffffff);
  opacity: 0.42;
  margin: 0 0.02rem;
  width: 0.06rem;
  height: 0.06rem;
  border-radius: 0.03rem;
  transition: width 0.5s ease;
}

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

.carrousel-wrap .indicator-item.active {
  width: 0.19rem;
  opacity: 1;
}

.carrousel-wrap .active-opera {
  position: absolute;
  width: 0.38rem;
  height: 0.38rem;
  cursor: pointer;
  background: rgba(34, 34, 34, 0.05);
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
.carrousel-wrap .active-opera i {
  width: 0.25rem;
  height: 0.25rem;
  font-size: 0.25rem;
  line-height: 0.25rem;
  display: inline-block;
  color: #fff;
}
.carrousel-wrap .active-opera i.left {
  transform: rotate(180deg);
}
.carrousel-wrap .active-opera.prev {
  left: 0.39rem;
}
.carrousel-wrap .active-opera.next {
  right: 0.39rem;
}
.umu-breadcrumb {
  overflow-y: auto;
}
.umu-breadcrumb ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
}
.umu-breadcrumb ul li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.umu-breadcrumb .breadcrumb-item:not(.current):hover {
  color: var(--umu-color-primary, #fab400);
}
.umu-breadcrumb .separator {
  margin: 0 0.08rem;
}
.err-tip {
  text-align: center;
  margin: 0 auto;
  padding: 50% 0;
}
.back-top-btn {
  position: fixed;
  bottom: 0.5rem;
  right: 0.24rem;
  cursor: pointer;
  z-index: 1;
  transition: opacity 0.8s ease;
}
.back-top-btn.hide {
  opacity: 0;
  pointer-events: none;
}
.clear-icon {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUBAMAAACQZWsAAAAAElBMVEVmZmZnZ2eAgIDKysry8vL////tjNiHAAAASElEQVQI12MIhYMABiLZJkDsDGEHC7mGhiiagtkhCiqhTkyuEDVOTC5ALoQdoqAEFIaa48SgEoqFjawGSS+ymch2IbuBJPcDAFjKQLFHUw2jAAAAAElFTkSuQmCC);
  background-size: 0.2rem;
}

.time-icon {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAABmUlEQVRIS+XVsWobQRAG4Pn3kBtBrCopbHAKQ8AId8kLBJLWheXCwpW1uycEeYRgyBsELrndVdzEcmFhSBmM3yCphAgEVMQYF3YlB9Qc3E5wYxQ4cd7guNHWy3zsP7MM6AEOHsCgOUJardaTKIr2jDHtomi11h/zPN/rdruXs6KfFReklNsAVgE8ZuZNIvowo0gbwDEzXzHzyDl3SEQ8fbcQkVK+BfCaiE5CECJ6RURfrbXvShGl1DcAbWPM906ns5Jl2b5z7mXRS5RSp5VKZTdJkjMp5XMAibX2xV2QIYAtY8yPkBHXWq8x85G1tl6KSCl/ARgQ0XUIQkSLRLRurX16F+QngE9CiIsQxHu/xMy7zrlnpYhS6v/HNY00Go2oVqttCCEWil7lvc/G4/GXfr+fB/VkGmk2m4+q1ep7Zi5EAGSTyeRNr9f7/c9ISE/mFxkIIbbTNB2GxBXHcd17f2itXS8dYa31ATOfA/gcgjDzDoBlY8xOKRLH8c2nSph5NQQBMALQSdP0r088R5sxJK7QzXgftW9r/AGfJeQZE2aeXAAAAABJRU5ErkJggg==);
  background-size: 0.2rem;
  position: relative;
  right: 0.03rem;
}

.time-select-icon {
  width: 0.2rem;
  height: 0.2rem;
  background-image: url(/twww/cn/images/icon-time-select.a2f39e29..png);
  background-size: 0.2rem;
  position: relative;
  right: 0.03rem;
}

.rc-picker.time-picker-only-select-time {
  width: 1.2rem;
  height: 0.36rem;
  border-radius: 4px;
  padding-right: 0.04rem;
  box-sizing: border-box;
  border: 1px solid var(--umu-color-border, #e0e0e0);
}

.rc-picker-footer .rc-picker-footer-extra {
  position: absolute;
  right: 0.75rem;
  bottom: 0.08rem;
  padding: 0 0.06rem;
  height: 0.26rem;
  line-height: 0.26rem;
  text-align: center;
  font-size: 0.14rem;
  border-radius: 3px;
  border: 1px solid #1e6ee6;
  color: #1e6ee6;
  display: none;
}

.rc-picker-ok > button {
  background-color: #1e6ee6;
  border-color: #1e6ee6;
  height: 0.28rem;
  min-width: 0.52rem;
  border-radius: 3px;
}

.rc-picker-cell-in-view.rc-picker-cell-selected .rc-picker-cell-inner,
.rc-picker-cell-in-view.rc-picker-cell-range-start .rc-picker-cell-inner,
.rc-picker-cell-in-view.rc-picker-cell-range-end .rc-picker-cell-inner {
  background-color: #1e6ee6;
}

.rc-picker-cell-in-view.rc-picker-cell-today .rc-picker-cell-inner::before {
  border-radius: 3px;
  border: 1px solid #1e6ee6;
}

.rc-picker-time-panel-column > li.rc-picker-time-panel-cell-selected .rc-picker-time-panel-cell-inner {
  background-color: #1e6ee6;
}

.rc-picker-time-panel-column > li.rc-picker-time-panel-cell .rc-picker-time-panel-cell-inner {
  text-align: center;
  padding: 0;
}

body .rc-picker-dropdown.rc-picker-dropdown-placement-bottomLeft.time-picker-only-select-time-doopdown {
  z-index: 9999;
}
@charset "UTF-8";
:root {
  --skeleton-gradient-from-color: #efefef;
  --skeleton-gradient-to-color: #e9e9e9;
  --skeleton-border-radius: 4px;
}

.umu-skeleton {
  position: relative;
  box-sizing: border-box;
  padding: 0.1rem;
  background-color: var(--umu-color-bg-base, #fff); /* 设置骨架屏的背景颜色 */
}

/* 骨架屏动画 */
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
/* 骨架屏条纹动画样式 */
.umu-skeleton-stripes {
  background: linear-gradient(90deg, var(--skeleton-gradient-from-color) 25%, var(--skeleton-gradient-to-color) 37%, var(--skeleton-gradient-from-color) 63%);
  background-size: 400% 100%;
  animation-name: skeleton-loading;
  animation-duration: 1.4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

/* 骨架屏内容占位样式 */
.umu-skeleton-item {
  height: 0.2rem; /* 设置骨架屏条纹的高度 */
  margin-bottom: 0.1rem;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: var(--skeleton-border-radius);
}
.keyword-component {
  border-radius: 20px;
  padding: 0.04rem 0.16rem 0.04rem 0.16rem;
  display: inline-flex;
  white-space: nowrap;
}
.keyword-component .icon {
  margin-right: 0.04rem;
}
.keyword-component .keyword {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.keyword-component .count {
  font-weight: 400;
  font-size: 0.14rem;
  line-height: 0.2rem;
}
.auto-height-textarea-wrap {
  position: relative;
  min-height: 0.36rem;
  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;
}
.visible-loading {
  position: relative;
}
.visible-loading .visible-loading_skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.transition-show-wrap {
  box-sizing: content-box;
}

@keyframes shrink {
  0% {
    max-height: 6rem;
  }
  100% {
    max-height: 0;
  }
}
@keyframes stretch {
  0% {
    max-height: 0;
  }
  99% {
    max-height: 6rem;
  }
  100% {
    max-height: initial;
    overflow: visible;
  }
}
.transition-show-wrap.fold {
  overflow: hidden;
  animation: forwards 0.4s ease-out shrink;
}
.transition-show-wrap.fold:not(.shown) {
  height: 0;
  animation: none;
}
.transition-show-wrap.unfold {
  overflow: hidden;
  animation: forwards ease-in 0.4s stretch;
}
.umu-design-comp-popover.umu-design-comp-popover-placement-bottom .umu-design-comp-popover-arrow .umu-design-comp-popover-arrow-content::before {
  background: #ffffff;
}

.emigrateTipIcon {
  margin-left: 0.08rem;
  width: 0.16rem;
  height: 0.16rem;
  vertical-align: -0.03rem;
}

.emigratePopover {
  width: 2.92rem;
  background-color: var(--umu-color-bg-layout, #f5f5f5);
  border-radius: 8px 8px 0px 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.emigratePopover .em-popover-header {
  padding: 0.16rem 0.2rem 0.08rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.2rem;
}
.emigratePopover .img {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emigratePopover .img img {
  width: 100%;
  height: auto;
}

.emigrateCardTipModal.umu-design-comp-modal-confirm-mobile .umu-design-comp-modal-content {
  border-radius: 0.08rem;
  overflow: hidden;
}
.emigrateCardTipModal.umu-design-comp-modal-confirm-mobile .umu-design-comp-modal-body {
  padding: 0;
}
.emigrateCardTipModal.umu-design-comp-modal-confirm-mobile .umu-design-comp-modal-footer {
  padding: 0.08rem 0.14rem;
}

.m.emigratePopover {
  margin: 0 auto;
  width: 100%;
}
.m.emigratePopover .em-popover-header {
  padding: 0.16rem 0.2rem;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 0.24rem;
}
.m.emigratePopover .img {
  flex: 1;
}
.m.emigratePopover .img img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
}
.emigrateCardTip {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  line-height: 0.2rem;
  text-align: left;
  font-style: normal;
  font-weight: 400;
  font-size: 0.14rem;
  color: rgb(100, 60, 0);
  background: rgba(250, 180, 0, 0.08);
  border: 1px solid rgba(250, 180, 0, 0.24);
  border-radius: 4px;
  padding: 0.08rem 0.16rem;
  margin: 0.1rem 0;
  overflow: hidden;
  transition: all 200ms ease;
  max-height: 3rem;
}
.emigrateCardTip.hide {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  max-height: 0;
  border: none;
}
.emigrateCardTip .close_icon {
  color: #643c00;
  flex-shrink: 0;
  width: 0.2rem;
  height: 0.2rem;
  cursor: pointer;
  margin-left: 0.12rem;
}

body.locale-cn.system-cn .emigrateCardTip {
  max-height: 1rem;
}
.page-loading-v2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.25rem 0;
}
.page-loading-v2 .ball {
  width: 0.1rem;
  height: 0.1rem;
  margin: 0.05rem;
  border-radius: 100%;
}

@keyframes ballBeat {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(-20%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(20%);
  }
  100% {
    transform: translateY(0%);
  }
}
.ball_0 {
  animation: ballBeat 0.5s 0s infinite ease-in-out;
}

.ball_1 {
  animation: ballBeat 0.5s 0.12s infinite ease-in-out;
}

.ball_2 {
  animation: ballBeat 0.5s 0.24s infinite ease-in-out;
}

.ball_3 {
  animation: ballBeat 0.5s 0.36s infinite ease-in-out;
}

.ball_4 {
  animation: ballBeat 0.5s 0.48s infinite ease-in-out;
}
.text-container-of-line-clamp .text-container .text-content {
  width: 100%;
}
.text-container-of-line-clamp .text-container .text-content .overflow-placeholder {
  width: 0;
  float: right;
  height: calc(100% - 0.22rem);
}
.text-container-of-line-clamp .overflow-toggle-tag {
  clear: both;
  float: right;
}
.text-container-of-line-clamp .overflow-toggle-tag:not(.only-show-expand) {
  cursor: pointer;
  color: #007bff;
}
.text-container-of-line-clamp .overflow-toggle-tag.block-mode {
  float: unset;
  display: flex;
  margin-top: 0.24rem;
  align-items: center;
  justify-content: center;
}
.text-container-of-line-clamp .default-collapse-node,
.text-container-of-line-clamp .default-expand-node {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #1e6ee6;
}
.text-container-of-line-clamp .default-collapse-node__icon,
.text-container-of-line-clamp .default-expand-node__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.text-container-of-line-clamp .default-collapse-node__icon .umu-design-comp-icon.umu-design-comp-icon-DropDown {
  transform: rotate(180deg);
}

p {
  margin: 0;
}
.rmc-picker,
.rmc-multi-picker {
  height: 2.38rem; /*34*7*/
}

.rmc-multi-picker {
  display: flex;
  align-items: center;
}

.rc-picker-today-btn {
  cursor: pointer;
}

.rmc-picker {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  flex: 1;
  text-align: center;
  position: relative;
  z-index: 1;
}
.rmc-picker .rmc-picker-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.rmc-picker .rmc-picker-content .rmc-picker-item {
  font-size: 0.16rem;
  height: 0.34rem;
  line-height: 0.34rem;
  padding: 0 0.1rem;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--umu-color-text, #000);
  width: 100%;
  box-sizing: border-box;
}
.rmc-picker .rmc-picker-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 0.34rem;
  position: absolute;
  left: 0;
  top: 1.02rem;
  z-index: 3;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.rmc-picker .rmc-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6)), linear-gradient(to top, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.6));
  background-position: top, bottom;
  background-size: 100% 2.04rem;
  background-repeat: no-repeat;
}

.umu-slide-picker {
  padding: 0 0.3rem;
}

[class~=rmc-date-picker] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[class~=rmc-date-picker-item] {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

.rmc-picker-popup {
  left: 0;
  bottom: 0;
  position: fixed;
  width: 100%;
  background-color: var(--umu-color-bg-base, #fff);
}

.rmc-picker-popup-close {
  display: none;
}

.rmc-picker-popup-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  overflow-scrolling: touch;
  outline: 0;
}

.rmc-picker-popup-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #373737;
  background-color: rgba(55, 55, 55, 0.6);
  height: 100%;
  filter: alpha(opacity=50);
  z-index: 1050;
}

.rmc-picker-popup-mask-hidden {
  display: none;
}

.rmc-picker-popup-header {
  background-image: -webkit-linear-gradient(top, #e7e7e7, #e7e7e7, transparent, transparent);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(#e7e7e7), color-stop(transparent), to(transparent));
  background-image: linear-gradient(to bottom, #e7e7e7, #e7e7e7, transparent, transparent);
  background-position: bottom;
  background-size: 100% 0.01rem;
  background-repeat: no-repeat;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}

.rmc-picker-popup-header-left,
.rmc-picker-popup-header-right {
  padding-left: 0.15rem;
  padding-right: 0.15rem;
}

.rmc-picker-popup-item {
  color: #0ae;
  font-size: 0.14rem;
  padding: 0.13rem 0.16rem;
  line-height: 0.2rem;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.rmc-picker-popup-item.rmc-picker-popup-header-left {
  color: var(--umu-color-text-secondary, #666);
}

.rmc-picker-popup-item-active {
  background-color: #ddd;
}

.rmc-picker-popup-title {
  -webkit-box-flex: 1;
  flex: 1;
  color: var(--umu-color-text-secondary, #666);
  cursor: default;
}

.rmc-picker-popup-fade-enter,
.rmc-picker-popup-fade-appear {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rmc-picker-popup-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rmc-picker-popup-fade-enter.rmc-picker-popup-fade-enter-active,
.rmc-picker-popup-fade-appear.rmc-picker-popup-fade-appear-active {
  -webkit-animation-name: rmcPopupPickerFadeIn;
  animation-name: rmcPopupPickerFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-fade-leave.rmc-picker-popup-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerFadeOut;
  animation-name: rmcPopupPickerFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rmcPopupPickerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rmcPopupPickerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes rmcPopupPickerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rmcPopupPickerFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-appear {
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

.rmc-picker-popup-slide-fade-enter,
.rmc-picker-popup-slide-fade-appear,
.rmc-picker-popup-slide-fade-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.rmc-picker-popup-slide-fade-enter.rmc-picker-popup-slide-fade-enter-active,
.rmc-picker-popup-slide-fade-appear.rmc-picker-popup-slide-fade-appear-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeIn;
  animation-name: rmcPopupPickerSlideFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.rmc-picker-popup-slide-fade-leave.rmc-picker-popup-slide-fade-leave-active {
  -webkit-animation-name: rmcPopupPickerSlideFadeOut;
  animation-name: rmcPopupPickerSlideFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@-webkit-keyframes rmcPopupPickerSlideFadeIn {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes rmcPopupPickerSlideFadeIn {
  0% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes rmcPopupPickerSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
}
@keyframes rmcPopupPickerSlideFadeOut {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
  }
}
.rc-picker.umu-pc-picker {
  height: 0;
  border: 0;
  position: absolute;
  right: 0.2rem;
}
.rc-picker.umu-pc-picker .rc-picker-input {
  display: none;
}

.task-detail-picker {
  display: flex;
  position: relative;
}
.task-detail-picker .icon-calendar {
  font-size: 0.18rem;
  line-height: 0.2rem;
}
.task-detail-picker .item {
  flex: 1;
  cursor: pointer;
  min-width: 0.15rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 0.09rem 0.24rem;
  height: 0.6rem;
  box-sizing: border-box;
}
.task-detail-picker .item.item-picker {
  justify-content: center;
  font-size: 0.2rem;
  text-align: right;
}
.task-detail-picker .item.active {
  background: var(--umu-color-primary, #ffbd2b);
  color: white;
}

.rmc-picker-popup-header {
  font-size: 0.14rem;
}
.rmc-picker-popup-header .rmc-picker-popup-header-left {
  color: var(--umu-color-text, #222);
}
.rmc-picker-popup-header .rmc-picker-popup-header-right {
  color: #1973e8;
}
@charset "UTF-8";
/* dialog 通用结构 */
.dialog {
  position: relative;
}

.dialog .focus-helper {
  position: absolute;
  opacity: 0;
  z-index: -999;
}

.dialog-mask {
  position: fixed;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.dialog-main {
  position: fixed;
  z-index: 9999;
  background: var(--umu-color-bg-base, #fff);
  width: 2.4rem;
  border-radius: 0.12rem;
}

.dialog .icon-close {
  width: 0.26rem;
  height: 0.26rem;
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  font-size: 0.26rem;
  font-weight: 400;
  color: var(--umu-color-text-secondary, #666);
  border: 0 none;
  padding: 0;
  outline-style: none;
  cursor: pointer;
}

/* */
.dialog-footer-options {
  overflow: hidden;
  border-top: 0.01rem solid #ebebeb;
  margin-top: 0.2rem;
  display: table;
  width: 100%;
}

.dialog-option {
  display: table-cell;
}

.dialog-option:nth-child(2) {
  width: 50%;
}

.dialog-option .btn {
  display: block;
  height: 0.44rem;
  line-height: 0.44rem;
  text-align: center;
  color: #1e6ee6;
  font-size: 0.15rem;
  background-color: transparent;
  border: 0 none;
  outline-style: none;
  text-align: center;
  width: 100%;
  border-radius: 0 0 0 12px;
}
body.locale-en .dialog-option .btn {
  text-transform: uppercase;
}

body.locale-de .dialog-option .btn {
  text-transform: uppercase;
}

body.locale-es .dialog-option .btn {
  text-transform: uppercase;
}

body.locale-fr .dialog-option .btn {
  text-transform: uppercase;
}

.dialog-option:nth-child(n+1) .btn {
  border-left: 0.01rem solid #ebebeb;
}

.dialog-option .btn.disabled {
  color: var(--umu-color-text-tertiary, #999);
}

.dialog-option .btn.btn-cancel {
  color: var(--umu-color-text-tertiary, #999);
}

/* modal dialog 样式 */
.modal-dialog .title {
  padding-left: 0.2rem;
  font-size: 0.17rem;
  color: var(--umu-color-text, #000);
  text-align: left;
  line-height: 1.4;
  padding: 0.2rem 0.27rem 0;
  padding-left: 0.2rem;
}

.modal-dialog .info {
  font-size: 0.13rem;
  color: #545454;
  text-align: left;
  line-height: 1.4;
  padding: 0.1rem 0.2rem;
  max-height: 3rem;
  overflow: auto;
}

.disable-body-scroll {
  height: 100vh;
  overflow: hidden;
}

.modal-dialog.access-time-dialog {
  width: 4.5rem;
  box-sizing: border-box;
}
.modal-dialog.access-time-dialog .dialog-main {
  width: 4.5rem;
}
.modal-dialog.access-time-dialog .dialog-header {
  display: none;
}
.modal-dialog.access-time-dialog .dialog-body .info {
  padding: 0.16rem 0.24rem 0.24rem;
  font-size: 0.14rem;
}
.modal-dialog.access-time-dialog .dialog-footer {
  padding: 0 0.24rem 0.24rem;
}
.modal-dialog.access-time-dialog .dialog-footer .dialog-footer-options {
  border-top: 0;
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
}
.modal-dialog.access-time-dialog .dialog-footer .dialog-footer-options .btn {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: manipulation;
  min-width: 0.8rem;
  height: 0.36rem;
  padding: 0.07rem 0.16rem;
  font-size: 0.14rem;
  line-height: 0.2rem;
  border-radius: 4px;
  color: #ffffff;
  border-color: var(--umu-color-primary, #fab400);
  background: var(--umu-color-primary, #fab400);
  font-weight: 600;
  cursor: pointer;
}
.modal-dialog.access-time-dialog .dialog-footer .dialog-footer-options .btn:hover {
  color: #ffffff;
  border-color: var(--umu-color-primary-hover, #f2af2e);
  background: var(--umu-color-primary-hover, #f2af2e);
  transition: background-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.list-panel .list-blank .list-blank-text {
  text-align: center;
  color: #757575;
  padding: 0.5rem 0;
}
@charset "UTF-8";
/**
 * 全局样式
 * 每个按钮都有此公共样式
 * 不需要这类样式的不要添加该系列类名
 * btn 的结构要符合规范，保证可扩展性
 */
.btn {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

/**
 * 不同 alias 包含 type 、 size 等属性
 */
/* - plain */
.btn.alias-plain {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.02rem;
  text-align: center;
  border: 0.01rem solid;
  /* type */
  /* - primary */
  /* - optional */
  /* - white */
  /* - grey */
  /* - blue-border */
  /* - grey-border */
  /* size */
  /* - medium */
  /* - medium */
  /* - medium */
}
body.locale-en .btn.alias-plain {
  text-transform: uppercase;
}

body.locale-de .btn.alias-plain {
  text-transform: uppercase;
}

.btn.alias-plain.type-primary {
  color: #fff;
  background: var(--umu-color-primary, #ffbd2b);
  border-color: var(--umu-color-primary, #ffbd2b);
}
.btn.alias-plain.type-primary:active {
  background: var(--umu-color-primary-active, #ff9800);
}
.btn.alias-plain.type-optional {
  color: #fff;
  background: #1e6ee6;
  border-color: #1e6ee6;
}
.btn.alias-plain.type-optional:active {
  background: #1e6ee6;
}
.btn.alias-plain.type-white {
  color: var(--umu-color-text, #2d2e30);
  background: var(--umu-color-bg-base, #fff);
  border-color: #fff;
}
.btn.alias-plain.type-grey {
  color: var(--umu-color-text, #2d2e30);
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-color: var(--umu-color-border-secondary, #f5f5f5);
}
.btn.alias-plain.type-blue-border {
  color: #1e6ee6;
  background: var(--umu-color-bg-base, #ffffff);
  border-color: #1e6ee6;
}
.btn.alias-plain.type-grey-border {
  color: var(--umu-color-text, #222222);
  background: var(--umu-color-bg-base, #ffffff);
  border-color: var(--umu-color-border, #e0e0e0);
}
.btn.alias-plain.size-medium {
  padding: 0.1rem;
  min-height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.16rem;
}
.btn.alias-plain.size-small {
  padding: 0.05rem 0.09rem;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
  min-width: 0.5rem;
}
.btn.alias-plain.size-big {
  padding: 0.1rem;
  min-height: 0.2rem;
  line-height: 0.2rem;
  font-size: 0.16rem;
}
.btn.alias-plain.size-big .btn-inner {
  height: 0.2rem;
  display: block;
}

/* - striking */
.btn.alias-striking {
  display: inline-block;
  vertical-align: middle;
  border-radius: 0.02rem;
  text-align: center;
  border: 0.01rem solid;
  /* type */
  /* - primary */
  /* - optional */
  /* - white */
  /* - grey */
  /* size */
  /* - medium */
  /* - medium */
}
body.locale-en .btn.alias-striking {
  text-transform: uppercase;
}

body.locale-de .btn.alias-striking {
  text-transform: uppercase;
}

body.locale-es .btn.alias-striking {
  text-transform: uppercase;
}

body.locale-fr .btn.alias-striking {
  text-transform: uppercase;
}

.btn.alias-striking.type-primary {
  color: var(--umu-color-primary, #ffbd2b);
  border-color: var(--umu-color-primary, #ffbd2b);
}
.btn.alias-striking.type-primary:hover {
  color: white;
  background-color: var(--umu-color-primary-hover, #f2af2e);
}
.btn.alias-striking.type-primary:active {
  background-color: var(--umu-color-primary-active, #fef7e5);
}
.btn.alias-striking.type-optional {
  color: #1e6ee6;
  border-color: #1e6ee6;
}
.btn.alias-striking.type-white {
  color: var(--umu-color-text, #2d2e30);
  background: var(--umu-color-bg-base, #fff);
  border-color: var(--umu-color-text, #2d2e30);
}
.btn.alias-striking.type-grey {
  color: var(--umu-color-text, #303030);
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-color: var(--umu-color-border, #e0e0e0);
}
.btn.alias-striking.size-medium {
  padding: 0.1rem;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.16rem;
}
.btn.alias-striking.size-small {
  padding: 0.05rem 0.1rem;
  height: 0.18rem;
  line-height: 0.18rem;
  font-size: 0.14rem;
  min-width: 0.5rem;
}

/* - text */
.btn.alias-text {
  /* type */
  /* - primary */
  /* - optional */
  /* size */
  /* - medium */
  /* - medium */
}
.btn.alias-text:hover .btn-inner {
  text-decoration: underline;
}
.btn.alias-text.type-primary {
  color: #1e6ee6;
}
.btn.alias-text.type-optional {
  color: var(--umu-color-text-secondary, #666);
}
.btn.alias-text.size-medium {
  font-size: 0.16rem;
}
.btn.alias-text.size-small {
  font-size: 0.14rem;
}

/* disabled */
.btn.btn-disabled {
  cursor: default;
  pointer-events: none;
}
.btn.btn-disabled.alias-text {
  color: #999 !important;
}
.btn.btn-disabled.alias-text:hover .btn-inner {
  text-decoration: none;
}
.btn.btn-disabled.alias-plain {
  background: #ccc;
  border-color: #ccc;
}
.btn.btn-disabled.alias-plain:active {
  background: #ccc;
  border-color: #ccc;
}
.load-more .do-load {
  display: block;
  text-align: center;
  padding: 0.2rem 0;
  color: #757575;
}
.load-more .do-load .icon {
  margin-left: 0.03rem;
}
.switch {
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.switch.is-disabled {
  opacity: 0.5;
  cursor: default;
}
.switch.middle {
  width: 0.44rem;
  height: 0.26rem;
  border-radius: 0.13rem;
}
.switch.middle .handle {
  width: 0.24rem;
  height: 0.24rem;
}
.switch .handle {
  position: absolute;
  border-radius: 50%;
  background-color: var(--umu-color-bg-base, #fff);
  top: 0.01rem;
  left: 0.01rem;
  transition: all 0.1s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.switch .handle.is-on {
  left: 100%;
  margin-left: -0.01rem;
  transform: translateX(-100%);
}
.radio-list .radio-box {
  display: inline-block;
  margin-right: 0.16rem;
}
.radio-list .radio-box .input-block {
  background: var(--umu-color-bg-base, #fff);
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: -0.04rem;
  margin-right: 0.1rem;
  cursor: pointer;
  width: 0.18rem;
  height: 0.18rem;
  border: 1px solid var(--umu-color-text-tertiary, #999);
}
.radio-list .radio-box.disabled {
  color: rgb(161, 162, 163);
}
.radio-list .radio-box.disabled .input-block {
  cursor: default;
  border: 1px solid rgb(161, 162, 163);
}
.radio-list .radio-box.checked .input-block {
  width: 0.2rem;
  height: 0.2rem;
  border: 0;
  background: #1e6ee6;
}
.radio-list .radio-box.checked .input-block:before {
  content: "";
  display: block;
  background: 0;
  width: 0.12rem;
  height: 0.12rem;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0.02rem;
}
.umu-radio {
  display: inline-block;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.umu-radio .input-block {
  background: var(--umu-color-bg-base, #fff);
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: -0.04rem;
  margin-right: 0.1rem;
  cursor: pointer;
  width: 0.22rem;
  height: 0.22rem;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
}
.umu-radio.disabled {
  cursor: default;
  color: rgb(161, 162, 163);
}
.umu-radio.disabled .input-block {
  cursor: default;
  border: 1px solid rgb(161, 162, 163);
}
.umu-radio.checked .input-block {
  border: 0;
  background: #2196f3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAABYCAMAAABGS8AGAAAA21BMVEUAAACA//9Vqv8zmf8qqv8ol/cnm/ckmfglm/kkmvMjl/MjmfUjl/YhmPQjmPQjlvUjmPMilvQjlvUil/Mil/Qjl/UimPUilvQhl/QilvMil/MilvMilvQil/QhlvMhl/Qil/QhlvMhlvMhlvMil/QilvQhlvMlmPMmmPMnmPMnmfMznvM1n/Q9o/Q+pPRCpfRPq/VltvaGxviHxviJx/iNyfiTy/mUzPmYzvmZzvml1Pq02/q94PvB4fvC4vvG5PvU6vzW6/zk8v3p9P3q9f3s9v7v9/79/v7///9I7iuaAAAAJnRSTlMAAgMFBiAhIykrLFBRXF5mbXd8gImTlJ6pr8LFytLd3+Ts7u/5+5EBoAYAAAJkSURBVFjDtdnZdtowEAbgcUIJGAg4QAEDZjN/SffF3dMt3fT+T9SLOgu2Za3zX9rnfIeDLGk0IlImaHWiSbxcbdJ0s1rGk6jTCsg57cFsi1K2s0HbRT0bJpAmGZ7ZqSe9ORSZ906M2UY/gUaSfsPMPV9DM+tzAzaMYZA41GRPR3sYZT861XGbCxhn8UDtdnewyK6rci9gmYv62TuGdcY187wxhUOm0k86cHKBqew3j+GYsedxU4xgFx5S8dU1dz7gXbM0jxfwkkVxdo/gKaPCerb3Be+P17oY3hIfrevwmHsrf2PtE17fTe0+vKZ/ux8nfuHkZu/uwXN6OTz3Dc/zesfFOLz/+evDofj0f400dHAvr4QQ4mPx8ZCIiByG7nAlhBDid2n4iIhCZ7cMIySigbNb/iswIKKZs/vlsvRuRhRsnd3HFZV5QC0OF2hRh8VFhyIWFxFNWFxMrPYOtYuYliwulrRicbGijeTNi8/fPz2xdrGhtPrF0z9CiOvnti5SGfxGCCHE9TNLF6nsr3gnKmVdFxvZ4L38WyVru1hJP7fXoizru1jKJ0hWkg1cxDVTuiibuJjULULHspGLqHbZvC+buejUL/R3sqGLlmJrupW/mrnbQLWZ3shmLmbq7T+zcTHQKFgyCxdtnRIrM3cTvaIwM3XzolBdxmaGbl7GahTer779ePvIuPDmOyqwHW7YjmN8B0i2Iy/fIZ2vrcDWCOFr3bA1m/jaY3wNPaKHTC1IvqYpW5uXrzHN10pnbP5bXlc0ta6ZmC5Y+K6EGC+xGK/d+C4KGa8283GUXcaG5By76+N/Rnu1UKq/hXIAAAAASUVORK5CYII=) no-repeat center center/cover;
}
.umu-radio .label {
  flex: 1;
  min-width: 0;
}
.m-checkbox {
  display: inline-block;
  width: 0.18rem;
  height: 0.18rem;
  border: 0.02rem solid var(--umu-color-text-tertiary, #999);
  position: relative;
  box-sizing: border-box;
}

.m-checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  margin: 0;
}

.m-checkbox i.icon.icon-checkbox {
  background: url(/twww/cn/images/icon-checkbox.4c2c74cf..png);
  width: 0.19rem;
  height: 0.19rem;
  background-size: 100%;
  display: none;
  vertical-align: 0.08rem;
  margin-left: -0.02rem;
}

.m-checkbox i.icon.icon-checkbox.deep {
  width: 0.19rem;
  height: 0.19rem;
  background-size: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7dg9S8NAGMDx57kSS/GFoA6KIroKQru4uolOLoKDkzgr7eK3EAsuTnZ2s1N17CdQ8AtkEHVRgoralObMUwhoyV3S5JLc0P+Wl4MfB5dLguA1V31eNnq8gQhl79CEjOMcrrvdTu3lYsVCwoy5/C4PyADLdhynwgzXreePodA0jGKDIeAOaBIiLzPQKjQ1AwGMQLvrJVicLgivZwoizOm+CVdHM0JUZiAfQxFGhMoE9BfjR5jNtSJkDgrCUPWbT7hsf0GmIBnmrPUROCY1UBxMaqC4mFRASTCRQNWtCWidzMJUCcNuTYwJBRGmtj0JqwtG/7khQ6nASEGHG+N9jJ8MpQojBd0+/MDjW+/fuSCUSowURJi981cpSjWGwqXjJy67QbTvEDRoL0qCoUJXmWim0sBEAslQqjGRQWEoVZihQCKUSszQoEGUagwVuspE0bJ//441VFrszTUNDDX6DApLS5ANGsWQwz1oE28yLOAB6DFLNnOcKrPq8xZjWPFONCGfbO/tqs2cTsXyfun9Apy+2yQwAn4DAAAAAElFTkSuQmCC);
}

.m-checkbox.checked {
  border: none;
}

.m-checkbox.checked i.icon.icon-checkbox {
  display: inline-block;
}
.length-limit {
  margin: 0.05rem 0;
  font-size: 0.14rem;
  color: #a0a0a0;
  font-size: 0.14rem;
  color: var(--umu-color-text-secondary, #666666);
  line-height: 0.21rem;
  text-align: right;
}

.auto-extend {
  position: relative;
}

.auto-extend textarea {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.auto-extend pre {
  display: block;
  visibility: hidden;
}
.form-radio-box {
  display: inline-block;
}
.form-radio-box .input-block {
  background: var(--umu-color-bg-base, #fff);
  border-radius: 50%;
  overflow: hidden;
  display: inline-block;
  vertical-align: -0.04rem;
  cursor: pointer;
  width: 0.18rem;
  height: 0.18rem;
  border: 1px solid var(--umu-color-text-tertiary, #999);
}
.form-radio-box.disabled {
  color: rgb(161, 162, 163);
}
.form-radio-box.disabled .input-block {
  cursor: default;
  border: 1px solid rgb(161, 162, 163);
}
.form-radio-box.checked .input-block {
  width: 0.2rem;
  height: 0.2rem;
  border: 0;
  background: #1e6ee6;
}
.form-radio-box.checked .input-block:before {
  content: "";
  display: block;
  background: 0;
  width: 0.12rem;
  height: 0.12rem;
  border: 2px solid #fff;
  border-radius: 50%;
  margin: 0.02rem;
}

.multi-select {
  position: relative;
  width: 100%;
  background-color: var(--umu-color-bg-base, #fff);
}
.multi-select .float-left {
  display: inline-block;
  vertical-align: middle;
}
.multi-select .float-right {
  float: right;
}
.multi-select .search-box {
  padding: 0.05rem;
  border-radius: 0.04rem;
  border: 0.01rem solid rgb(224, 224, 224);
}
.multi-select .search-box .select-cards input.editor-input {
  width: 3rem;
  max-width: 100%;
  height: 0.4rem;
  float: left;
  padding-left: 0.05rem;
  line-height: 0.37rem;
  border: 0 none;
  position: relative;
  resize: none;
  background: none;
  font-size: 0.14rem;
  -webkit-user-select: text;
  outline-style: none;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
body.locale-cn .multi-select .search-box .select-cards input.editor-input {
  width: 2.3rem;
}

body.locale-tw .multi-select .search-box .select-cards input.editor-input {
  width: 2.3rem;
}

.multi-select .search-box .select-cards #ban-auto-focus {
  display: block;
  height: 0;
  border: 0 none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.multi-select .search-box .select-cards .item-card {
  position: relative;
  margin: 0.05rem;
  padding: 0.04rem 0.09rem 0.04rem 0.07rem;
  float: left;
  display: flex;
  align-items: center;
  border-radius: 0.18rem;
  border: 0.01rem solid rgb(238, 238, 238);
  line-height: 0.2rem;
  font-size: 0.14rem;
}
.multi-select .search-box .select-cards .item-card .icon-close {
  width: 0.18rem;
  height: 0.18rem;
  margin-left: 0.05rem;
  font-size: 0.18rem;
  line-height: 0.18rem;
  color: #ccc;
  cursor: pointer;
}
.multi-select .list-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  z-index: 100;
  background: var(--umu-color-bg-base, #fff);
}
.multi-select .list-container .list-wrap {
  overflow-y: auto;
  max-height: 2.6rem;
}
.multi-select .list-container.show {
  border: 0.01rem solid rgb(224, 224, 224);
}
.multi-select .select-list {
  width: 100%;
  position: relative;
}
.multi-select .select-list .multi-select-ul {
  width: 100%;
  /* padding: 0.05rem 0.1rem 0; */
  display: block;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
  top: -0.02rem;
}
.multi-select .select-list .multi-select-ul .m-checkbox {
  vertical-align: middle;
}
.multi-select .select-list .item-wrap {
  position: relative;
}
.multi-select .select-list li {
  font-size: 0.14rem;
  text-align: left;
  list-style: none;
  background-color: var(--umu-color-bg-base, #fff);
  line-height: 0.28rem;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.04rem 0.05rem;
}
.multi-select .select-list li.select-item {
  cursor: pointer;
}
.multi-select .select-list li.no-data-tip {
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
}
.multi-select .select-list li.active {
  background: var(--umu-color-primary, #ffbd2c);
  color: #fff;
}
.multi-select .select-list li.active .highlight {
  color: #fff;
}
.multi-select .select-list li.clearfix > div {
  float: left;
}
.multi-select .select-list .multiple-load {
  width: 100%;
  background-color: var(--umu-color-bg-base, #fff);
}
.multi-select .select-list .multiple-load .page-loading {
  padding: 0.15rem 0;
}
.multi-select .select-list.is-expand-options {
  min-height: 1.75rem;
}
.multi-select .select-list.is-expand-options .user-select-ul {
  height: 1.75rem;
  position: relative;
}
.multi-select .select-list.select-list.is-expand-options li.no-data-tip {
  height: 1.75rem;
  line-height: 1.75rem;
  text-align: center;
}
.multi-select .select-list.is-expand-options .multiple-load {
  height: 1.2rem;
  padding-top: 0.5rem;
}

.custom-table {
  width: 100%;
  position: relative;
}
.custom-table .table-wrap {
  width: 100%;
  overflow-x: auto;
}
.custom-table tr .last-fixed-left::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0.02rem;
  bottom: -0.01rem;
  pointer-events: none;
}
.custom-table tr .first-fixed-right::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.02rem;
  bottom: -0.01rem;
  pointer-events: none;
}
.custom-table.scroll-process tr .last-fixed-left::after {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.17), transparent);
}
.custom-table.scroll-process tr .first-fixed-right::before {
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.17), transparent);
}
.custom-table.scroll-start tr .first-fixed-right::before {
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.17), transparent);
}
.custom-table.scroll-end tr .last-fixed-left::after {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.17), transparent);
}
.custom-table table {
  width: 100%;
  table-layout: fixed;
}
.custom-table table th,
.custom-table table td {
  padding: 0.1rem;
  text-align: left;
  word-break: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
}
.custom-table table th.align-right,
.custom-table table td.align-right {
  text-align: right;
}
.custom-table table th.align-center,
.custom-table table td.align-center {
  text-align: center;
}
.custom-table table th.fixed-left,
.custom-table table td.fixed-left {
  position: absolute;
  position: sticky;
}
.custom-table table th.fixed-right,
.custom-table table td.fixed-right {
  position: absolute;
  position: sticky;
}
.custom-table table th {
  background-color: var(--umu-color-bg-base, #ffffff);
  border-top: 0.01rem solid var(--umu-color-fill-secondary, #eee);
}
.custom-table table tr {
  background-color: var(--umu-color-bg-base, #ffffff);
  border-bottom: 0.01rem solid var(--umu-color-fill-secondary, #eee);
}
.custom-table table tr:nth-of-type(odd) {
  background-color: #fcfcfc;
}
.custom-table table tr td {
  background-color: inherit;
}
.custom-table table tr td.blank {
  text-align: center;
  padding: 0.3rem 0.1rem;
}
.task-table {
  position: relative;
}
.task-table .link-btn {
  color: #1e6ee6;
  cursor: pointer;
}
.task-table .custom-table {
  padding-bottom: 1rem;
}
.task-table .custom-table .table-wrap {
  min-height: 4rem;
  border: 0.01rem solid var(--umu-color-fill-secondary, #eee);
}
.task-table .custom-table.scroll-process tr .last-fixed-left::after {
  background-image: linear-gradient(90deg, #eee, transparent);
}
.task-table .custom-table.scroll-process tr .first-fixed-right::before {
  background-image: linear-gradient(-90deg, #eee, transparent);
}
.task-table .custom-table table thead tr th {
  height: 0.44rem;
  padding: 0 0.16rem;
  font-size: 0.14rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--umu-color-text, #2d2e30);
  background: var(--umu-color-bg-layout, #f5f5f5);
  border-top: 0;
}
.task-table .custom-table table thead tr th .columns-span {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
}
.task-table .custom-table table tr th:last-child,
.task-table .custom-table table td:last-child {
  position: sticky;
  right: 0;
  border-right: 0;
}
.task-table .custom-table table tr th:first-child,
.task-table .custom-table table td:first-child {
  position: sticky;
  left: 0;
  border-left: 0;
}
.task-table .custom-table table tbody tr td {
  padding: 0.08rem 0.16rem;
  height: 0.56rem;
  box-sizing: border-box;
  margin: auto;
  font-size: 0.14rem;
  font-weight: 400;
  line-height: 0.16rem;
  color: var(--umu-color-text, #222);
}
.task-table .custom-table table tbody tr td.blank {
  position: relative;
  height: 4rem;
}
.task-table .custom-table table tbody tr:nth-of-type(odd) td {
  background-color: #fff;
}
.task-table .custom-table table tbody tr:nth-of-type(even) td {
  background-color: #fcfcfc;
}
.task-table .custom-table table tbody tr:last-child {
  border-bottom: 0;
}
.task-table .custom-table table .page-loading {
  position: absolute;
  top: 30%;
  left: calc(50% - 0.25rem);
}
.task-table .render-pagination {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.task-table .render-pagination .pagination-bar {
  position: absolute;
  right: 0.32rem;
  bottom: 0.34rem;
}
.task-table .empty-data {
  position: absolute;
  top: 40%;
  left: calc(50% - 1rem);
  display: flex;
  flex-direction: column;
}
.task-table .empty-data .empty-list {
  width: 2rem;
  /* height: 1.5rem; */
  margin: auto;
  /* background: url(../../../../images/icon-list-empty.png) no-repeat; */
  background-size: contain;
}
.task-table .empty-data .empty-msg {
  text-align: center;
}
.task-table .scroll-bar {
  height: 0.16rem;
  overflow-x: auto;
}

.empty-task-table .custom-table .table-wrap {
  min-height: 4rem;
}
#toast {
  line-height: normal;
  max-height: 80%;
  overflow: auto;
  max-width: 5rem;
  color: #fff;
  padding: 0.16rem 0.24rem;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 0.04rem;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
#toast.mult-line {
  white-space: pre-line;
}
#toast.show {
  visibility: visible;
  opacity: 1;
}