/* 基本px单位 */
/* 基本rem单位 */
/* 色彩 - 文字色 */
/* 基本 */
/* 基本 - 反色 */
/* 标题色 */
/* 辅助色 */
/* 文字高亮 */
/* 文本框提示 */
/* 失效 */
/* 只读 */
/* 辅助描述 */
/* 链接 */
/* 背景色 */
/* 组件默认背景 */
/* 页面背景 */
/* 组件默认背景 - 按下 */
/* 通用失效背景 */
/* 遮罩背景 */
/* 许多小图标的背景，比如一些小圆点，加减号 */
/* 透明度 */
/* switch checkbox radio 等组件禁用的透明度 */
/* 全局/品牌色 */
/* 边框色 */
/* 深色边框 */
/* 箭头边框色 */
/* 分割线色 */
/* 字体尺寸 */
/* 特殊 */
/* 正文 */
/* 标题 */
/* 头部 */
/* 圆角 */
/* 边框尺寸 */
/* 间距 */
/* 水平间距 */
/* 垂直间距 */
/* 高度 */
/* 单行行高 */
/* 多行行高 */
/* 图标尺寸 */
/* 导航条上的图标、grid的图标大小 */
/* 动画缓动 */
/* 组件变量 */
/* button */
/* checkbox */
/* calendar */
/* 选中背景色 */
/* gesture */
/* 同时应用于背景、文字颜色、边框色 */
/* modal */
/* image-picker */
/* 按钮字号 */
/* 按钮高度 */
/* list */
/* input */
/* input clear icon 的背景色 */
/* tabs */
/* message */
/* swipe */
/* avatar */
/* picker */
/* grade */
/* toast */
/* toast, activity-indicator 的背景颜色 */
/* search-bar */
/* input search icon 的背景色 */
/* notice-bar */
/* switch */
/* tag */
/* keyboard */
/* picker */
/* picker 标题的高度 */
/* z-index */
/* actonsheet 会放到 popup / modal 中 */
/* modal.alert 应该最大，其他应该较小 */
/* 手势解锁 */
.wme-accordion {
  border-radius: 3px;
  background-color: #fff;
}
.wme-accordion > .wme-accordion-item:first-child > .wme-accordion-title {
  border-top: 0;
}
.wme-accordion > .wme-accordion-item > .wme-accordion-title {
  display: flex;
  align-items: center;
  line-height: 22px;
  padding: 10px 16px;
  cursor: pointer;
  font-size: calc(1 * 1rem);
  border-top: 1px solid #e1e1e1;
  position: relative;
}
.wme-accordion > .wme-accordion-item > .wme-accordion-title .arrow {
  position: absolute;
  right: 1rem;
  fill: rgba(0, 0, 0, 0.45);
}
.wme-accordion > .wme-accordion-item > .wme-accordion-title .wme-accordion-extra {
  margin: 0 2rem 0 auto;
}
.wme-accordion > .wme-accordion-item-disabled > .wme-accordion-title {
  cursor: not-allowed;
  color: #999;
  background-color: #f3f3f3;
}
.wme-accordion-content {
  overflow: hidden;
  padding: 0 1rem;
  transition: all 0.2s ease-out;
}
.wme-accordion-content > .wme-accordion-content-box {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.wme-accordion-content-inactive {
  height: 0;
}
.wme-accordion-content-active {
  height: auto;
}
.wme-accordion > .wme-accordion-item-active > .wme-accordion-title {
  border-bottom: 1px solid #e1e1e1;
}
.wme-accordion > .wme-accordion-item-active > .wme-accordion-title .arrow {
  transform: rotate(180deg);
}
.wme-avatar {
  width: calc(2.5 * 1rem);
  height: calc(2.5 * 1rem);
  border-radius: 50%;
  overflow: hidden;
  font-size: calc(0.75 * 1rem);
}
.wme-avatar-small {
  width: calc(2.25 * 1rem);
  height: calc(2.25 * 1rem);
}
.wme-avatar-large {
  width: calc(3.75 * 1rem);
  height: calc(3.75 * 1rem);
  font-size: calc(0.875 * 1rem);
}
.wme-avatar-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.65);
}
.wme-avatar-image {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.wme-avatar-title {
  background-color: #f0f0f0;
}
.wme-axis {
  background-color: #fff;
}
.wme-axis-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: calc(3 * 1rem);
  color: rgba(0, 0, 0, 0.85);
  padding: 0 1rem;
}
.wme-axis-header-undeline {
  border-bottom: 1px solid #f0f0f0;
}
.wme-axis-container {
  padding: calc(1.25 * 1rem) calc(1.25 * 1rem) 0 calc(1.25 * 1rem);
}
.wme-axis-container .wme-axis-item {
  display: flex;
  align-items: flex-start;
  position: relative;
}
.wme-axis-container .wme-axis-item:last-child {
  padding-bottom: calc(0.5 * 1rem);
}
.wme-axis-container .wme-axis-item:not(:last-child) {
  padding-bottom: calc(1.25 * 1rem);
}
.wme-axis-container .wme-axis-item-center {
  flex-grow: 1;
}
.wme-axis-container .wme-axis-item-center-date {
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 1rem;
}
.wme-axis-container .wme-axis-item-center-title {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: calc(0.5 * 1rem);
  font-weight: bold;
  display: flex;
  align-items: center;
}
.wme-axis-container .wme-axis-item-center-title-right {
  justify-content: space-between;
}
.wme-axis-container .wme-axis-item-center-title-extra {
  padding: 0 calc(0.625 * 1rem);
  flex-shrink: 0;
}
.wme-axis-container .wme-axis-item-center-content {
  color: rgba(0, 0, 0, 0.65);
}
.wme-axis-container .wme-axis-item-center-content .wme-list .wme-list-item-view {
  margin-left: -1.25rem;
  margin-top: -0.5rem;
}
.wme-axis-container .wme-axis-item-extra {
  align-self: center;
}
.wme-axis-container .wme-axis-item-node {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 0 calc(0.625 * 1rem) 0 0;
}
.wme-axis-container .wme-axis-item-node-point {
  width: calc(0.875 * 1rem);
  height: calc(0.875 * 1rem);
  background-color: rgba(66, 133, 244, 0.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wme-axis-container .wme-axis-item-node-point i {
  display: block;
  width: calc(0.5 * 1rem);
  height: calc(0.5 * 1rem);
  background-color: #4285f4;
  border-radius: 50%;
}
.wme-axis-container .wme-axis-item-node-line {
  width: 1px;
  position: absolute;
  background-color: #f0f0f0;
}
.wme-button {
  display: block;
  text-align: center;
  line-height: calc(3 * 1rem);
  height: calc(3 * 1rem);
  border-radius: calc(4 * 1px);
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.65);
  background-color: #fff;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
}
.wme-button-search {
  width: calc(3.75 * 1rem);
  background-color: #4285f4;
  border-radius: calc(4 * 1px);
  font-size: calc(0.875 * 1rem);
}
.wme-button-primary {
  color: #fff;
  background-color: #4285f4;
  border-color: #4285f4;
}
.wme-button-primary.wme-button-disabled {
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.4;
}
.wme-button-warning {
  color: #fff;
  background-color: #e94f4f;
  border-color: #e94f4f;
}
.wme-button-warning.wme-button-disabled {
  color: hsla(0, 0%, 100%, 0.6);
  opacity: 0.4;
}
.wme-button-ghost {
  color: #4285f4;
  background-color: transparent;
  border-color: #4285f4;
}
.wme-button-ghost.wme-button-disabled {
  color: hsla(0, 0%, 100%, 0.2);
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  opacity: 1;
}
.wme-button-inline {
  display: inline-block;
  padding: 0 1rem;
}
.wme-button-small {
  height: calc(2 * 1rem);
  line-height: calc(2 * 1rem);
  padding: 0 1rem;
  font-size: 0.875rem;
}
.wme-button-disabled {
  color: hsla(0, 0%, 100%, 0.3);
  opacity: 0.6;
}
.wme-button-link {
  color: #4285f4;
  background-color: transparent;
  border-color: transparent;
}
.wme-button-link .wme-icon {
  vertical-align: middle;
  margin-right: 5px;
  fill: #4285f4;
}
/* svg - 箭头 */
/* 超出省略号 */
/* 边框阴影 */
.wme-calendar {
  background-color: #fff;
}
.wme-calendar .wme-calendar-grid {
  width: 100%;
}
.wme-calendar .wme-calendar-grid thead th {
  border-bottom: 1px solid #e1e1e1;
  line-height: 2.4rem;
}
.wme-calendar .wme-calendar-grid td {
  text-align: center;
  position: relative;
  padding: 0.8rem 0.2rem;
}
.wme-calendar .wme-calendar-header {
  display: flex;
  padding: 0.7rem 0.8rem;
  border-bottom: 1px solid #e1e1e1;
  align-items: center;
}
.wme-calendar .wme-calendar-header .wme-calendar-title {
  display: flex;
  flex-grow: 1;
}
.wme-calendar .wme-calendar-header .wme-calendar-title .current-month {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.wme-calendar .wme-calendar-header .wme-calendar-title .prev-btn svg,
.wme-calendar .wme-calendar-header .wme-calendar-title .next-btn svg {
  width: 0.8rem;
  height: 0.8rem;
}
.wme-calendar .wme-calendar-week {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.75rem;
}
.wme-calendar .wme-calendar-grid-cell {
  min-width: 0.9rem;
  color: rgba(0, 0, 0, 0.25);
  font-weight: bold;
}
.wme-calendar .wme-calendar-grid-cell-in-view {
  color: rgba(0, 0, 0, 0.85);
}
.wme-calendar .wme-calendar-grid-cell-inner {
  width: 1.75rem;
  height: 1.75rem;
  line-height: 1.75rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  transition: background 0.3s, border 0.3s;
  border-radius: 1rem;
}
.wme-calendar .wme-calendar-grid-cell-disabled {
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
  cursor: not-allowed;
}
.wme-calendar .wme-calendar-grid-cell-selected .wme-calendar-grid-cell-inner {
  background-color: #cfcfcf;
}
.wme-calendar .wme-calendar-grid-cell-current {
  color: #4285f4;
}
.wme-calendar .wme-calendar-list .wme-list-content {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.wme-calendar .wme-calendar-list-item {
  display: flex;
  align-items: center;
}
.wme-calendar .wme-calendar-list-item-disabled {
  pointer-events: none;
  cursor: not-allowed;
}
.wme-calendar .wme-calendar-list-item-disabled .wme-calendar-list-item-day .day-text {
  color: rgba(0, 0, 0, 0.45);
}
.wme-calendar .wme-calendar-list-item-current .wme-calendar-list-item-day .day-text {
  color: #4285f4;
}
.wme-calendar .wme-calendar-list-item-check {
  width: 1.5rem;
  margin-right: 0.75rem;
}
.wme-calendar .wme-calendar-list-item-check .wme-checkbox {
  padding-left: 0;
  background-color: transparent;
}
.wme-calendar .wme-calendar-list-item-day {
  display: flex;
  width: 2.4rem;
  height: 2.6rem;
  flex-direction: column;
  justify-content: center;
  background-color: #f8f8f8;
  font-size: 0.9rem;
  border-radius: 0.2rem;
}
.wme-calendar .wme-calendar-list-item-day .day-text {
  color: rgba(0, 0, 0, 0.85);
}
.wme-calendar .wme-calendar-list-item-day .day-week {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.45);
}
.wme-checkbox {
  width: 100%;
  display: flex;
  align-items: center;
  height: calc(3 * 1rem);
  background-color: #fff;
  padding-left: calc(0.75 * 1rem);
  /* 选中状态 */
}
.wme-checkbox > span {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: flex;
  position: relative;
  align-items: center;
}
.wme-checkbox-title {
  margin-left: calc(0.75 * 1rem);
}
.wme-checkbox-inner {
  display: inline-block;
  position: relative;
  width: calc(calc(3 * 1rem) / 2);
  height: calc(calc(3 * 1rem) / 2);
  border: 1px solid rgba(0, 0, 0, 0.45);
  border-radius: 4px;
  transform: rotate(0deg);
  box-sizing: border-box;
  background-color: #fff;
}
.wme-checkbox-inner:after {
  position: absolute;
  display: none;
  top: 3px;
  right: 8px;
  z-index: 3;
  width: 5px;
  height: 11px;
  border-style: solid;
  border-width: 0 1px 1px 0;
  content: " ";
  transform: rotate(45deg);
}
.wme-checkbox input {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 2;
  border: 0 none;
  -webkit-appearance: none;
  cursor: pointer;
  line-height: normal;
}
.wme-checkbox-small {
  height: calc(2 * 1rem);
}
.wme-checkbox-small .wme-checkbox-inner {
  width: 20px;
  height: 20px;
}
.wme-checkbox-small .wme-checkbox-inner:after {
  top: 1px;
  right: 6px;
}
.wme-checkbox-mini {
  height: calc(2 * 1rem);
}
.wme-checkbox-mini .wme-checkbox-inner {
  width: 16px;
  height: 16px;
}
.wme-checkbox-mini .wme-checkbox-inner:after {
  top: -1px;
  right: 4px;
}
.wme-checkbox-checked .wme-checkbox-inner {
  border-color: #4285f4;
  background-color: #4285f4;
}
.wme-checkbox-checked .wme-checkbox-inner-blue {
  border-color: #3b95c8;
  background-color: #3b95c8;
}
.wme-checkbox-checked .wme-checkbox-inner:after {
  display: block;
  border-color: #fff;
}
.wme-checkbox-disabled {
  opacity: 0.3;
}
.wme-checkbox-disabled .wme-checkbox-checked .wme-checkbox-inner {
  background-color: #f3f3f3;
  border-color: #d9d9d9;
}
.wme-checkbox-disabled .wme-checkbox-checked .wme-checkbox-inner:after {
  border-color: #888;
}
.wme-date-picker {
  display: flex;
  background-color: #fff;
  height: calc(3 * 1rem);
  padding-left: calc(10 * 1px);
  padding-right: calc(1.25 * 1rem);
  border-radius: calc(4 * 1px);
  /* 右侧箭头*/
}
.wme-date-picker-title {
  flex-grow: 1;
}
.wme-date-picker-title span {
  width: 10px;
  display: inline-block;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-date-picker-area {
  display: flex;
  flex-grow: 1;
  align-items: center;
  cursor: pointer;
}
.wme-date-picker-content {
  color: #4285f4;
}
.wme-date-picker-place-holder {
  color: rgba(0, 0, 0, 0.25);
}
.wme-date-picker-close {
  cursor: pointer;
  margin-left: calc(0.625 * 1rem);
  align-self: center;
  fill: rgba(0, 0, 0, 0.45);
}
.wme-date-picker-arrow {
  display: block;
  margin-left: calc(0.625 * 1rem);
  fill: rgba(0, 0, 0, 0.45);
  visibility: hidden;
}
.wme-date-picker-arrow-horizontal {
  visibility: visible;
}
.wme-date-picker-arrow-vertical {
  visibility: visible;
  transform: rotate(90deg);
}
.wme-date-picker-arrow-vertical-up {
  visibility: visible;
  transform: rotate(270deg);
}
.wme-date-picker-read-only .wme-date-picker-content {
  color: rgba(0, 0, 0, 0.85);
}
.wme-date-picker-action {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
  height: calc(3 * 1rem);
  max-height: calc(3 * 1rem);
  font-size: calc(1 * 1rem);
}
.wme-date-picker-action-ok,
.wme-date-picker-action-cancel {
  width: calc(4 * 1rem);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wme-date-picker-action-ok {
  color: #4285f4;
}
.wme-date-picker-action-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.wme-flexbox {
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.wme-flexbox.wme-flexbox-dir-row {
  flex-direction: row;
}
.wme-flexbox.wme-flexbox-dir-row-reverse {
  flex-direction: row-reverse;
}
.wme-flexbox.wme-flexbox-dir-column {
  flex-direction: column;
}
.wme-flexbox.wme-flexbox-dir-column-reverse {
  flex-direction: column-reverse;
}
.wme-flexbox.wme-flexbox-nowrap {
  flex-wrap: nowrap;
}
.wme-flexbox.wme-flexbox-wrap {
  flex-wrap: wrap;
}
.wme-flexbox.wme-flexbox-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.wme-flexbox.wme-flexbox-justify-start {
  justify-content: flex-start;
}
.wme-flexbox.wme-flexbox-justify-end {
  justify-content: flex-end;
}
.wme-flexbox.wme-flexbox-justify-center {
  justify-content: center;
}
.wme-flexbox.wme-flexbox-justify-between {
  justify-content: space-between;
}
.wme-flexbox.wme-flexbox-justify-around {
  justify-content: space-around;
}
.wme-flexbox.wme-flexbox-align-start {
  align-items: flex-start;
}
.wme-flexbox.wme-flexbox-align-end {
  align-items: flex-end;
}
.wme-flexbox.wme-flexbox-align-center {
  align-items: center;
}
.wme-flexbox.wme-flexbox-align-stretch {
  align-items: stretch;
}
.wme-flexbox.wme-flexbox-align-baseline {
  align-items: baseline;
}
.wme-flexbox.wme-flexbox-align-content-start {
  align-content: flex-start;
}
.wme-flexbox.wme-flexbox-align-content-end {
  align-items: flex-end;
}
.wme-flexbox.wme-flexbox-align-content-center {
  align-items: center;
}
.wme-flexbox.wme-flexbox-align-content-between {
  align-items: stretch;
}
.wme-flexbox.wme-flexbox-align-content-around {
  align-items: baseline;
}
.wme-flexbox.wme-flexbox-align-content-stretch {
  align-items: baseline;
}
.wme-flexbox .wme-flexbox-item {
  flex: 1;
  display: flex;
  box-sizing: border-box;
  min-width: calc(0.625 * 1rem);
  height: 100%;
  align-items: center;
}
.wme-flexbox .wme-flexbox-item:first-child {
  margin-left: 0;
}
.wme-gesture {
  z-index: 100;
  position: relation;
  overflow: hidden;
  cursor: default;
}
.wme-grade {
  display: flex;
  padding: calc(1.25 * 1rem);
  font-size: 1rem;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
  flex-direction: column;
  background-color: #fff;
}
.wme-grade-title {
  color: rgba(0, 0, 0, 0.85);
}
.wme-grade-stars {
  margin: 1.5rem auto;
}
.wme-grade-stars .wme-grade-star {
  width: 2.6rem !important;
  height: 2.6rem !important;
  fill: rgba(0, 0, 0, 0.04);
  margin-right: 0.5rem;
}
.wme-grade-stars .wme-grade-star :last-child {
  margin-right: 0;
}
.wme-grade-stars .wme-grade-star-active {
  fill: #FADB14;
}
.wme-grade-content {
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.wme-grade .wme-button {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
}
.wme-grade .wme-textarea {
  background-color: #F9FAFC;
  border-radius: 4px;
  margin-bottom: 1.5rem;
}
.wme-grid {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
}
.wme-grid .wme-grid-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: calc(3 * 1rem);
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
}
.wme-grid .wme-grid-item img {
  width: 25px;
  height: 25px;
}
.wme-grid .wme-grid-item-left {
  flex-flow: column;
  align-items: flex-start;
}
.wme-grid .wme-grid-item-center {
  flex-flow: column;
  align-items: center;
}
.wme-grid .wme-grid-item-right {
  flex-flow: column;
  align-items: flex-end;
}
.wme-grid .wme-grid-item-divider:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.wme-grid .wme-grid-item-content {
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.65);
}
.hr-modal {
  width: 100%;
  height: calc(100% - 3rem);
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 999;
  display: none;
}
.hr-modal-show {
  display: block;
}
.wme-section {
  background-color: #fff;
}
.wme-section-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid #e1e1e1;
}
.wme-section-toolbar-title {
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.wme-section-toolbar-action {
  flex-shrink: 0;
}
.wme-icon {
  width: 1rem;
  height: 1rem;
  fill: rgba(0, 0, 0, 0.45);
}
.wme-icon-small {
  width: 0.875rem;
  height: 0.875rem;
}
.wme-icon-middle {
  width: 1.125rem;
  height: 1.125rem;
}
.wme-icon-large {
  width: 1.25rem;
  height: 1.25rem;
}
.wme-icon-xl {
  width: 1.5rem;
  height: 1.5rem;
}
.wme-icon-xxl {
  width: 2rem;
  height: 2rem;
}
.wme-image-picker {
  background-color: #fff;
}
.wme-image-picker ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: calc(4 * 1px);
  padding: 0 0.875em 0.875em 0.875em;
  overflow: hidden;
}
.wme-image-picker ul li {
  width: 33.333%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.75 * 1rem);
}
.wme-image-picker ul li .wme-image-picker-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #fff;
  border-radius: calc(4 * 1px);
}
.wme-image-picker ul li .wme-image-picker-outer .wme-image-picker-close {
  position: absolute;
  top: calc(-8 * 1px);
  right: calc(-8 * 1px);
  cursor: pointer;
  fill: rgba(0, 0, 0, 0.45);
}
.wme-image-picker ul li .wme-image-picker-img-wrap {
  width: calc(4.75 * 1rem);
  height: calc(4.75 * 1rem);
  border-radius: calc(4 * 1px);
  overflow: hidden;
  border: 1px solid #f3f3f3;
  text-align: center;
}
.wme-image-picker ul li.noData {
  padding: 0;
  margin: -1rem 0 0 0;
  color: rgba(0, 0, 0, 0.45);
  align-items: flex-start;
  padding: 0 0 0 10px;
  margin: 0;
}
.wme-image-picker-title {
  height: calc(3 * 1rem);
  padding-left: calc(10 * 1px);
  /* border-bottom: @hd solid @border-color-divider; */
  box-sizing: border-box;
  line-height: calc(3 * 1rem);
  color: rgba(0, 0, 0, 0.85);
}
.wme-image-picker-title span {
  width: 10px;
  display: inline-block;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-image-picker-upload {
  flex-direction: column;
  position: relative;
}
.wme-image-picker-upload-outer {
  border: 1px solid #e1e1e1;
  width: calc(4.75 * 1rem);
  height: calc(4.75 * 1rem);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: calc(4 * 1px);
}
.wme-image-picker-upload-icon {
  fill: rgba(0, 0, 0, 0.45);
}
.wme-image-picker-upload-icon.rotateKey {
  animation: loadingWait 2s linear infinite;
}
.wme-image-picker-upload input {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
}
.wme-image-picker-upload > div {
  color: rgba(0, 0, 0, 0.65);
  font-size: calc(0.875 * 1rem);
}
.wme-image-picker-placeholder {
  color: rgba(0, 0, 0, 0.45);
  font-size: calc(0.875 * 1rem);
  padding: 0 1.25rem 0.875rem 1.25rem;
}
.wme-input {
  display: flex;
  align-items: center;
  background-color: #fff;
  flex-grow: 1;
  height: calc(3 * 1rem);
  background: #fff;
}
.wme-input input {
  display: flex;
  flex-grow: 1;
  height: calc(3 * 1rem);
  padding-left: calc(0.75 * 1rem);
  background: transparent;
  width: 0;
  color: #4285f4;
}
.wme-input i {
  width: calc(3 * 1rem);
  height: calc(1.2 * 1rem);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.wme-input .eye {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(3 * 1rem);
  height: 100%;
}
.wme-input .eye i {
  width: calc(1.25 * 1rem);
  height: calc(1.7 * 1rem);
}
.wme-input-close {
  display: block;
  margin-right: calc(0.75 * 1rem);
  fill: rgba(0, 0, 0, 0.45);
}
.wme-input-align-left input {
  text-align: left;
}
.wme-input-align-center input {
  padding-left: 0;
  text-align: center;
}
.wme-input-align-right input {
  padding-right: calc(1.25 * 1rem);
  text-align: right;
}
.wme-input-search {
  /*border: calc(2 * @hd) solid @brand-primary;*/
  background-color: rgba(0, 0, 0, 0.06);
  box-shadow: none;
}
.wme-input-small {
  height: calc(2 * 1rem);
  box-sizing: border-box;
}
.wme-input-small input {
  font-size: calc(0.875 * 1rem);
}
.wme-input-icon input {
  padding-left: 0;
}
.wme-input-title {
  margin-left: calc(10 * 1px);
  flex-shrink: 0;
}
.wme-input-title span {
  width: 10px;
  display: inline-block;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-input-unit {
  margin-right: calc(0.75 * 1rem);
}
.wme-input-disabled input {
  color: rgba(0, 0, 0, 0.45);
}
.wme-input-read-only input {
  color: rgba(0, 0, 0, 0.85);
}
.wme-list {
  background-color: #fff;
  flex-grow: 1;
}
.wme-list-header {
  font-size: calc(0.9375 * 1rem);
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  box-sizing: border-box;
  align-items: center;
  padding-left: calc(1.25 * 1rem);
  height: calc(3 * 1rem);
  border-bottom: 1px solid #f0f0f0;
  font-weight: bold;
}
.wme-list-footer {
  padding: calc(0.625 * 1rem) 1rem 1rem 1rem;
  font-size: calc(0.9375 * 1rem);
  color: #888;
}
.wme-list-body {
  display: flex;
}
.wme-list-body-view {
  padding: 0.5rem 0;
}
.wme-list-body-row {
  flex-direction: row;
}
.wme-list-body-column {
  flex-direction: column;
}
.wme-list .wme-list-item {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  min-height: calc(3 * 1rem);
  vertical-align: middle;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
}
.wme-list .wme-list-item-top .wme-list-line {
  align-items: flex-start;
}
.wme-list .wme-list-item-center .wme-list-line {
  align-items: center;
}
.wme-list .wme-list-item-bottom .wme-list-line {
  align-items: flex-end;
}
.wme-list .wme-list-item-text-left .wme-list-content {
  text-align: left;
}
.wme-list .wme-list-item-divider:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.wme-list .wme-list-item-title {
  background-color: #ff9388;
}
.wme-list .wme-list-item-title .wme-list-line .wme-list-content,
.wme-list .wme-list-item-title .wme-list-line .wme-list-extra {
  color: #fff !important;
}
.wme-list .wme-list-item .wme-list-thumb {
  margin-left: calc(1.25 * 1rem);
  width: calc(1.6 * 1rem);
  height: calc(1.6 * 1rem);
  border-radius: 50%;
  overflow: hidden;
}
.wme-list .wme-list-item .wme-list-thumb-large {
  width: calc(2.25 * 1rem);
  height: calc(2.25 * 1rem);
}
.wme-list .wme-list-item .wme-list-thumb-small {
  width: calc(1 * 1rem);
  height: calc(1 * 1rem);
}
.wme-list .wme-list-item .wme-list-thumb-normal {
  width: calc(1.2 * 1rem);
  height: calc(1.2 * 1rem);
  border-radius: 0;
  margin: calc(0.4 * 1rem) 0 0;
}
.wme-list .wme-list-item .wme-list-thumb-square {
  border-radius: 0;
}
.wme-list .wme-list-item .wme-list-icon {
  margin-top: 0.4rem;
  margin-bottom: -5px;
}
.wme-list .wme-list-item .wme-list-icon-active {
  fill: #4285f4;
}
.wme-list .wme-list-item .wme-list-icon-unactive {
  fill: #888;
}
.wme-list .wme-list-item .wme-list-line {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-self: stretch;
  padding-left: calc(1.25 * 1rem);
  padding-right: calc(1.25 * 1rem);
  overflow: hidden;
  /* list左侧主内容*/
  /* list右补充内容*/
  /* list右侧箭头*/
  /* 菜单选中效果 */
}
.wme-list .wme-list-item .wme-list-line .wme-list-content {
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.65);
  font-size: calc(0.9375 * 1rem);
  min-width: 15%;
  /* 超出省略号 */
}
.wme-list .wme-list-item .wme-list-line .wme-list-extra {
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(0.9375 * 1rem);
  text-align: right;
  min-width: 15%;
  max-width: 85%;
  display: flex;
  justify-content: flex-end;
  /* 超出省略号 */
}
.wme-list .wme-list-item .wme-list-line .wme-list-arrow {
  display: block;
  margin-left: calc(0.625 * 1rem);
  visibility: hidden;
  flex-shrink: 0;
  fill: #c7c7cc;
}
.wme-list .wme-list-item .wme-list-line .wme-list-arrow-horizontal {
  visibility: visible;
}
.wme-list .wme-list-item .wme-list-line .wme-list-arrow-vertical {
  visibility: visible;
  transform: rotate(90deg);
}
.wme-list .wme-list-item .wme-list-line .wme-list-arrow-vertical-up {
  visibility: visible;
  transform: rotate(270deg);
}
.wme-list .wme-list-item .wme-list-line .wme-list-underline {
  display: flex;
  bottom: 0;
  left: calc(1.25 * 1rem);
  position: absolute;
  width: calc(100% - 2 * calc(1.25 * 1rem));
  height: calc(2 * 1px);
  background-color: #4285f4;
}
.wme-list .wme-list-item .wme-list-line-ellipsis .wme-list-content,
.wme-list .wme-list-item .wme-list-line-ellipsis .wme-list-extra {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(85% - 1.5rem);
  overflow: hidden;
}
.wme-list .wme-list-item .wme-list-line-wrap .wme-list-content {
  white-space: nowrap;
}
.wme-list .wme-list-item .wme-list-line-selected .wme-list-content {
  color: #4285f4;
}
.wme-list .wme-list-item-view {
  min-height: calc(1rem * 1.75);
}
.wme-list .wme-list-item-view .wme-list-line .wme-list-content {
  flex-grow: 0;
  min-width: auto;
  flex-shrink: 0;
}
.wme-list .wme-list-item-view .wme-list-line .wme-list-extra {
  min-width: auto;
  max-width: none;
  text-align: left;
  word-break: break-all;
}
.wme-loading {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1998;
  background: transparent;
}
.wme-loading > svg {
  fill: #4285f4;
  width: calc(2.5 * 1rem) !important;
  height: calc(2.5 * 1rem) !important;
  animation: loadingWait 2s linear infinite;
}
@keyframes loadingWait {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.wme-menu {
  background-color: #fff;
}
.wme-message {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 1999;
}
.wme-message .wme-message-container {
  display: flex;
  padding-top: calc(1.2 * 1rem);
  width: 90%;
  background-color: #ffffff;
  border-radius: calc(4 * 1px);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.wme-message .wme-message-container .wme-message-icon {
  width: 100%;
  padding-top: 65.48%;
  margin-bottom: calc(2 * 1rem);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.wme-message .wme-message-container .wme-message-title {
  display: flex;
  align-items: center;
  font-size: calc(1 * 1rem);
  color: rgba(0, 0, 0, 0.85);
  padding-bottom: calc(0.875 * 1rem);
}
.wme-message .wme-message-container .wme-message-title .wme-message-title-success {
  width: calc(1.125 * 1rem);
  height: calc(1.125 * 1rem);
  /* background-image: url('../image/ok.png'); */
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: calc(0.625 * 1rem);
}
.wme-message .wme-message-container .wme-message-content {
  color: rgba(0, 0, 0, 0.65);
  padding: 0 1rem;
  margin-bottom: calc(0.875 * 1rem);
  overflow-y: auto;
  width: calc(100% - 2rem);
  display: flex;
  justify-content: center;
}
.wme-message .wme-message-container .wme-message-action {
  display: flex;
  width: 100%;
  border-top: 1px solid #f0f0f0;
}
.wme-message .wme-message-container .wme-message-action-row {
  flex-direction: row;
}
.wme-message .wme-message-container .wme-message-action-row .button:not(:last-child) {
  border-right: 1px solid #f0f0f0;
}
.wme-message .wme-message-container .wme-message-action-column {
  flex-direction: column;
}
.wme-message .wme-message-container .wme-message-action-column .button:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}
.wme-message .wme-message-container .wme-message-action .button {
  flex-grow: 1;
  border: 0;
  color: rgba(0, 0, 0, 0.85);
}
.wme-message .wme-message-container .wme-message-action .button:not(:first-child):last-child {
  color: #4285f4;
}
.wme-picker-action {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  background-color: #fff;
  height: calc(3 * 1rem);
  max-height: calc(3 * 1rem);
  font-size: calc(1 * 1rem);
}
.wme-picker-action-ok,
.wme-picker-action-cancel {
  padding: 0 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.wme-picker-action-ok {
  color: #4285f4;
  cursor: pointer;
}
.wme-picker-action-title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.wme-picker,
.wme-multi-picker {
  background-color: #fff;
  flex-grow: 1;
  height: 240px;
  z-index: 1000;
}
.wme-multi-picker {
  display: flex;
  align-items: center;
}
.wme-picker-item {
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  box-sizing: border-box;
  font-size: 1.04rem;
}
.wme-picker-item-selected {
  font-size: 1.09rem;
  transition: all 0.3s ease-in;
}
.wme-picker {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  flex: 1;
  text-align: center;
}
.wme-picker-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: calc(1000 + 2);
  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% 204px;
  background-repeat: no-repeat;
}
.wme-picker-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.wme-picker-indicator {
  box-sizing: border-box;
  width: 100%;
  height: 48px;
  position: absolute;
  left: 0;
  top: 96px;
  z-index: calc(1000 + 2);
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}
.wme-pop-layer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  z-index: 999;
  overflow: hidden;
  align-items: flex-end;
  bottom: 0;
  font-size: 0.95rem;
}
.wme-pop-layer-top {
  align-items: flex-start;
}
.wme-pop-layer-bottom {
  align-items: flex-end;
}
.wme-pop-layer-visible {
  display: flex;
}
.wme-pop-layer .wme-pop-layer-container {
  display: flex;
  flex-flow: column;
  width: 100%;
}
.wme-pull-to-refresh {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  /* overflow: hidden; */
}
.wme-pull-to-refresh-scrollbar {
  width: 6px;
  bottom: 2px;
  top: 2px;
  right: 1px;
  z-index: 9999;
  position: absolute;
  overflow: hidden;
}
.wme-pull-to-refresh-scrollbar .indicator {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.9);
  border-radius: 3px;
}
.wme-pull-to-refresh-down,
.wme-pull-to-refresh-up {
  color: #888;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 45px;
  overflow: hidden;
  font-size: calc(0.875 * 1rem);
  transition: margin-top 0.3s;
}
.wme-pull-to-refresh-down .loading,
.wme-pull-to-refresh-up .loading {
  fill: #4285f4;
  width: 20px;
  height: 20px;
  animation: scroll-loading 1.5s linear infinite;
}
.wme-pull-to-refresh-down .label,
.wme-pull-to-refresh-up .label {
  margin-left: 10px;
}
.wme-pull-to-refresh-down {
  margin-top: -45px;
}
@keyframes scroll-loading {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
.wme-scroller {
  position: absolute;
  z-index: 1;
}
.wme-select-picker {
  display: flex;
  background-color: #fff;
  height: calc(3 * 1rem);
  padding-right: calc(1.25 * 1rem);
  padding-left: calc(10 * 1px);
  /* 右侧箭头*/
}
.wme-select-picker-title {
  flex-grow: 1;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
}
.wme-select-picker-title span {
  width: 10px;
  display: inline-block;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-select-picker-content {
  color: #4285f4;
  padding-left: calc(0.625 * 1rem);
}
.wme-select-picker-place-holder {
  color: rgba(0, 0, 0, 0.25);
}
.wme-select-picker-area {
  display: flex;
  flex-grow: 1;
  align-items: center;
  cursor: pointer;
}
.wme-select-picker-close {
  cursor: pointer;
  display: block;
  margin-left: calc(0.625 * 1rem);
  align-self: center;
  fill: rgba(0, 0, 0, 0.45);
}
.wme-select-picker-arrow {
  display: block;
  margin-left: calc(0.625 * 1rem);
  visibility: hidden;
  fill: #c7c7cc;
}
.wme-select-picker-arrow-horizontal {
  visibility: visible;
}
.wme-select-picker-arrow-vertical {
  visibility: visible;
  transform: rotate(90deg);
}
.wme-select-picker-arrow-vertical-up {
  visibility: visible;
  transform: rotate(270deg);
}
.wme-select-picker-read-only .wme-select-picker-content {
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
}
.wme-select-picker-read-only .wme-select-picker-arrow {
  display: none;
}
.wme-select-picker-disabled .wme-select-picker-content {
  color: rgba(0, 0, 0, 0.45);
}
.swipe-container-pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 10px;
}
.swipe-container-pagination-bullet {
  margin: 0 3px;
  width: 6px;
  height: 6px;
  display: inline-block;
  border-radius: 100%;
  background-color: #cad1db;
}
.swipe-container-pagination-bullet-active {
  width: 18px;
  border-radius: 6px;
}
.swipe-container-close {
  position: fixed;
  top: 5px;
  right: 5px;
  padding: 4px;
}
.swipe-container-close .wme-icon {
  fill: rgba(255, 255, 255, 0.45);
}
.swipe-container-close1 {
  position: fixed;
  top: 5px;
  right: 5px;
  padding: 4px;
}
.swipe-container-close1 .wme-icon {
  fill: rgba(0, 0, 0, 0.45);
}
.wme-switch {
  width: 3rem;
  height: 1.5rem;
  border-radius: calc(0.75 * 1rem);
  box-sizing: content-box;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  background-color: #e8e8e8;
  box-shadow: #e8e8e8 0px 0px 0px 0px inset;
  transition: border 0.4s, box-shadow 0.4s;
  position: relative;
}
.wme-switch-disabled {
  border-color: #d5d5d5;
  background-color: #d5d5d5;
  opacity: 0.5;
}
.wme-switch-checked {
  border-color: #4285f4;
  background-color: #4285f4;
  box-shadow: #4285f4 0px 0px 0px 1rem inset;
  transition: border 0.4s, box-shadow 0.2s, background-color 1.2s;
}
.wme-switch-checked .slider {
  left: calc(0.5 * 3rem + 3px) !important;
  transition: background-color 0.4s, left 0.2s;
}
.wme-switch .slider {
  left: 0;
  top: 1.5px;
  width: calc(0.5 * 3rem - 3px);
  height: calc(0.5 * 3rem - 3px);
  position: absolute;
  display: inline-block;
  border-radius: calc(0.5 * 3rem - 3px);
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transition: background-color 0.4s, left 0.2s;
}
.wme-switch-item {
  display: flex;
  background-color: #fff;
  height: calc(3 * 1rem);
  align-items: center;
  padding-left: calc(10 * 1px);
  padding-right: calc(1.25 * 1rem);
  border-radius: calc(4 * 1px);
}
.wme-switch-item-title {
  flex-grow: 1;
}
.wme-switch-item-title span {
  display: inline-block;
  width: 10px;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-tabs {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.wme-tabs * {
  box-sizing: border-box;
}
.wme-tabs-tab-bar {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  width: 100%;
  height: 48px;
  overflow: visible;
  z-index: 1;
  background-color: #fff;
}
.wme-tabs-tab-bar-tab {
  position: relative;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 0.95rem;
  line-height: 14px;
}
.wme-tabs-tab-bar-tab-active {
  color: #4285f4;
}
.wme-tabs-tab-bar-underline {
  position: absolute;
  border: 1px #4285f4 solid;
  box-sizing: border-box;
}
.wme-tabs-tab-bar-animated .wme-tabs-tab-bar-content {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: transform;
}
.wme-tabs-tab-bar-animated .wme-tabs-tab-bar-underline {
  transition: top 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), color 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: top, left, width, color;
}
.wme-tabs-tab-bar-top,
.wme-tabs-tab-bar-bottom {
  flex-direction: row;
}
.wme-tabs-tab-bar-top .wme-tabs-tab-bar-content,
.wme-tabs-tab-bar-bottom .wme-tabs-tab-bar-content {
  display: flex;
  width: 100%;
  flex-direction: row;
}
.wme-tabs-tab-bar-top .wme-tabs-tab-bar-prevpage,
.wme-tabs-tab-bar-bottom .wme-tabs-tab-bar-prevpage {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 59px;
  height: 100%;
  content: " ";
  z-index: 1;
  left: 0;
  background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0));
}
.wme-tabs-tab-bar-top .wme-tabs-tab-bar-nextpage,
.wme-tabs-tab-bar-bottom .wme-tabs-tab-bar-nextpage {
  pointer-events: none;
  position: absolute;
  top: 0;
  display: block;
  width: 59px;
  height: 100%;
  content: " ";
  z-index: 1;
  right: 0;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff);
}
.wme-tabs-tab-bar-top .wme-tabs-tab-bar-tab,
.wme-tabs-tab-bar-bottom .wme-tabs-tab-bar-tab {
  height: 3rem;
  line-height: 3rem;
}
.wme-tabs-tab-bar-top .wme-tabs-tab-bar-underline,
.wme-tabs-tab-bar-bottom .wme-tabs-tab-bar-underline {
  bottom: 0;
}
.wme-tabs-tab-bar-top {
  border-bottom: 1px #e1e1e1 solid;
}
.wme-tabs-tab-bar-bottom {
  border-top: 1px #e1e1e1 solid;
}
.wme-tabs-tab-bar-left,
.wme-tabs-tab-bar-right {
  flex-direction: column;
}
.wme-tabs-tab-bar-left .wme-tabs-tab-bar-content,
.wme-tabs-tab-bar-right .wme-tabs-tab-bar-content {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.wme-tabs-tab-bar-left .wme-tabs-tab-bar-tab,
.wme-tabs-tab-bar-right .wme-tabs-tab-bar-tab {
  padding: 0 8px;
}
.wme-tabs-tab-bar-left {
  border-right: 1px #e1e1e1 solid;
}
.wme-tabs-tab-bar-left .wme-tabs-tab-bar-underline {
  right: 0;
}
.wme-tabs-tab-bar-right {
  border-left: 1px #e1e1e1 solid;
}
.wme-tabs-tab-bar-right .wme-tabs-tab-bar-underline {
  left: 0;
}
.wme-tabs-tab-bar-affix {
  position: fixed;
}
.wme-tabs-content-wrap {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
}
.wme-tabs-content-wrap-animated {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  will-change: transform, left, top;
}
.wme-tabs-pane-wrap {
  width: 100%;
  flex-shrink: 0;
  overflow-y: auto;
}
.wme-tabs-tab-bar-wrap {
  flex-shrink: 0;
  height: 49px;
}
.wme-tabs-horizontal .wme-tabs-pane-wrap-active {
  height: auto;
}
.wme-tabs-horizontal .wme-tabs-pane-wrap-inactive {
  height: 0;
  overflow: visible;
}
.wme-tabs-vertical .wme-tabs-content-wrap {
  flex-direction: column;
}
.wme-tabs-vertical .wme-tabs-tab-bar-wrap {
  height: 100%;
}
.wme-tabs-vertical .wme-tabs-pane-wrap {
  height: 100%;
}
.wme-tabs-vertical .wme-tabs-pane-wrap-active {
  overflow: auto;
}
.wme-tabs-vertical .wme-tabs-pane-wrap-inactive {
  overflow: hidden;
}
.wme-tabs-top,
.wme-tabs-bottom {
  flex-direction: column;
}
.wme-tabs-left,
.wme-tabs-right {
  flex-direction: row;
}
.wme-textarea {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  flex-flow: column;
}
.wme-textarea-title {
  width: calc(100% - 2 * calc(1.25 * 1rem));
  padding: calc(0.75 * 1rem) calc(1.25 * 1rem) 0 calc(10 * 1px);
}
.wme-textarea-title span {
  display: inline-block;
  width: 10px;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.wme-textarea textarea {
  color: #4285f4;
  font: unset;
  font-size: calc(0.9375 * 1rem);
  appearance: none;
  width: calc(100% - calc(2 * calc(1.25 * 1rem)));
  padding: calc(0.75 * 1rem) calc(1.25 * 1rem);
  border: 0;
  background-color: transparent;
  overflow: visible;
  display: block;
  resize: none;
  word-break: break-all;
  word-wrap: break-word;
}
.wme-textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.wme-textarea textarea:disabled {
  color: rgba(0, 0, 0, 0.45);
}
.wme-textarea-length {
  position: absolute;
  bottom: calc(6 * 1px);
  right: calc(6 * 1px);
  color: rgba(0, 0, 0, 0.25);
  font-size: calc(0.9375 * 1rem);
}
.wme-textarea-length span {
  color: rgba(0, 0, 0, 0.65);
}
.wme-textarea-disabled textarea {
  color: rgba(0, 0, 0, 0.45);
}
.wme-textarea-read-only textarea {
  color: rgba(0, 0, 0, 0.85);
}
.wme-toast {
  position: fixed;
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: calc(1 * 1rem);
  transform: translateX(-50%) translateY(-50%);
  z-index: 1999;
}
.wme-toast .wme-toast-content {
  min-width: calc(4 * 1rem);
  border-radius: calc(3 * 1px);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.65);
  line-height: 1.5;
  padding: calc(0.625 * 1rem) 1rem;
}
.wme-upload {
  display: none;
}
.image-viewer {
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 1999;
}
.image-viewer-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
}
.image-viewer-loading .wme-loading {
  position: absolute;
  top: 48%;
  left: 50%;
  width: 2rem;
  height: 2rem;
}
.image-viewer-close {
  position: fixed;
  top: 5px;
  right: 5px;
  padding: 4px;
  z-index: 1;
}
.image-viewer-close .wme-icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: rgba(255, 255, 255, 0.45);
}
.water-mark {
  width: 100%;
  height: 100%;
}
.hr-tips-line {
  line-height: 1.2rem;
  padding-right: calc(1.25 * 1rem);
  padding-left: calc(10 * 1px);
  color: #ff6454;
  font-size: 0.7rem;
  margin-top: -0.3rem;
  padding-bottom: 0.35rem;
}
.hr-select-city {
  display: flex;
  flex-flow: column;
  background-color: #fff;
  /* 右侧箭头*/
}
.hr-select-city-title {
  flex-grow: 1;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
}
.hr-select-city-title span {
  width: 10px;
  display: inline-block;
  color: #ff6454;
  margin-right: calc(3 * 1px);
}
.hr-select-city-content {
  color: #4285f4;
  padding-left: calc(0.625 * 1rem);
}
.hr-select-city-place-holder {
  color: rgba(0, 0, 0, 0.25);
}
.hr-select-city-area {
  display: flex;
  flex-grow: 1;
  align-items: center;
  cursor: pointer;
  height: calc(3 * 1rem);
  padding-right: calc(1.25 * 1rem);
  padding-left: calc(10 * 1px);
}
.hr-select-city-textarea {
  border-top: 1px solid #f6f6f6;
}
.hr-select-city-close {
  cursor: pointer;
  display: block;
  margin-left: calc(0.625 * 1rem);
  align-self: center;
  fill: rgba(0, 0, 0, 0.45);
}
.hr-select-city-arrow {
  display: block;
  margin-left: calc(0.625 * 1rem);
  visibility: hidden;
  fill: #c7c7cc;
}
.hr-select-city-arrow-horizontal {
  visibility: visible;
}
.hr-select-city-arrow-vertical {
  visibility: visible;
  transform: rotate(90deg);
}
.hr-select-city-arrow-vertical-up {
  visibility: visible;
  transform: rotate(270deg);
}
.hr-select-city-read-only .hr-select-city-content {
  color: rgba(0, 0, 0, 0.85);
  text-align: right;
}
.hr-select-city-read-only .hr-select-city-arrow {
  display: none;
}
.hr-select-city-disabled .hr-select-city-content {
  color: rgba(0, 0, 0, 0.45);
}
.hr-select-city-pop {
  border-top-left-radius: calc(20 * 1px);
  border-top-right-radius: calc(20 * 1px);
  background: #fff;
  overflow: hidden;
}
.hr-select-city-pop-head {
  line-height: 20px;
  padding: 25px 20px 20px;
  position: relative;
  z-index: 2;
  font-size: calc(1.15 * 1rem);
  background: #fff;
}
.hr-select-city-pop-head .close {
  position: absolute;
  right: calc(20 * 1px);
  top: calc(25 * 1px);
  fill: rgba(0, 0, 0, 0.45);
}
.hr-select-city-pop-head .search-container {
  margin: 20px 0 0;
}
.hr-select-city-pop-head .search-container .wme-input {
  border-radius: 1.25rem;
  height: 2.5rem;
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0 5px;
}
.hr-select-city-pop-head .search-container .wme-input input {
  height: 2.5rem;
}
.hr-select-city-pop-content {
  height: calc(100% - 4.5rem);
  overflow: hidden;
}
.hr-select-city-pop-content .wme-tabs-tab-bar-tab {
  width: 33% !important;
  font-size: 1rem;
}
.hr-select-city-pop-content .wme-tabs-tab-bar-underline {
  width: 33% !important;
}
.hr-select-city-pop-content .wme-list .wme-list-item {
  flex-grow: 0;
}
.hr-select-city-pop-content .wme-list .wme-list-item .wme-list-line {
  padding-left: 0;
  padding-right: 0;
}
.hr-select-city-pop-content .wme-list .wme-list-item .wme-list-line .wme-list-content {
  font-size: 1.03rem;
}
.hr-select-city-pop-content-list-container {
  position: relative;
  height: 100%;
}
.hr-select-city-pop-content-list-container .wme-pull-to-refresh {
  height: 100%;
}
.hr-select-city-pop-content-list-container .list {
  padding-bottom: 2.5rem;
}
.hr-select-city-pop-content-list-container .list li {
  box-sizing: border-box;
  line-height: 45px;
  height: 45px;
  padding: 0 40px 0 20px;
  overflow: hidden;
  font-size: 0.95rem;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #f6f6f6;
}
.hr-select-city-pop-content-list-container .list li.cur {
  background-color: #dee2f9;
}
.hr-select-city-pop-content-list-container .list li.letter {
  background-color: #fafafa;
  color: #444;
}
.hr-select-city-pop-content-list-container .list li .wme-icon {
  margin-right: 3px;
  fill: #4285f4;
  vertical-align: middle;
}
.hr-select-city-pop-content .trans-container {
  height: calc(100% - 3rem);
  padding-top: 0.5rem;
  overflow: hidden;
  width: 100vw;
  position: relative;
}
.hr-select-city-hot-city {
  margin: 0 1.5rem 15px 0.6rem;
}
.hr-select-city-hot-city-title {
  padding: 1rem 0 0.5rem;
  color: #999;
}
.hr-select-city-hot-city-list li {
  width: 33%;
  display: inline-block;
  text-align: center;
  line-height: 2rem;
  height: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hr-select-city-letters {
  position: absolute;
  right: 0;
  z-index: 3;
  padding: 0 10px;
}
.hr-select-city-letters-wrap {
  background-color: #f6f6f6;
  border: 1px solid #f2f2f2;
  padding: 5px 0;
  border-radius: 10px;
  width: 16px;
}
.hr-select-city-letters-item {
  width: 100%;
  font-size: 9px;
  font-family: Arial, Helvetica, sans-serif;
  color: #909090;
  line-height: 20px;
  height: 20px;
  text-align: center;
}
.hr-select-city-single-letter {
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.13);
  border-radius: 50px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  right: 70px;
  z-index: 3;
  font-size: 1.3rem;
}
.select-city-slide-in-appear {
  transform: translateX(100%);
  transition: all 300ms linear;
}
.select-city-slide-in-appear-active {
  transform: translateX(0);
}
.select-city-slide-in-enter {
  transform: translateX(100%);
  transition: all 300ms linear;
}
.select-city-slide-in-enter-active {
  transform: translateX(0);
}
.select-city-slide-in-leave {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transform: translateX(0);
  transition: all 300ms linear;
}
.select-city-slide-in-leave-active {
  opacity: 0;
  transform: translateX(-30rem);
}
.pop-parent--hidden {
  overflow: hidden;
}
.encrypt-eye {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(3 * 1rem);
  height: 100%;
}
.wme-textarea .encrypt-eye {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2rem;
}

/* 基本px单位 */
/* 基本rem单位 */
/* 文字颜色 */
/* 基本色 */
/* 反色 */
/* 标题色 */
/* 文本用色 */
/* 链接 */
/* 失效 */
/* 提示-成功 */
/* 提示-警告 */
/* 提示-报错 */
/* 背景色 */
/* 页面背景 */
/* 通用失效背景 */
/* 通用组件背景 */
/* 导航背景 */
/* 选中背景 */
/* 遮罩背景 */
/* 全局/主题色 */
/* todo待确认 */
/* 字体颜色 */
/* 圆角 */
/* 分割线 */
/* 分割线基本色 */
/* 深分割线 */
/* 边框 */
/* 边框基础色 */
/* 边框分割色 */
/* 返回按钮 */
/* 描边色 */
/* 特殊 */
/* 字体尺寸 */
/* 特殊 */
/* 辅助 */
/* 正文 */
/* 标题 */
/* 头部 */
/* 边框尺寸 */
/* 水平间距 */
/* 垂直间距 */
/* button */
/* z-index */
/* APPt头部 */
/* 登录头部 */
/* 主页渐变色 */
/* 超出省略号 */
/* 边框阴影 */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
body {
  overflow-x: hidden;
  color: #595959;
  background-color: #f4f4f4;
  letter-spacing: calc(0.5 * 1px);
  user-select: none;
  height: 100%;
  width: 100vh;
  background-position: bottom;
  background-size: cover;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
input::-webkit-search-cancel-button {
  display: none;
}
input,
textarea,
button,
select {
  outline: none;
  color: #595959;
  border: 0;
  -webkit-tap-highlight-color: transparent;
  font-size: 1rem;
}
ul,
li {
  list-style: none;
}
/* not match */
.notmatch,
.notauthority {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 33%;
}
.notmatch .img,
.notauthority .img {
  width: 8rem;
  height: 8rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: calc(1.6 * 1rem);
}
.notmatch .title,
.notauthority .title {
  color: #333333;
  text-align: center;
  font-size: calc(1 * 1rem);
  margin-bottom: calc(0.625 * 1rem);
}
.notmatch .content,
.notauthority .content {
  text-align: center;
  font-size: calc(0.875 * 1rem);
}
.notmatch .link,
.notauthority .link {
  display: block;
  color: #4d88e7;
  margin-top: calc(1 * 1rem);
  font-size: calc(0.9375 * 1rem);
  text-decoration: none;
  padding-bottom: calc(2 * 1px);
  border-bottom: 1px solid #4d88e7;
}
.notmatch .img {
  background-image: url(./image/error_2I6nG2xW.png);
}
/* 伪类 - placeholder颜色 */
::-webkit-input-placeholder,
::-webkit-textarea-placeholder,
.wme-select-picker-place-holder,
.wme-date-picker-place-holder {
  color: #d1d1d1;
  font-size: 0.9375rem;
  font-weight: normal;
}
table tr.hiddenby0-0 {
  display: none;
}
.micro-parts-container {
  background-color: #ffffff;
}
.micro-parts-empty {
  height: 12.5rem;
  line-height: 12.5rem;
  text-align: center;
  background-color: #ffffff;
}
.microparts-emp-statistic {
  height: 21.25rem;
  background-color: #ffffff;
  overflow: auto;
}
.microparts-emp-statistic .chart {
  width: 40rem;
  height: 18rem;
  padding: 1.25rem 1.25rem 2rem 0;
}
.microparts-birthday-wall .birthday-list {
  display: flex;
  flex-wrap: wrap;
  background-color: #ffffff;
}
.microparts-birthday-wall .birthday-list .birthday-emp {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 1.875rem 0.5rem 1rem;
  width: calc(100% / 3);
  font-size: 0.75rem;
  text-align: center;
}
.microparts-birthday-wall .birthday-list .birthday-emp-avatar {
  position: relative;
}
.microparts-birthday-wall .birthday-list .birthday-emp-avatar > svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -80%);
}
.microparts-birthday-wall .birthday-list .birthday-emp-name {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.85);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-birthday-wall .birthday-list .birthday-emp-date {
  color: rgba(0, 0, 0, 0.45);
  margin-top: 0.2rem;
}
.microparts-birthday-wall .birthday-list .birthday-emp-position {
  margin-top: 0.2rem;
  color: rgba(0, 0, 0, 0.45);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-birthday-wall .birthday-list .birthday-emp-blessing {
  margin-top: 0.375rem;
  width: 3.125rem;
  height: 1rem;
  line-height: 1rem;
  background: #ff9a7c;
  border-radius: 0.625rem;
  color: #fff;
  text-align: center;
}
.microparts-clock {
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 10rem;
  margin: 0.625rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #ffffff;
  box-shadow: 0 4px 12px 6px rgba(108, 108, 139, 0.06);
}
.microparts-clock .circle {
  width: 5.25rem;
  height: 5.25rem;
  line-height: 5.25rem;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.microparts-clock-ok {
  height: 100%;
  display: flex;
  align-items: center;
}
.microparts-clock-ok-inner {
  display: flex;
  flex-direction: column;
  margin: 0 1.75rem;
  border-radius: calc(8 * 1px);
  width: 100%;
  height: 14rem;
  background-color: #4285F4;
  text-align: center;
  color: #fff;
}
.microparts-clock-ok-inner-content {
  flex: 1 1 auto;
}
.microparts-clock-ok-inner-content-tip {
  font-size: 1.125rem;
  margin-top: 2.5rem;
}
.microparts-clock-ok-inner-content-time {
  margin-top: 1rem;
  font-size: 2rem;
  letter-spacing: 6px;
}
.microparts-clock-ok-inner-content-address {
  margin-top: 1rem;
  font-size: 0.75rem;
}
.microparts-clock-ok-inner-ok {
  flex: 0 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.29);
  height: 3rem;
  line-height: 3rem;
}
.microparts-common-functions .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.375rem;
  height: 6.875rem;
}
.microparts-common-functions .item-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.microparts-common-functions .item-icon-img {
  width: 1.125rem !important;
  height: 0.25rem !important;
}
.microparts-common-functions .item-icon-fill {
  fill: #fff;
}
.microparts-common-functions .item-desc {
  margin-top: 0.75rem;
  max-width: 6.25rem;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1rem;
}
.microparts-common-function-list .item {
  display: flex;
  align-items: center;
}
.microparts-common-function-list .item-icon {
  flex: 0 0;
  margin-right: 0.875rem;
  font-size: 0;
}
.microparts-common-function-list .item-icon > svg {
  fill: #888;
}
.microparts-common-function-list .item-content {
  flex: 1 1;
  padding: 1rem 1rem 1rem 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.microparts-common-function-list .item-more {
  flex: 0 0;
  font-size: 0;
}
.microparts-company-news {
  padding: 0.625rem 0;
  height: 13.5rem;
}
.microparts-company-news .item {
  height: 13.5rem;
}
.microparts-company-news .item .img-container {
  padding: 0 0.625rem;
  box-sizing: border-box;
  overflow: hidden;
  height: 10rem;
  width: 100%;
}
.microparts-company-news .item .img-container > img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.13);
}
.microparts-company-news .item .desc {
  margin-top: 0.625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5rem;
  text-align: center;
  padding-right: 1rem;
}
.microparts-company-news-picture {
  padding: 0.625rem 0;
  height: 10rem;
}
.microparts-company-news-picture .item {
  height: 10rem;
}
.microparts-company-news-picture .item .img-container {
  padding: 0 0.625rem;
  box-sizing: border-box;
  overflow: hidden;
  height: 10rem;
  width: 100%;
}
.microparts-company-news-picture .item .img-container > img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.13);
}
.microparts-company-news-simple {
  padding: 0 1.25rem;
  font-size: 0.875rem;
}
.microparts-company-news-simple .container-inner {
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  border-bottom: 1px solid #f1f1f1;
  height: 1.25rem;
}
.microparts-company-news-simple .container-inner-icon {
  flex: 0 0 auto;
  font-size: 0;
}
.microparts-company-news-simple .container-inner-icon > svg {
  fill: #888;
}
.microparts-company-news-simple .container-inner-content {
  position: relative;
  margin: 0 1.5rem 0 0.625rem;
  overflow: hidden;
  flex: 1 1;
  height: 1.25rem;
}
.microparts-company-news-simple .container-inner-content-list {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: rgba(0, 0, 0, 0.45);
}
.microparts-company-news-simple .container-inner-content-list li {
  height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.microparts-company-news-simple .container-inner-more {
  flex: 0 0 auto;
  color: #4285F4;
}
.microparts-digital-signage {
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  height: 3.625rem;
}
.microparts-digital-signage .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  align-self: stretch;
}
.microparts-digital-signage .item-top {
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.85);
}
.microparts-digital-signage .item-bottom {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.65);
}
.microparts-digital-signage .line {
  width: 0;
  height: 1.8rem;
  border-left: 1px dashed #e1e1e1;
}
.microparts-dimission-emp-statistic {
  height: 21.25rem;
  background-color: #ffffff;
  overflow: auto;
}
.microparts-dimission-emp-statistic .chart {
  width: 40rem;
  height: 18rem;
  padding: 1.25rem 1.25rem 2rem 0;
}
.microparts-education-statistic {
  background-color: #ffffff;
}
.microparts-education-statistic .chart {
  padding: 1.25rem;
}
.microparts-education-statistic .circle {
  position: relative;
  padding-left: 1.5rem;
}
.microparts-education-statistic .circle > span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 0.625rem;
  height: 0.625rem;
}
.microparts-function-statistic {
  height: 21.25rem;
  background-color: #ffffff;
  overflow: auto;
}
.microparts-function-statistic .chart {
  width: 40rem;
  height: 18rem;
  padding: 1.25rem 1.25rem 2rem 0;
}
.microparts-honor-wall .honor-list {
  display: flex;
  flex-wrap: wrap;
}
.microparts-honor-wall .honor-list .honor-emp {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 1.875rem 0.5rem 1rem;
  width: calc(100% / 3);
  font-size: 0.75rem;
  text-align: center;
}
.microparts-honor-wall .honor-list .honor-emp-avatar {
  position: relative;
}
.microparts-honor-wall .honor-list .honor-emp-avatar > img {
  position: absolute;
  bottom: -0.3rem;
  right: -0.3rem;
  width: 1.875rem !important;
  height: 1.875rem !important;
}
.microparts-honor-wall .honor-list .honor-emp-name {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-honor-wall .honor-list .honor-emp-position {
  margin-top: 0.2rem;
  color: rgba(0, 0, 0, 0.45);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-honor-wall .honor-list .honor-emp-blessing {
  margin-top: 0.375rem;
  width: 3.125rem;
  height: 1rem;
  line-height: 1rem;
  background: #ff9a7c;
  border-radius: 0.625rem;
  color: #FFFFFF;
  text-align: center;
}
.microparts-late-list .late-list {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 1.25rem;
  height: 4rem;
}
.microparts-late-list .late-list .order {
  margin-right: 0.5rem;
  font-size: 1.25rem;
  color: #E2E6ED;
}
.microparts-late-list .late-list .order.first {
  color: #F56C6C;
}
.microparts-late-list .late-list .content {
  display: flex;
  align-items: center;
  flex: 1;
  align-self: stretch;
  overflow: hidden;
  border-bottom: 1px solid #e1e1e1;
  padding-right: 1.25rem;
}
.microparts-late-list .late-list .content.last {
  border-bottom: none;
}
.microparts-late-list .late-list .content .wme-avatar {
  flex-shrink: 0;
}
.microparts-late-list .late-list .content .info {
  flex: 1 1 auto;
  margin-left: 0.5rem;
  overflow: hidden;
}
.microparts-late-list .late-list .content .info .name {
  font-size: 1rem;
}
.microparts-late-list .late-list .content .info .position {
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.45);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.microparts-late-list .late-list .content .count {
  flex-shrink: 0;
}
.microparts-late-list .late-list .content .count > span {
  color: #F56C6C;
}
.microparts-loginout {
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background-color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.56px;
}
.microparts-message-notice-roll {
  padding: 0 1.25rem;
  font-size: 0.875rem;
}
.microparts-message-notice-roll.white-background {
  background-color: #fff;
  padding: 0.5rem 1.25rem;
  margin-top: 0.625rem;
}
.microparts-message-notice-roll.white-background .container-inner {
  border-bottom: none;
}
.microparts-message-notice-roll .container-inner {
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  border-bottom: 1px solid #e1e1e1;
  height: 1.25rem;
}
.microparts-message-notice-roll .container-inner-icon {
  flex: 0 0 auto;
  font-size: 0;
}
.microparts-message-notice-roll .container-inner-icon > svg {
  fill: #4285F4;
}
.microparts-message-notice-roll .container-inner-content {
  position: relative;
  margin: 0 1.5rem 0 0.625rem;
  overflow: hidden;
  flex: 1 1;
  height: 1.25rem;
}
.microparts-message-notice-roll .container-inner-content-list {
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  color: rgba(0, 0, 0, 0.65);
}
.microparts-message-notice-roll .container-inner-content-list li {
  height: 1.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.microparts-message-notice-roll .container-inner-more {
  flex: 0 0 auto;
  color: #4285F4;
}
.microparts-new-icon-containers .new-icon-containers-content {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.625rem;
}
.microparts-new-icon-containers .new-icon-containers-content .content-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 6rem;
  overflow: hidden;
}
.microparts-new-icon-containers .new-icon-containers-content .content-item > div {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  text-align: center;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-org-dept .org-dept {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem;
  height: 3.5rem;
  background-color: #ffffff;
  font-size: 1rem;
}
.microparts-org-dept .org-dept .left,
.microparts-org-dept .org-dept .right {
  display: flex;
  align-items: center;
}
.microparts-org-dept .org-dept .left > svg,
.microparts-org-dept .org-dept .right > svg {
  fill: #999999;
}
.microparts-org-dept .org-dept .right {
  color: #4285F4;
}
.microparts-personinfo-card {
  background: #ffffff;
  box-shadow: 0 4px 12px 6px rgba(108, 108, 139, 0.12);
  border-radius: 0.625rem;
  height: 13.75rem;
  margin: 0 0.625rem;
  padding: 1.25rem 1rem;
  box-sizing: border-box;
}
.microparts-personinfo-card.white-background {
  background: #fff;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.microparts-personinfo-card .base {
  display: flex;
  align-items: stretch;
  height: 5rem;
}
.microparts-personinfo-card .base .info {
  flex: 1 1 auto;
}
.microparts-personinfo-card .base .info .name {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 1.625rem;
}
.microparts-personinfo-card .base .info .name .honer {
  font-size: 0;
}
.microparts-personinfo-card .base .info .name .honer > img {
  width: 1.875rem;
  height: 1.875rem;
  object-fit: scale-down;
  margin-left: 0.5rem;
}
.microparts-personinfo-card .base .info .desc {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.65);
  letter-spacing: 0.44px;
}
.microparts-personinfo-card .base .info .desc > span {
  color: #3ECF8E;
  font-weight: 700;
}
.microparts-personinfo-card .base .avatar {
  position: relative;
  flex: 0 0 auto;
  width: 5rem;
}
.microparts-personinfo-card .base .avatar .birthday {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -80%);
}
.microparts-personinfo-card .status {
  display: flex;
  justify-content: flex-end;
  margin-top: 0.625rem;
  height: 1.25rem;
}
.microparts-personinfo-card .status .probation {
  display: flex;
  justify-content: center;
  width: 5rem;
  height: 100%;
}
.microparts-personinfo-card .status .probation > div {
  border-radius: 0.625rem;
  width: 3.125rem;
  text-align: center;
  background: rgba(255, 154, 124, 0.1);
  font-size: 0.75rem;
  height: 1.25rem;
  line-height: 1.25rem;
  color: #FF9A7C;
}
.microparts-personinfo-card .company {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
}
.microparts-personinfo-card .org {
  margin-top: 0.375rem;
  font-size: 0.875rem;
}
.microparts-small-board {
  display: flex;
  align-items: center;
  padding: 0.625rem 0;
  height: 3.625rem;
}
.microparts-small-board.white-background {
  background-color: #fff;
  margin-top: 0.625rem;
}
.microparts-small-board .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  align-self: stretch;
}
.microparts-small-board .item-top {
  font-size: 1.625rem;
}
.microparts-small-board .item-bottom {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.65);
}
.microparts-small-board .line {
  width: 0;
  height: 1.8rem;
  border-left: 1px dashed #e1e1e1;
}
.microparts-team-attendance .change {
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid #e1e1e1;
  color: #595959;
  padding: calc(0.85 * 1rem) 0 calc(0.85 * 1rem) 1rem;
  line-height: 1rem;
}
.microparts-team-attendance .change .item {
  position: relative;
}
.microparts-team-attendance .change .item:not(:last-child) {
  border-right: 1px solid #7ed321;
}
.microparts-team-attendance .change .item:not(:last-child):before {
  content: "";
  display: block;
  position: absolute;
  right: calc(-3 * 1px);
  bottom: calc(calc(-0.85 * 1rem) + calc(-3.5 * 1px));
  border: 1px solid #7ed321;
  border-radius: calc(4 * 1px);
  width: calc(4 * 1px);
  height: calc(4 * 1px);
  background: #ffffff;
}
.microparts-team-attendance .content {
  padding: 1rem 0 1rem 0.75rem;
}
.microparts-team-attendance .showWidth {
  display: flex;
  width: calc(10 * 1rem);
}
.microparts-team-attendance .itemArea {
  display: flex;
  justify-content: space-between;
}
.microparts-team-attendance .item {
  width: 0;
  flex-grow: 1;
  text-align: center;
}
.statistics {
  display: flex;
  align-items: stretch;
  box-sizing: border-box;
  padding: 0.875rem;
  border-top: 1px solid #e1e1e1;
  height: 6.25rem;
}
.statisticsLine {
  border-left: 1px dashed #e1e1e1;
  align-self: center;
  width: 0;
  height: 2rem;
}
.statisticsLeft,
.statisticsRight {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  align-items: center;
}
.statisticsLeft .word,
.statisticsRight .word {
  font-size: 2rem;
  color: #3ECF8E;
}
.statisticsLeft .word > span,
.statisticsRight .word > span {
  font-size: 1.3rem;
  margin-right: 1rem;
  font-weight: bold;
}
.microparts-team-card {
  display: flex;
  align-items: stretch;
  padding: 1rem 0;
  box-sizing: border-box;
  height: 6rem;
  background-color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.53px;
}
.microparts-team-card > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.microparts-team-card .middle-num {
  height: 2.25rem;
  font-size: 2rem;
  overflow: hidden;
}
.microparts-team-card .right-num {
  overflow: hidden;
  height: 2.25rem;
  font-size: 2rem;
}
.microparts-team-card .right-num > span {
  font-size: 1.25rem;
}
.microparts-team-card .title {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.65);
}
.microparts-team-members .members-list {
  display: flex;
  flex-wrap: wrap;
}
.microparts-team-members .members-list .members-emp {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  padding: 1.875rem 0.5rem 1rem;
  width: calc(100% / 3);
  font-size: 0.75rem;
  text-align: center;
}
.microparts-team-members .members-list .members-emp-name {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-team-members .members-list .members-emp-probation {
  border-radius: 0.625rem;
  width: 3.125rem;
  height: 1.25rem;
  line-height: 1.25rem;
  background: rgba(255, 154, 124, 0.1);
  text-align: center;
  color: #FF9A7C;
}
.microparts-team-members .members-list .members-emp-position {
  margin-top: 0.2rem;
  color: rgba(0, 0, 0, 0.45);
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.microparts-user-info {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.25rem 0.625rem;
  font-size: 1.125rem;
  color: #fff;
}
.microparts-user-info .left {
  width: 50%;
  display: flex;
  align-items: center;
}
.microparts-user-info .left .avatar {
  flex-shrink: 0;
}
.microparts-user-info .left .name {
  margin-left: 0.625rem;
  flex-shrink: 0;
}
.microparts-user-info .right {
  display: flex;
  align-content: flex-end;
  align-items: center;
  width: 50%;
}
.microparts-user-info .right .org {
  flex: 1 1;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.microparts-user-info .right .icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 0.6rem;
  margin-left: 0.625rem;
}
.microparts-user-info-modal {
  height: 100%;
  top: 0;
}
.microparts-user-info-white {
  display: flex;
  align-items: center;
  padding: 1.5rem 1.25rem 0.625rem;
  font-size: 1.125rem;
  background: #fff;
  color: rgba(0, 0, 0, 0.85);
}
.microparts-user-info-white .left {
  width: 50%;
  display: flex;
  align-items: center;
}
.microparts-user-info-white .left .avatar {
  flex-shrink: 0;
}
.microparts-user-info-white .left .name {
  margin-left: 0.625rem;
  flex-shrink: 0;
}
.microparts-user-info-white .right {
  display: flex;
  align-content: flex-end;
  align-items: center;
  width: 50%;
}
.microparts-user-info-white .right .org {
  flex: 1 1;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.microparts-user-info-white .right .icon {
  flex-shrink: 0;
  width: 1.125rem;
  height: 0.6rem;
  margin-left: 0.625rem;
}
.microparts-user-info-modal {
  height: 100%;
  top: 0;
}
.microparts-growth-record .content {
  font-size: 0.875rem;
}
.microparts-growth-record .content .new-position {
  color: rgba(0, 0, 0, 0.85);
}
.microparts-growth-record .content .new-full-dept {
  color: rgba(0, 0, 0, 0.45);
}
.microparts-growth-record .node {
  border-radius: 50%;
  height: 8px;
  width: 8px;
  background-color: #e1e1e1;
}
.microparts-growth-record .node.first-node {
  background-color: #4285F4;
}
.microParts-component-linkcard {
  overflow: hidden;
  padding: 0 0.625rem;
}
.microParts-component-linkcard .linkcard {
  display: flex;
  align-items: center;
  padding-left: 0.625rem;
  border-radius: calc(4 * 1px);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.02);
  height: 4rem;
  background-color: #ffffff;
}
.microParts-component-linkcard .linkcard-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1 1 auto;
  padding: 0 1rem;
  height: 100%;
}
.microParts-component-linkcard .linkcard-content-word .word-title {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0.53px;
}
.microParts-component-linkcard .linkcard-content-word .word-tip {
  margin-top: 0.2rem;
  font-size: 0.75rem;
  color: rgba(0, 0, 0, 0.45);
  letter-spacing: 0.38px;
}
.microParts-component-linkcard .linkcard-content-other {
  position: relative;
  font-size: 0;
}
.microParts-component-linkcard .linkcard-content-other .other-dot {
  position: absolute;
  top: 50%;
  left: -50%;
  transform: translateY(-50%);
  border-radius: 50%;
  width: 0.4375rem;
  height: 0.4375rem;
  background-color: #F75154;
}
.send-blessing {
  padding: 1.25rem;
  height: 100%;
  background-color: #71D1DD;
}
.send-blessing .close {
  display: flex;
  justify-content: flex-end;
  color: #fff;
}
.send-blessing .close > div {
  border-radius: 50%;
  width: 1.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  background: #549CA5;
}
.send-blessing .title {
  font-size: 1.125rem;
  color: #fff;
  text-align: center;
}
.send-blessing .swipe {
  margin: 0 -1.25rem;
  margin-top: 1.625rem;
  border-radius: 0.625rem;
}
.send-blessing .swipe .item {
  padding: 0 1.25rem;
  margin-bottom: 1.875rem;
  box-sizing: border-box;
  height: 30rem;
}
.send-blessing .swipe .item > div {
  background-color: #fff;
  height: 100%;
  padding: 1.25rem 1.25rem 0;
  box-sizing: border-box;
  border-radius: calc(8 * 1px);
}
.send-blessing .swipe .item .img-container {
  height: 11.5rem;
}
.send-blessing .swipe .item .img-container > img {
  width: 100%;
  height: 100%;
}
.send-blessing .swipe .item .desc {
  margin-top: 1rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.85);
  text-align: center;
}
.send-blessing .swipe .item .text {
  margin-top: 1.8rem;
  border: 1px solid #e1e1e1;
  border-radius: 0.25rem;
  box-shadow: none;
  height: 7.2rem;
  background-color: #F5F5F5;
}
.send-blessing .swipe .item .btn {
  display: flex;
  justify-content: center;
  margin-top: 1.6rem;
}
.send-blessing .swipe .item .btn > div {
  border-radius: 1.5rem;
  width: 5.125rem;
  height: 2.2rem;
  line-height: 2.2rem;
  font-size: 1rem;
  color: #fff;
  text-align: center;
  background-color: #4285F4;
}
/* 头部 */
.addrbook-msg {
  width: 100%;
  text-align: left;
  min-height: 8rem;
  position: relative;
}
.addrbook-msg .noData {
  padding-top: 0;
}
.addrbook-msg .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.addrbook-msg .loading svg {
  fill: #4285f4;
  width: calc(2.5 * 1rem) !important;
  height: calc(2.5 * 1rem) !important;
  animation: loadingWait 2s linear infinite;
}
.addrbook-msg-content {
  display: flex;
}
.addrbook-msg-content .addrbook-msg-main {
  flex-grow: 1;
  padding-left: 1em;
  overflow: hidden;
}
.addrbook-msg-content .addrbook-msg-gender {
  margin-left: 0.3rem;
}
.addrbook-msg-content .addrbook-msg-info {
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  line-height: 1.3em;
}
.addrbook-msg-content .addrbook-msg-info .title {
  margin-bottom: 0.25rem;
}
.addrbook-msg-content .addrbook-msg-info-name {
  font-size: 1.15rem;
  line-height: 1.5rem;
  color: rgba(0, 0, 0, 0.85);
}
.addrbook-msg-content .addrbook-msg-info .no {
  font-size: 0.9rem;
  line-height: 1.25rem;
}
.addrbook-msg-content .addrbook-msg-info .gender {
  font-size: 0.9rem;
  line-height: 1.25rem;
}
.addrbook-msg-content .addrbook-msg-info .position {
  font-size: 0.9rem;
  line-height: 1.25rem;
}
.addrbook-msg-content .addrbook-msg-info svg {
  margin-left: 0.3rem;
}
.addrbook-msg-content .addrbook-msg-other-info {
  margin: 0.5em 0 0;
  font-size: 0.9rem;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
}
.addrbook-msg-content .addrbook-msg-other-info > li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  line-height: 1.8em;
}
.addrbook-msg-content .addrbook-msg-other-info > li > svg {
  margin-right: 0.3rem;
}
.addrbook-msg-content .addrbook-msg-other-info > li a {
  text-decoration: none;
  color: #4d88e7;
}
.addrbook-msg-content .addrbook-msg-other-info > li svg {
  fill: rgba(0, 0, 0, 0.45);
}
.addrbook-msg-content .addrbook-msg-tag {
  margin: 0.3rem 0.4rem 0.3rem 0;
  display: inline-block;
  height: 1.45rem;
  line-height: 1.45rem;
  padding: 0 7px;
  white-space: nowrap;
  min-width: 3.3rem;
  text-align: center;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
}
.addrbook-msg-content .addrbook-msg-tag-green {
  color: #3ecf8e;
  background: rgba(62, 207, 142, 0.1);
  border-color: rgba(62, 207, 142, 0.1);
}
.addrbook-msg-content .addrbook-msg-tag-orange {
  color: #ff9a7c;
  background: rgba(255, 154, 124, 0.1);
  border-color: rgba(255, 154, 124, 0.1);
}
.apply-form-container .headInfo {
  height: 3rem;
  line-height: 3rem;
  margin-left: 0.75rem;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.45);
}
.apply-form-container .form-title {
  background-color: #dde7f9;
  line-height: 3rem;
  height: 3rem;
  font-weight: bold;
  padding: 0 0.75rem;
  color: #333333;
  display: flex;
  justify-content: space-between;
}
.apply-form-container .form-title .form-del {
  display: flex;
  align-items: center;
  color: #4285F4;
  font-weight: normal;
}
.apply-form-container .form-title .form-del svg {
  fill: #4285F4;
  vertical-align: middle;
}
.apply-form-container .form-add {
  line-height: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
}
.apply-form-container .form-add.wme-button {
  background: transparent;
  border: none;
  display: flex;
  justify-content: center;
  color: #4285F4;
  align-items: center;
}
.apply-form-container .form-add.wme-button svg {
  fill: #4285F4;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.2rem;
}
.apply-form-container .submit {
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.45);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.apply-form-container .field {
  border-bottom: 1px solid #e8e8e8;
}
.apply-form-container .area {
  margin: 0.6rem 0;
  background-color: #fff;
}
.apply-form-container .desc {
  height: 3rem;
  line-height: 3rem;
  justify-content: space-between;
  padding: 0 1rem;
  display: flex;
}
.apply-form-container .schedule-area {
  padding: 0.4rem 1rem 0.5rem;
}
.apply-form-container .schedule-area .schedule {
  line-height: 1.5rem;
  margin-top: 0.1rem;
}
.apply-form-container .schedule-area .schedule .info {
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(0.9375 * 1rem);
  padding-top: 0.2rem;
}
.apply-form-container .schedule-area .schedule .punch {
  color: rgba(0, 0, 0, 0.45);
  font-size: calc(0.875 * 1rem);
  padding: 0.17rem 0;
}
.apply-form-container .bottom-tips {
  padding: 0.6rem 0.8rem;
  margin: 0.8rem 1rem;
  border: 1px solid #87bbfd;
  background: #f3f8fe;
  border-radius: 5px;
}
.apply-form-container .bottom-tips .title {
  font-weight: bold;
  margin-bottom: 0.5rem;
  font-size: 0.93rem;
  color: #86b1fc;
}
.apply-form-container .bottom-tips .content {
  font-size: 0.85rem;
  line-height: 1.35rem;
  color: #87bbfd;
}
.apply-overtime-message .wme-message-action-column {
  flex-direction: row !important;
}
.prove-apply-container .remarkbottom {
  background: #eff5ff;
  color: #4285f4;
  border-radius: calc(4 * 1px);
  padding: 1.2em 0.875em;
}
.prove-apply-container .img-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: calc(4 * 1px);
  padding: 0 0.875em 0.875em 0.875em;
  overflow: hidden;
}
.prove-apply-container .img-list .img-item {
  width: 33.333%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: calc(0.75 * 1rem);
}
.prove-apply-container .img-list .img-item img {
  width: 4.75rem;
  border-radius: calc(4 * 1px);
  height: 4.75rem;
  border: 1px solid #e1e1e1;
}
.prove-apply-container .img-list .img-item span.title {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  margin-top: 2px;
}
.foreign-apply-form .hr-template-form-section,
.foreign-apply-form .hr-template-list-section {
  margin: 0.6rem 0;
}
.hr-external-content {
  margin: 0.6rem 0 0.6rem 0;
  background-color: #fff;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.hr-external-content .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 3rem;
  padding: 0 0.75rem;
  border-bottom: 1px solid #e1e1e1;
}
.hr-external-content .title .name {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(1 * 1rem);
}
.pay-process-info .box {
  background-color: #fff;
}
.pay-process-info .box .header {
  line-height: 3rem;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  padding: 0 1rem;
  color: rgba(0, 0, 0, 0.85);
  background-color: #fff;
  margin-top: 0.6rem;
}
.pay-process-info .box .field {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 1rem;
  line-height: 1.4rem;
}
.pay-process-info .box .field .title {
  min-width: 6rem;
  padding-right: 1rem;
}
.pay-process-info .wme-section-toolbar-title {
  color: #D9001B;
  font-weight: bold;
  font-size: 16px;
}
.pay-process-info .progress-bar {
  width: 100%;
  height: 22px;
  background-color: #f0f0f0;
  border-radius: 10px;
}
.pay-process-info .progress {
  height: 100%;
  border-radius: 10px;
}
.attachment-list {
  padding: 1.875rem 1.25rem;
  overflow: hidden;
}
.attachment-list .attachment-list-inverse {
  background-color: #ffffff;
}
.attachment-list-title {
  font-weight: 700;
}
.attachment-list-actions {
  border-radius: 24px 24px 0 0;
  overflow: hidden;
}
.attachment-list-file {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  background-color: #ffffff;
  height: 3.5rem;
  margin-top: 0.1rem;
  border-radius: 8px;
  padding: 0 1.25rem;
}
.attachment-list-file.attachment-list-file-inverse {
  background-color: #F9F9F9;
}
.attachment-list-file-left {
  display: flex;
  align-items: center;
  flex: 1;
  overflow: hidden;
}
.attachment-list-file-left-name {
  margin-left: 0.5rem;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attachment-list-file-left-checkbox {
  width: auto;
  background-color: transparent;
  padding-left: 0;
  margin-left: 0;
}
.batch-wrap {
  position: absolute;
  z-index: 99;
  width: 100%;
  border-top: 1px solid #e1e1e1;
}
.batch-wrap.maskCls {
  height: 100%;
}
.batch-wrap .batch-container {
  display: flex;
  justify-content: space-between;
  padding: 0 0.75rem;
  height: 3rem;
  align-items: center;
  background-color: #fff;
  color: #4d88e7;
}
.batch-wrap .batch-container .wme-checkbox-small .wme-checkbox-inner {
  top: 0;
}
.batch-wrap .batch-container .wme-checkbox {
  padding: 0;
}
.batch-wrap .search-wrap {
  display: flex;
  flex-direction: column;
  height: calc(100% - 3rem);
}
.batch-wrap .search-wrap .bg-mask {
  flex-shrink: 0;
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.45);
}
.batch-wrap .search-wrap .search-container {
  display: flex;
  background-color: #ffffff;
  padding: 0 0.75rem;
  height: 3.5rem;
  justify-content: space-between;
  border-top: 1px solid #f1f1f1;
  align-items: center;
  position: relative;
  z-index: 2;
}
.batch-wrap .search-wrap .search-container .wme-input {
  background: #f4f4f4;
}
.batch-wrap .search-wrap .search-container input {
  width: 80%;
}
.batch-wrap .wme-button {
  border: 0;
}
.batch-wrap .wme-button svg {
  fill: #4285F4;
}
.page-nav {
  background-color: #f8f8f8;
}
.page-nav .list {
  background-color: none;
}
.page-nav .list .item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-nav .list .item .selected {
  color: #4285F4;
}
.page-nav .list .item:not(:first-child) i {
  width: calc(0.5 * 1rem);
  height: calc(0.5 * 1rem);
  margin-left: calc(0 - calc(0.175 * 1rem));
  border-top: 1px solid #595959;
  border-right: 1px solid #595959;
  transform: rotate(45deg);
}
.resultContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: calc(1.5 * 1rem);
}
.resultContent .icon {
  width: calc(4 * 1rem);
  height: calc(4 * 1rem);
}
.resultContent .text {
  margin-top: calc(1.25 * 1rem);
  font-size: calc(1 * 1rem);
  color: rgba(0, 0, 0, 0.85);
}
.SectionContent .tips {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(4 * 1rem);
}
.SectionContent .label {
  width: calc(10 * 1rem);
}
.SectionContent .head {
  padding: calc(0.625 * 1rem) calc(0.75 * 1rem);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
}
.SectionContent .content {
  background-color: #ffffff;
  padding: calc(0.375 * 1rem) 0;
}
.SectionContent .content .contentList {
  padding: calc(0.375 * 1rem) calc(0.75 * 1rem);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.65);
}
.SectionContent .content .contentList .tips {
  height: calc(1.75 * 1rem);
  border-radius: calc(1.75 * 1rem);
  border: 1px solid #3ecf8e;
}
.SectionContent .content .disabled {
  color: #bfbfbf;
}
.SectionContent .content .enable .tips {
  /*color: @color-text-base-inverse);
			background-color: #3ECF8E;*/
  color: #3ecf8e;
  background-color: #fff;
}
.SectionContent .content .checked .tips {
  background-color: #3ecf8e;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAYNJREFUSA3tlj1LA0EQhq8QRBREBFECgkFDAlpYWFgkoIWNjU0aq/wLezt/TSCdhU1ACwsLC8FCDQhRUUTiBxETL8+AE4697OWCd0HhBh52svPx7m2ye3GcxJId+O874LruCOSG+hwIZuAGxA6GIo5QDu5E8ccqsQsjtAIPqsj4CMuxCiOwCk+gdo8Tu+gaIs+qyFiHbNxPuo7Ii0f0Fn/JKkpw0hoMGaBHHl5BrYazYC0nuAdtOIYZa2JAgLpNeAe1K5z5gBLHIeFIsxkvYC6wwAiSvwUfoHaJkzLS/B9JKsDghbSibhuaoCYLn/WrWGZI3oA3rWbsu1Xk7MCnp+Ycf/CviqI8NDyN5MeR7rVW5ovw5ck9w5/ulRtqjuK+x4GcXWiB2inOVCiBoCSaWC8AYiVog9oJzq+PYnc9NDOvPLlz9+Eb1Ko4E92iqByampe8CsooR3A8Ki1fH5qbrzURPYQxX3LUE4jIi/waxMowGrWGtR9i8tdl0ZqQBJId+Cs70AHFED+18HPX3AAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1rem;
}
.dateContent {
  background-color: #ffffff;
}
.dateContent .head {
  display: flex;
  justify-content: space-between;
  padding: 1rem calc(0.75 * 1rem);
  border-bottom: 1px solid #e1e1e1;
}
.dateContent .head .title {
  flex-shrink: 0;
  flex-grow: 1;
}
.dateContent .head .must:after {
  content: '*';
  color: #ff6454;
  margin-left: calc(0.25 * 1rem);
}
.dateContent .head .value {
  margin-left: calc(0.75 * 1rem);
  font-weight: bold;
  color: #3ecf8e;
}
.dateContent .content {
  padding: 1rem 0;
  height: calc(3.5 * 1rem);
}
.dateContent .content .date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.dateContent .content .date .week {
  font-size: calc(0.75 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  word-break: keep-all;
}
.dateContent .content .date .num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: calc(0.625 * 1rem);
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.85);
  height: calc(1.75 * 1rem);
  width: calc(1.75 * 1rem);
  border-radius: 50%;
  /*border:@hd) solid @fill-base);*/
}
.dateContent .content .focusSyl .num {
  /*border:@hd) solid #3ECF8E;*/
  background-color: #3ecf8e;
  color: #fff;
}
.footerContent {
  display: flex;
  justify-content: center;
}
.footerContent div {
  height: calc(2.5 * 1rem);
  background-color: #ffffff;
  color: #3ecf8e;
  padding: 0 calc(1.5 * 1rem);
  margin: 0 calc(0.625 * 1rem);
  border-radius: calc(2.5 * 1rem);
  display: flex;
  align-items: center;
}
.footerContent .service:before {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-right: calc(0.5 * 1rem);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAApdJREFUSA3tlk1oE1EQgGfeRtNa9JKqIB4rHkqbDUXUS008iF4VvQh6EUQFm/ZQFBG82VZotaLiUa+CxVNDD42ReghSmoiCf0c9iO2xaaKbN87bzctudoulJBsP+iC8mXnz5nt/MxuAf62hf8PHik+7JK7s9tub0QXFvs/Fz616Y9TBqbf3BqpSPgCgA0AgvE5NywgSAN8YQlzJ9g8tqng2OFWY7JWAi0QUbRryhwCIWBFAA1lz5L29M17OWNhQtR7FUCwlO0dKeFgpbWk1lg0moFhboAzRrNY+ok2s/j/YPizOsS9CiAtgGGeR8y94gviLU2MC0TiJCNOclPxY3WbP4bkqhorljrhSxBW1hCUDO5Lz8UvflIUr2YsKrXzgVNirPQDxZs5Mj9f0mSOFqTI/mlGl84K+RjGWmut3KtXRwqOMReVP/Ky21eezELxjpHfzpgNVjk6powXvJCMiMl4dCWZdnRa85dGOxTHdcUcKggF6VL3WjreI2Af7tK56qlqmV2fZo2OfM8fxqMXq8fk7JXNwaZK8A3xvGRGJXIOqLFclXWfU+YZxgGU+rMtbtmL+p0VJkHSffXa4PvjEEHgbDNEhLYurIhx3xwBeJUYYwc0P9jqFISvwekcdBisQ86+D1wJLCs9gs+wd800Xw+M0RubiUlCW2lEbE43DIWoo7tTBOXNoRgAO887LYSFVbMVQLMWw00nDTnye3rm2Kg9y+dujbRv1BLgdQI7yh3bXur4oxvhYX3d2ifzsvqs/tE8DWBs32yc/Pu6mUukhL/i0fy7/wTuUjafzfntL0unl/ovLucTwGQTBP1XVNm4tAWtMLpF+FhWdvfyFeq5tJKmi5bb0qeLdU4NLUzf4c9qS62zLokOF/AbJ2s693noWxgAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.footerContent .tel:before {
  content: '';
  width: 1rem;
  height: 1rem;
  margin-right: calc(0.5 * 1rem);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAzRJREFUSA3FV01IVFEUPuc9bXQyc4gMhBChH0FyRhe1iPKv2mSRi1aBFIJaUeNEErRwIQS5yZ+shUWLiiAKBK2kSXNGWgdjVAZBUFRoaZQVzjjzTudOvmF87/lm3syAd/Pe/c53vu/ec++8ewdglRrG+1a/vpZHi8FLRHgUEaYBqcPvPDccz8nUe8z44OR1x7wSHAWiypg4IkkIzT6n52YMy9BL1PhA4PbaBZodY9NdOl0EBUHe53e5x3WxNABJ5AZptsPQVAQJJCLlrhic6GaqRY2JqN5ckIoWaK7VnGMtGjUGQEeiNK54dSKOlXjUmBf6c6Ik3ulTiThW4v9njDBpmoQwI9ntXaYci8GlUkuPVsxDmMuWpf2+7S3fV+SkEIga29Dh5XX+ZZSPhF1jO9rMK2KUmACLGnudjX8kpBtGXALYaISniy2VGiArW+7jWS/qBBGa6t72b9DhaQIx49Ey90fW6tXpETnCwZBhNXRcC0DMWOQU5OZ38qy/avOJoKE60H1ei6fTX2Y8VNo0j4BuI0FS4PLeQM9ho1gq2DJjIeCvaHuAiANaMQKSkZT7NZN9VdpYKn2dsRDB9QVuPo9faQW55DmRSGSoKnBljzZmtW9o7Cs5sSDLWQ0882m9IOVz2Z+y+SF9LHkkdhEwSqkNdFeGiXx8NK7TxjkxzPuh3Vfh6dHGxE1GCYW4alTKg/fn2uU7I1vPBuN5psaCyOa1EYInfHTa4hPVdzZ/mCfbmh+Xn/oR5b/pLw6HQuM82BKVAwgfJJAbfS73CxVLaCyINYHeughFBo1mLuJsPsuPAZDgEyh0gb92xQKPb8yJoASt6jUqKWMhsFT2ETYvjBe09M61B8QjE862IcPNZST23Ol5KWXbdvOavTaKJ4XxoY6K0im4SRsLsq/s9Pv8QvtONr8l+ik1hE0iz5KxSBguavnrd3maQJaP8ep+E5ilRjgo+JaNVZOJcvc9Tt7Gs78qNo6Kmz35ozTFm+qi4CS9ucwE+Xe7hUJBD++c43wfthtxeYDv1uRk1T4rPfNFxDNirBqJfyO/laC4Ktfzt93Fv4DNPMufQOi1STntXufJGZW7as9/s3rzdan9EloAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.footerContent .tel a {
  text-decoration: none;
  color: #3ecf8e;
}
.businessListContent {
  padding: calc(0.875 * 1rem) 0;
}
.businessListContent .submit {
  color: #87bbfd;
  background-color: #f3f8fe;
  border: 1px solid #87bbfd;
}
.businessListContent .fail {
  color: #f56c6c;
  background-color: #fef0f0;
  border: 1px solid #f56c6c;
}
.businessListContent .finish {
  color: #3ecf8e;
  background-color: #ebfaf3;
  border: 1px solid #3ecf8e;
}
.businessListContent .cancel {
  color: #595959;
  background-color: #f0f0f0;
  border: 1px solid #bfbfbf;
}
.businessListContent .guide div {
  padding: calc(0.875 * 1rem) calc(1.25 * 1rem);
  margin-bottom: 1rem;
  border-radius: calc(0.25 * 1rem);
}
.businessListContent .head {
  display: flex;
  align-items: flex-start;
  font-size: calc(1.0625 * 1rem);
}
.businessListContent .head .title {
  display: flex;
  align-items: flex-start;
  flex-grow: 1;
  color: rgba(0, 0, 0, 0.85);
}
.businessListContent .head .title .tip {
  flex-shrink: 0;
  color: #ff604f;
  margin-left: calc(1.25 * 1rem);
}
.businessListContent .head .btn {
  flex-shrink: 0;
  color: #3ecf8e;
  margin-left: calc(1.25 * 1rem);
}
.businessListContent .list {
  color: rgba(0, 0, 0, 0.65);
  font-size: calc(1 * 1rem);
  margin-top: calc(0.25 * 1rem);
}
.businessListContent .list .info {
  display: flex;
  padding-top: calc(0.375 * 1rem);
  align-items: center;
}
.businessListContent .list .info .label {
  flex-shrink: 0;
  align-self: flex-start;
}
.businessListContent .list .info .value {
  flex-grow: 1;
}
.businessListContent .status {
  display: -webkit-box;
}
.businessListContent .status div {
  margin-top: calc(0.5 * 1rem);
  display: flex;
  align-items: center;
  font-size: calc(0.875 * 1rem);
  padding: 0 calc(0.5 * 1rem);
  height: calc(1.5 * 1rem);
  border-radius: calc(1.5 * 1rem);
  border: none;
}
.tipsContent {
  font-size: calc(0.875 * 1rem);
}
.tipsContent .head {
  display: flex;
  justify-content: space-between;
}
.tipsContent .head .title {
  flex-shrink: 0;
}
.tipsContent .head .btn {
  color: #3ecf8e;
}
.tipsContent .info {
  padding-top: calc(0.625 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  word-break: break-all;
}
.articleContent .send-email-type {
  margin-top: 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.articleContent .articleTitle {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: calc(0.75 * 1rem);
  font-weight: bold;
  font-size: calc(1.0625 * 1rem);
  word-break: break-all;
  text-align: center;
}
.articleContent .secondTitle {
  display: flex;
  justify-content: space-between;
  margin-bottom: calc(0.75 * 1rem);
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
}
.articleContent .extra {
  display: flex;
  justify-content: space-between;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.9rem;
  padding: 0 0 1rem;
  line-height: 1.2rem;
}
.articleContent .innerHtml {
  word-break: break-all;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6rem;
}
.articleContent .innerHtml img {
  max-width: 100%;
}
.articleContent .files .file {
  display: flex;
  color: #4285F4;
  font-size: calc(0.875 * 1rem);
  margin-top: calc(0.25 * 1rem);
}
.articleContent .files .file:before {
  flex-shrink: 0;
  content: '';
  margin-right: calc(0.5 * 1rem);
  margin-top: calc(0.125 * 1rem);
  width: 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAZCAYAAAAiwE4nAAAAAXNSR0IArs4c6QAAA79JREFUSA21Vm+IVFUUP/fOG3dtQZEiJQUpgqxwZrYIJMJ9q+4uEUWRRH6wIrJU1pgpqD70ofpQsR/c0bDaLxlSJIhQ2YfY9s9YUCCy896q/UE264MsbKistm7OvndPv3NnbzxlJtvZ7cBwzr333PN7v3PPuXcUzUGYWbWFxcdIe6e/zew6kdzqn9nfzJOTrxBxBzNllKJxYhrxPPXu4Nr8qPPVzrieFjB/tLePmA+TiT5P+q8P9rby5IUys3kTfg8AdAn0HUy8ZSbi436w+zXn/58AHRgb2iYbFakvXIC2k8X7FEfDYLUGCxVNao9W+knSlIfPjwBPG6Z32sLdD1f3up11tAULix9CP283KPVRKZt/TinFAkYz5hsmWgqwCc2qq9RaCFyoB0/vbbr8Z3wETDvwmeNrcjesVm6xlp4LWIpow3DupVPXxtk02ntbJeYxmQf71ropXQgwARnIFH4Fuz/ENlplagIuFJiASFoV8TKxlaZxT4ykNALm87DHYdCHAuny0l7n4N0voliqcnkq2okz9ghn7nneyFUMGwUzYfkg9j6LSl3JM9EqB4Y22gT77dnx+4N3dp/7h+F8wNDgj0tQVG7PUK7QL7aAmZi/hNmMNhprUje+KvMorqqUHl26D9S3ywgb65a+q0ZJozBLgh3NFWzQBNhixPot1ZTeMLB2my0cm1I/KHYDbOf/ArYo7Q/d1f17lRbIbDxRXB7FZgz5bwH1gVIu3ylN3fHze7dc+Ss6iatsmTR1khkHwWdo5s2zH9hTl9k1YOLvzRjejrS0IOil1KK0vUFkoTIdvY6qE7DzCwUmcbUy9JAYYHcoSZ0VZWbnP5UbxJb+PJhJLBFcf3S7GApPiWgnaNYz1mZ+xC/3PmPC4KtG0+hiitYIvFgM1nRetBPW6R7QrqCYVhvi/TjLLlmT0p/Lmbl4TmsEHLcDppybFC0PrJdKtSPVP2A4Df0Tnp2t8wGTuGp9ufdj8Hsaz0Z4c27VvYfUE7Es/Ju0h3s2xiY+Ap9qn9Woxnr7tafpgCyCaXYiOPtyPUc3Px8wiaGHsoUh/P/42gZU9FZbuWhfdQfgtL36guILjTJzcewD7P/Sd5OZnjoGmrfOAg+ifD9JeWrEKHROxPcQxVtxObTLur2u5pBGB2b3uoF/at8KU7lyGOP73VwtDbDvmlTz5v7sjola69ebswyd0xvMuhQUtxhFO9CX69B39nJHhcZoke/x+6CUyR8EKI68MbkKMBmiMzzQEvPFlTKXUkvO9mefmkquN2r/DXiQgKoCDb+cAAAAAElFTkSuQmCC);
}
/* 头部 */
.business-card-msg-content {
  width: 100%;
  text-align: left;
}
.business-card-msg-content .title {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 0.85);
}
.business-card-msg-content .name {
  color: rgba(0, 0, 0, 0.25);
  padding: 0.45rem 0;
}
.business-card-msg-content .item {
  display: flex;
  align-items: center;
  height: 2.2rem;
  line-height: 2.2rem;
  justify-content: space-between;
  text-decoration: none;
  padding-right: 0.3rem;
  margin-bottom: 0.2rem;
  color: rgba(0, 0, 0, 0.65);
}
.business-card-msg-content .item .icon {
  text-align: right;
  width: 1.6rem;
  height: 1.6rem;
  background: #3ECF8E;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
}
.business-card-msg-content .item .icon svg {
  fill: #fff;
}
.code-group > div {
  display: flex;
}
.code-group .line-container div {
  margin-right: 8%;
  flex: 1;
  min-height: 2rem;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}
.code-group .line-container div:last-child {
  margin-right: 0;
}
.code-group .box-container div {
  margin-right: 8%;
  flex: 1;
  min-height: 2rem;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
}
.code-group .box-container div:last-child {
  margin-right: 0;
}
.code-group .box-input {
  height: 1rem;
  position: absolute;
  top: -9999px;
}
.code-group .shake {
  animation: shake 1s infinite;
}
@keyframes shake {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.demo-input,
.demo-select-picker {
  border-bottom: 1px solid #f0f0f0;
}
.demo-desc {
  margin-bottom: 20px;
  font-size: 13px;
}
.demo-accordion {
  background-color: transparent;
}
.demo-accordion .wme-accordion-item {
  color: #333333;
  background-color: #ffffff;
  margin-bottom: 12px;
}
.demo-accordion .wme-accordion-item .wme-accordion-title {
  padding: 25px 16px 25px 24px;
  border: none;
  border-radius: 4px;
}
.demo-accordion .wme-accordion-item .wme-accordion-title .wme-icon {
  width: 14px;
  height: 14px;
}
.demo-accordion .wme-accordion-content {
  padding: 0;
}
.demo-accordion .wme-accordion-content .wme-accordion-content-box {
  padding: 0;
}
.demo-accordion .wme-accordion-content .wme-accordion-content-box .wme-list-item {
  min-height: auto;
}
.demo-accordion .wme-accordion-content .wme-accordion-content-box .wme-list-line {
  height: 44px;
  line-height: 44px;
  padding-left: 24px;
}
.demo-accordion .wme-accordion-content .wme-accordion-content-box .wme-list-line .wme-icon {
  width: 14px;
  height: 14px;
}
.demo-pull-to-refresh-menu {
  background-color: #ffffff;
}
.filter-container {
  position: absolute;
  z-index: 99;
  width: 100%;
  box-sizing: border-box;
}
.filter-container * {
  font-size: calc(0.875 * 1rem);
  /* font-size: @font-size-title; */
}
.filter-container .filterFrame {
  position: relative;
  height: calc(3 * 1rem);
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
  border-color: #ffffff;
  border-style: solid;
  border-width: 0 0 1px 0;
}
.filter-container .filterFrame .filterDefault {
  flex-shrink: 0;
  padding: 0 1rem 0 2rem;
  display: flex;
  align-items: center;
  color: #4285F4;
}
.filter-container .filterFrame .filterDefault.disabled {
  color: #d1d1d1;
}
.filter-container .filterFrame .filterDate {
  display: flex;
  flex-grow: 1;
}
.filter-container .filterFrame .filterDate.center .filterUnit {
  flex-shrink: 1;
  width: 100%;
}
.filter-container .filterFrame .filterDate .filterUnit {
  max-width: 100%;
  display: flex;
  flex-shrink: 0;
  padding: 0 1rem;
  /*width: 0;
				flex-grow: 1;*/
  align-items: center;
  justify-content: center;
  position: relative;
  /*border-color:@fill-base;
				border-style: solid;
				border-width: 0 0 @hd 0;*/
}
.filter-container .filterFrame .filterDate .filterUnit .filterText {
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter-container .filterFrame .filterDate .up.filterUnit:after {
  position: absolute;
  bottom: calc(-0.25 * 1rem);
  content: '';
  width: calc(0.4 * 1rem);
  height: calc(0.4 * 1rem);
  border-width: 1px 1px 0 0;
  border-color: #4285F4;
  border-style: solid;
  background-color: #ffffff;
  transform: rotate(-45deg);
}
.filter-container .filterFrame .filterDate .filterUnit .filterText:after {
  content: '';
  margin-left: calc(0.375 * 1rem);
  margin-top: calc(-0.2 * 1rem);
  width: calc(0.5 * 1rem);
  height: calc(0.5 * 1rem);
  border-width: 1px 1px 0 0;
  border-color: #999999;
  border-style: solid;
  transform: rotate(135deg);
}
.filter-container .filterFrame .filterDate .up.filterUnit .filterText:after {
  content: '';
  margin-left: calc(0.375 * 1rem);
  margin-top: calc(0.4 * 1rem);
  width: calc(0.5 * 1rem);
  height: calc(0.5 * 1rem);
  border-width: 1px 1px 0 0;
  border-color: #999999;
  border-style: solid;
  transform: rotate(-45deg);
}
.filter-container .filterFrame .filterDate .up.filterUnit .filterText:after {
  border-color: #4285F4;
}
.filter-container .search-container {
  display: flex;
  background-color: #ffffff;
  padding: 0 0.75rem;
  height: 3.5rem;
  justify-content: space-between;
  border-top: 1px solid #f1f1f1;
  align-items: center;
  position: relative;
  z-index: 2;
}
.filter-container .search-container .wme-input {
  background: #f4f4f4;
}
.filter-container .search-container input {
  width: 80%;
}
.filter-container .search-toggle {
  margin-right: 0.5rem;
}
.filter-container .filterPanel {
  height: calc(100% - 3rem);
  display: flex;
  flex-direction: column;
  color: rgba(0, 0, 0, 0.65);
  /*.filterBtn{
			height: calc(3 * @em);
			display: flex;
			.btn{
				height: 100%;
				width: 0;
				flex-shrink: 0;
				flex-grow: 1;
				text-align: center;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.btn:nth-child(odd){
				background-color: @fill-base;
				border-top:@hd solid @color-border-base;
			}
			.btn:nth-child(even){
				background-color: @brand-primary;
				color:@color-text-base-inverse;
				border-top:@hd solid @brand-primary;
			}
		}*/
}
.filter-container .filterPanel .count {
  color: #ffffff;
  background-color: #f56c6c;
  border-radius: 15px;
  padding: 1px 5px;
  font-size: 0.65rem;
  display: inline-block;
  margin-left: 10px;
}
.filter-container .filterPanel .filterScroller {
  position: relative;
  background-color: #ffffff;
  max-height: calc(calc(25 * 1rem) + 5 * 1px);
  overflow: hidden;
}
.filter-container .filterPanel .filterScroller > div {
  position: relative;
}
.filter-container .filterPanel .filterScroller .isFocus {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-container .filterPanel .filterScroller .isFocus:after {
  content: '';
  width: 0.75rem;
  height: 0.375rem;
  border-color: #4285F4;
  border-style: solid;
  border-width: 0 0 2px 2px;
  transform: rotate(-45deg);
}
.filter-container .filterPanel .filterMask {
  flex-shrink: 0;
  flex-grow: 1;
  background: rgba(0, 0, 0, 0.45);
}
.filter-container.maskCls {
  height: 100%;
}
.filter-container.maskCls .filterDefault {
  border-color: #4285F4;
}
.filter-container.maskCls .filterFrame {
  border-color: #4285F4;
  /*.filterUnit{
          border-color: @brand-primary;
        }*/
}
/* 底部 */
.footer {
  width: 100%;
  height: 55px !important;
  z-index: 2;
  position: fixed;
  bottom: 0;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
.footer .wme-list {
  background-color: transparent;
}
/* 头部 */
.common-header {
  display: flex;
  width: 100%;
  z-index: 9;
  color: #333333;
  overflow: hidden;
  position: relative;
  background-color: #ffffff;
}
.common-header .title {
  display: inline-block;
  /* 或者 'block' */
  line-height: normal;
  /* 或者 '1.5' 或者百分比等 */
  flex-grow: 1;
  font-size: calc(1.125 * 1rem);
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 5 calc(3 * 1rem);
  padding: 10px 50px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.common-header .left {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: calc(3 * 1rem);
  height: 100%;
  cursor: pointer;
}
.common-header .right {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #ff6454;
  min-width: calc(3 * 1rem);
  position: absolute;
  cursor: pointer;
  right: 0;
}
.common-header .right img {
  height: calc(1.25 * 1rem);
}
.common-header-shadow {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}
.common-header-primary {
  background-color: #3ecf8e;
  box-shadow: none;
  color: #ffffff;
}
.common-header-primary .left i {
  border-color: #fff;
}
.common-header-red {
  color: #fff;
  box-shadow: none;
  background-color: #ff6454;
}
.common-header-red .left i {
  border-color: #fff;
}
.hr-search-helper-wrap {
  position: relative;
  width: 100%;
  line-height: 2rem;
  padding: 0.5rem 0;
  background-color: #fff;
}
.hr-search-helper-title {
  margin-left: 0.75rem;
  flex-grow: 1;
  flex-shrink: 0;
}
.hr-search-helper-title span {
  color: #ff6454;
  margin-right: 3px;
  width: 10px;
  display: inline-block;
}
.hr-search-helper-input {
  padding: 0 0.75rem;
  text-align: right;
}
.hr-search-helper-selection {
  display: flex;
}
.hr-search-helper-selection .single .hr-search-helper-selection-item {
  border: none;
}
.hr-search-helper-selection-item {
  position: relative;
  float: right;
  padding: 0.25rem 0.35rem;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin: 0.2rem 0 0.2rem 0.4rem;
  line-height: 1.2rem;
}
.hr-search-helper-selection-item-remove {
  width: 1rem;
  height: 1rem;
  fill: rgba(0, 0, 0, 0.45);
  margin-left: 0.625rem;
  cursor: pointer;
}
.hr-search-helper-selection-item-content {
  color: rgba(0, 0, 0, 0.85);
}
.hr-search-helper-disabled {
  cursor: not-allowed;
}
.hr-search-helper-placeholder {
  padding: 0 0.75rem;
  text-align: right;
  flex-grow: 1;
  color: #d6d6d6;
}
.hr-search-helper-modal {
  display: flex;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.54);
  z-index: 999;
  overflow: hidden;
  height: 500px;
  top: 3rem;
}
.hr-template-form-section {
  margin: 0.625rem 0 0.75rem 0;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.hr-template-form-section:last-child {
  margin-bottom: 0;
}
.hr-template-form-field {
  border-bottom: 1px solid #f0f0f0;
}
.hr-template-list-section {
  margin: 0.625rem 0 0.75rem 0;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.hr-template-list-section:first-child {
  margin-top: 0;
}
.hr-template-list-section:last-child {
  margin-bottom: 0;
}
.hr-template-list-section-item {
  margin-bottom: 0rem;
}
.hr-template-list-info {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-color: #f4f4f4;
}
.hr-template-list-info-container {
  padding-top: 0.625rem;
}
.hr-template-list-info-form-field {
  border-bottom: 1px solid #f0f0f0;
}
.hr-template-list-info-save {
  padding: 0.5rem 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 9;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.hr-template-list-info-save .wme-button {
  border-radius: 30px;
}
.hr-template-list-info-save .wme-button-inline {
  margin-right: 20px;
  width: calc(50% - 10px);
}
.hr-template-list-info-save .wme-button-inline:last-child {
  margin-right: 0;
}
.hr-template-list-form-section {
  background-color: #f4f4f4;
  margin: 1.25rem 0 0.75rem 0;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.hr-template-list-form-section:first-child {
  margin-top: 0;
}
.hr-template-list-form-section:last-child {
  margin-bottom: 0;
}
.hr-template-list-form-section-item {
  margin-bottom: 1rem;
}
.hr-template-list-form-section .wme-section-toolbar {
  background-color: #ffffff;
}
.hr-template-list-form-btn-add {
  background-color: #ffffff;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 1rem;
}
.hr-template-list-form-btn-del {
  background-color: #ffffff;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.hr-template-external-section {
  margin: 1.25rem 0 0.75rem 0;
}
.hr-template-save {
  display: flex;
  padding: 0.5rem 1rem;
  position: fixed;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 1;
  background-color: #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.hr-template-save .wme-button {
  width: 0;
  flex-grow: 1;
  margin-right: 0.75rem;
}
.hr-template-save .wme-button:last-child {
  margin-right: 0;
}
.guide-list-card-container {
  width: 100%;
}
.guide-list-card-container:after {
  display: block;
  height: 0;
  content: '';
  clear: both;
  visibility: hidden;
}
.guide-list-card-container .content {
  width: 100%;
}
.guide-list-card-container .image-content .title {
  height: calc(1.35 * 2 * 1rem);
  overflow: hidden;
}
.guide-list-card-container .image {
  float: right;
  margin-left: calc(0.7 * 1rem);
  width: calc(4 * 1rem);
  max-height: calc(1.35 * 2 * 1rem);
  overflow: hidden;
}
.guide-list-card-container .image img {
  width: 100%;
}
.guide-list-card-container i {
  width: 1rem;
  height: calc(1 * 1rem);
  margin-right: calc(0.25 * 1rem);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.guide-list-card-container .extra {
  margin-top: 6px;
  flex-shrink: 0;
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  padding-bottom: calc(0.25 * 1rem);
}
.guide-list-card-container .extra .time {
  margin-left: calc(1 * 1rem);
  display: inline-block;
}
.guide-list-card-container .extra .release {
  display: inline-block;
}
.guide-list-card-container .header .title {
  font-size: calc(1 * 1rem);
  color: rgba(0, 0, 0, 0.65);
  line-height: calc(1.35 * 1rem);
}
.guide-list-card-container .header .title.new {
  color: rgba(0, 0, 0, 0.85);
}
.guide-list-card-container .header .important {
  width: calc(0.45 * 1rem);
  height: calc(0.45 * 1rem);
  border-radius: 50%;
  background: #4d88e7;
  margin-right: calc(0.25 * 1rem);
}
.guide-list-card-container .header .top {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA2VJREFUSA3VVk1IVUEUPuf6V0qYWRD9UfQjQSRRizaRLUIoKWgRZVBaPYXCVkZC+rgqBoGERJv3nlauAqFFRAW5iH4WLaJFBFEK/ZA7MS38SX1z+mYu974f39WXPokO3DtnvnPmfGfmnpk7RP9IOJlXQnY+ZdGaZHzefcmKUmHJNz5+PBofwyOW7mvFNDEeJqajJKDOqPAYMbdTwLaZWXRoy4v/e/wu9GOZJ9UMkk+ighQO1umeFkNsZitU4UCL+q5yozsznhzf6AKL3Ho82b5ETLex7NMz7MwFxPJiBp4KULwTy3wxlcmfWLLquNYeSx4kkeBBDrT2JuOp+hIKHgb+l8SpImlMaCPIqz0zWw/4vD0kPTeW0sjwCQ93fEvhn1L8Z0zR7xJqImyDANe03JeullKannpGoiuU8mLRliw3+vDPXbDdjuGza7MQU5EZypRrWjWlfYuwzz8jmasGE5rkmoYRo1vZA9gylUZ3XyJtSHKT241vZyOO94vXhzjQci8e0Dqfb/yKRj+e4BvX49tkjDgWOGyfxSzXeoBW2BrgGnvOJZ/PjON4VC2WfhuW84EDSgUS6Ye+yMRiarafa1uqNDGK8Z1u0xHn5ErHM5UPY75Ev2ImHC5pysKIDYn06UZEdBKrDZTGa+HEFr82PF1tG0CfnwancZlHcXGhROxDZrRSo5RjOVtr8/QA9bNNSk5JuOmCsYus8ktkbmKxEg89kS0k0UcIOECcU87VwQkdnA/Y+ofSjBvMQ1R2N2a/Q+N+4k/MHMIgi/KyX5rBKquYCLcXxiEhHKGlyzr49OVRbcNBcQb4dtpqNSKBt/L45h76PtgMSz3qPuVtxp/Ysm7h8H9vSPWLo3sR5CnXtJZ7GBQJ21VEKoTqyqU+tV/u2Cf50KUvMDXA9grJPoQ+Q3QlkkSadpOiNwlWxu+Mc5+AsICiah9s7fDMx8zKQP5cOu0tpFQ7CI8mjuMh9CspYPVSRD2GPT7RH1zbukL7+xMnREvofETvA4YeQSI+u4KVuSwIlSWMJPKInaXmHEU0leTj2y2BBU9izSV6I6GZpNoFPI44GXNeP+Y+WyTXf4Etf3IDGGI+dwXHHne64KK1bHW4sWNVvW5lHbbAIJawEttlveuQgRbLKx9webiO32VPBuL9pyH+AKmUFleYOp9AAAAAAElFTkSuQmCC);
  margin-left: calc(0.025 * 1rem);
  width: calc(1.15 * 1rem);
  height: calc(1.15 * 1rem);
}
/* 登录页底部 */
.login-footer-container {
  display: flex;
  flex-direction: column;
}
.login-footer-container input {
  color: #fff;
  padding-left: 0.3rem;
}
.login-footer-container input::placeholder {
  color: rgba(255, 255, 255, 0.85);
}
.login-footer-container input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
  background: transparent;
}
.login-footer-container .iconArea .iconsBig {
  width: calc(1.25 * 1rem);
}
.login-footer-container .iconArea .closeEye {
  margin-top: calc(0.3 * 1rem);
}
.login-footer-input {
  box-shadow: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  margin-top: calc(2.2 * 1rem);
}
.login-footer-setting {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 calc(1.5 * 1rem) 0;
  font-size: calc(0.875 * 1rem);
  color: #fff;
}
.login-footer-bottom {
  margin-top: calc(1.3 * 1rem);
}
.login-footer-bottom .login-footer-button {
  border-radius: calc(3 * 1rem);
}
.login-header {
  width: 100%;
  height: 30%;
  z-index: -1;
  position: absolute;
  top: 0;
  background: #fff;
}
.login-header .left {
  z-index: 1;
  display: none;
  position: absolute;
  width: calc(3 * 1rem);
}
.login-header .left i {
  display: block;
  width: calc(1.5 * 1rem);
  height: calc(1.25 * 1rem);
  margin: calc(0.875 * 1rem) 0 calc(0.875 * 1rem) calc(1.25 * 1rem);
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAmCAYAAAAr+dCVAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGUSURBVEhLrda7SsNgGMZx83WLhyG7xcELcOiYhmwBndzq4OYNqFfgFaiDgrOCbuKgUBxCoEOH4OoluDhZTAiExPcJSYlpDt8hfyjN18Kvb05ttbUe8jxvW9O0C9r8GI/Ht8robDYbpmn6Qo89ghdxHA9Z/p5UZRBrer6zbftHetIqSF3Rrp/RtKkU2gZiIbz7NeBlGURCkzaA52UQcaNdu1yOCxUBUScqCqJWVAZEjagsiGpRFRCtoKog+of2AaIl2heIMrRPEDHXdXf6BBEbDAY3BUjQtWVZpyogYgR85dtoSJNv5NvSAcVkz1jQxIc0+RMd483sXcmYaZqLIAiOC5g6SJLkUQVeXlK+7+thGD5g2vylV8bYET40X3O3/OYfjUY0cD8Tr9ym0+l0Xdf1e5WJV1CkCteiSAVuRFEN/EbwpAtu/Yl2HOe3cvL2eU5e66RFooeCC0UiMDeKeGEhFPHAwijqgqX+n9ZcFdktPZ/Pt7CQmrSoOjE+xDCMiRKKKvB3FEW7yijKvzZPaNJP0zTf/wAxdYzcACQpvwAAAABJRU5ErkJggg==);
}
.login-header .logo {
  position: absolute;
  bottom: 30%;
  width: 100%;
  height: calc(2.6 * 1rem);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX4AAABFCAYAAABNEI0mAAAACXBIWXMAAAsSAAALEgHS3X78AAAVnUlEQVR42u1da48Ux7l+esX3mXyxAwZPhw0OxJhp/wIaaYVkxfE2tkgUR842duSLEmt7LUNk6+DtNUeOyImys3Ii7Mjx9h5kR05EmD0hsmStRO8vSA+BY4IB9+ALkC+Z+QHd5EPVMLPLXLrr0pfdfqWWsfFU11P11lNPvVX1tnLnzh2kZn+7Tx/wNy18718eCitsI9rf7tMAlPv+3ff+5RbYC5NtinTi/+t9GoDeRwVQifjrNgAPgAvAxfcLxygsR/bX+3QAOvV5FcD+GL9uAvCp73vU/1sF9tz5QJnyXm9bDOLADt/5d/FL4jzxxF+/vwzAoEANACWBpbcB1AE4MG7LnwQIFo2rjCTqubbOupR61u8frNTyZy0Ytz1J/mJS35+UUO8GAAdAHcZtP1Mt2h33xqbD3n8MdjiwKqDEVcp7wrCLI/6/3K9Tp59KqHmbAGw8eduR9gaC6TxnKXN48radmNP95X62Dn3ytjKiXDemasuyreLJ27pgP0nS9wFgCYCDJxMWFtnAvgygljr2te2gArAo4Vek+i7BXk+X+P/8TR2AnSIpNAGYOHxLvBMQbOcFlPQtHL6VjEr58zfZOvTwLWVEuRuL+A/f0gW0tUpVaJrtsgTATsy/soV9GYCVOPZ7OcKStMoZxXsWDt9imgC2ML/2o60agBqgpE0GFQDn8dHWZQAmfnhTXCwwVESV5NBln3wTV+dkys2rfbTVBpTZDNRkCoCBj7Za+OFNJyHsFqDMZwD7JAA9UezdNlAp/02mhL0C4Cw+2rpKeS/W5Mem+D/cagOYzeBwbAIw8PRNMfHbD7eKUvwAcARPJ+CcH25lU/xP31RGlLuxFP/TN3XG9i2DxFuz2BZLePqmKdG3ylTETG467GvbwaJRjlJGsLcBWHH4JZ7iP72NOr2SVQKoAPg7Tm87gme+5ifZQKjKreH0tjqe+Vru6YRAyVe5ebLT28qA4kLMhp0c9X96G/DM12aBXVb/w0lR5Q+yEoBFnN6mR8U/Fn0+3aYhhIcQ+xECGX8WsbSN3wHE1qmEEDX5oR7GJ9m2SP9ha9s6QlQzjm0KS9scCX7lbFrshP9UhHARYnIj4I+m+N9/QKOzfQn5sUW8/wDw7FfsjiBe5U7h/QccPPuVWyj+nNn7D9gZXun28zMPz35VE4h9MkfYfTz7lS2w7/PEf1OU90w+4n9vu5pD0u+S/3vbgZ9+yUb+cjY0HZALHJIUf7G5K9ze265lZCM3js3jve0ufvqlx4ldzSH2WYrdFdD35Rzy3xTlPZON+N/d3tnIKuV42C7i3e0+XmBwgkBKfSp4d7uNF760pZQeSGrFAJvXggRCdHLMAe8FxABOTrHXuLET/sur6J3Cu9tdvNBf9G4ZofJqyO5mThyr49QOFS99EW9jVZ7KncWpHQ5e+sIvFH/G7dQOTUKIZxXda/kd0xEvnUkUq+LUDhMvfeEwYlclYW+BpCbILvaNwX+LOLXDw0tfeNGJ/7c7DCR7G0+mlejKRc+QynUg42x/ofhF47YElbQEoI6ffzH8ws1vd6ggtz8tQURoU18rsMex5PivLXlF0XfV1/8c/8KDZapGZC9xVtf9uyb5nTOYvhF92b7woA5x5/j72RFM3xC7lF54kO0c//QNZUS5LtjPrjeoysuKeZi+YUVszxanT7YBGJi+4TL0pQ0x92UOYfpGneH9PicB82C3AMynMsbk8V+DClCX+mBr3Tt1dHOciVz93MN7/Yl/viLK4dbb8l3gM83+YY75itrTAKJn3DYAFTPNaCQ0X5FN/PHqE63ObMQ/01RGlMtD/Acw03SRN5uvaAD+ztm/OmaaHmcdXE4SWsZM00gYOwA8mlPsNQDTggWuHWsMzFcMumKpyuCZe8/x/7qiIsAsArq853/aCDCHAN/ATNPATNMZSPqEgHz6/5gI8A3627agupRibdQF0p+S8I1D1rrIbot8hnl0Ttw1LuIj48FDAJOzHpP4daUcE7vG+c4FQdiNRLET/psWyH0HMNPUYwufmWYdM00NAWYE8cyaFe69xB8qFkIFgp5lhIqKV5s2XmVQta82W3i1aSNUVFqWiDpN4VeqGun94tphVH10YWTFWg/ZbZFHI37Hg1tMGO/VZh2hssRZFz2n2F0B2I0YuG1B47pBuc/lxF9DqDyKUGlz1sfCr9Ryf+L/pVoWoC46zwyO+QaO+fxhjGN+C8d8AwEWBNXNzoji7zwOfqmKyXVfKH6Rip9P9R7zfYF1sTn7QI/5Pp0Tu5c77IT/pgSM5wYC6EK4D7Qt+VefJQQw+hN/oBgIlBICBZzPEbzmiz/7/JpvIVAWBNRvCv/9rdGqn/89UZ8KAkXMCQrWOshui1wSf4Ywv+b7CJRlhnqs0jHjbmLs9YiYTQFjuY1AMfCa3xLcBh4CZYazbnc5Zss9YR5+W8Ab1x1pg/G/Prfw5k4V/BkCTbp5Mjy8kZzN4s2ddbxxnU8pFef4s4P5zZ0q3rjuC6xPfYTfN9D9VKnH5Uv82DVuX2bD7lHsLsM7RPCfKbTP13JfDW/uNMG+4Vvt9EuX+Gd3quDfQW5i7rolfUAGMMF/3Go08bOHKFZBPlMYtz1r4D3bX5zjzxLmGgBDYH28gUQ3x0B0w9/lgy/1tC0YuysV++xODfxHKFcxd70u2SctxD9p2Ebnu+X00uCWntlOF1AtM5EBOXe9hePjNfAdOa3g+LiBE9fqklQPSwftx/FxCyeusYfJCsUvErPLSX6TOD5u4sQ1R5Dfezg+fgAnrrkJYOdVrZM4Pm7jxDVbEHZfKvY4G8DDJzvZ3Ofi+HhjhKjsXfm5OHHtnr7c0jOT8AJfxVsJOGS3vjVKrjyq3wC5VyBe8b11zcXr4wuIfx7YxuvjDt661mJsl0Lxi1W9vLaI18d1ABZzn/baiYTG2NrVBbOOxuvjGgAz89gD7lv0yfEfyZ80vy7C0FH0XpS27iF+bsXvJDoo37rWwi++7YDvosVwzOybVCr9vU1XQXEmpxJtS7aJuEjLLBKzqIFMPo/4i2/XANRw8morB9hFxecnAfiZxx5w5yRyEqxrR6y6OHmVqZ/IqZ6juzSESonjjGgbJ686iXdWqDicZ1srOLpLGxreYC0XAE5ebSFUTIbfT+LoLp2xTYpz/KLs5FUfodIUdK67hFCZRaj4OLrLwdFdRg6wNzYF9qO7dAEY64n2zcmrNVbS7yr+gDN96bBwiUz7n888vLKLN8mRBgxY1gZC6ljHK7uWEf8UkoNXdmn4zWfxFFIR6hGNuwYxOWN6V3RTAKao73aX6L/5zM0YdmdTYBcR5ok7TlO2LVTNqZzlpNdpZAOO52inPnCZJkqpkmNieswJqgKyh2HHVvxy2nlzEj+5gWpDTvLAEvVd4r/WQ4REOoRYu+IW2BPBmV/+41T8em6Bk2NePMSvSle5tSs+Xn7IZlBPs3j5oTrevuLFaI8sKv4aXn4oW9k5375iRey7FmPfsdp++szi5Yc6qrgOoI63ryTbhgS7BWAxBexAN6mjXOwB9xfxckr8ocKTLqCN3/3TT1GVeAKcTb7KfftKDT/7joH4xwPjne3PpuLP98d82PtOpCpexM++swzAwe/+WU8Qu0Oxp/HN3WSwh9wbu17eXJoqfqWaW9AB93lj4MXdKt657PcpW3RdLcRPdbsfL+628M7lWsR3yGpnbGoLFIMquzQnMUKEL+5ugoQna3jncisB7OaGxs7r20n0gWAjp3pCrsdPFcE7l33O+gPhgKUeT5n96+ohxBxDeTae3x1tVSayvqLaIosPy+AOoSNEIwP1ryDELEL4eH63g+d3q5LHWBax/1sI9ud365z1Wc2jjhnDc3t0zsQ/fuooSGIk8UmlZCSp+v1lG4HSjFleCUHENLdZTdKWtYfFfn+5hUDRafKvLOAoIVCmECgenttj47k9ZWljrIt9OUP9OIVA+RzP7akxY0/Ll1InfhFphVMnfnicGNQB5cppE7bU15Mw9xgR2iKbaZmz9rDaHz5t4Q+f6vQDGe2M4CnRjyf5kXyED7uRMeygH05hw87/bj+fxM9/cSH9jQ1+DKrwcoeZ86mLUFlgKLeGn3y3LKUt5Ldxth5ecz6tIVQ0AR8JEfmUECpn8ZPv1qSON4JdzSh2JyZ38H5wJpfEv2VDbNrlcUOTLZ1DBeRctbWh2iKv9r//7wMw8eOHO31pQuxHslltGj9+WANg4INLLUnYWxS7Rf0xK9inKHY9EvYgn8QtQPFzb7ZoqaOQtdknc/Pwg0sthDAZyp7Gjx7WhLdFEm2c583d4X3p44NLNj64pCLEIYRYQIhmyhj3I4SLHz1cljr2PrjU6sH+aEawVyNj53+XnlfFn/8Zjz/BUisVlfvHS3X8YC9bOgcMmHALxZ+u/fESuXAEWPjBXpX2kw6SdC9pRVwFuQdiJoTdo+p/PXYdyR8FrSJKssNN6tdb8KeLPp7ay1NGOXUU/BvM8nL1jK47SzqHKp7aa+HMxVpidd6suXp47E8XfZAPX5CJ4Km9as8kELfP2UMfT+31+vpKctiREvbJgeOk69e8wlfNZ6gHAGcGwnRDPYceUaVt9iWxeXjmoo9QsRneYePQI6qwOo9cEhebu9x25qKPMxcdnLlo4MzFMkLlAN3kb0rGa+PQI+kKtHSxqyPGH38m3twpfrLc8TmWoenOeIEi4v3phHo6dvYfNTyxL25KgBL6fdovm6GeGWTrWns2blqe/YcLciPWwhP7NNqXhoSwSCnRkA8bdp3WTwZ2eyj2QGlyheGe2Kfh/y7kKm0DzdUDD+x5SCp4fF8Z5y6kM5hEbK6cG9BpYaI4WNI5TOLxfQbOXahLrzNfuR7OXXCL2M8QI8ThAbDx+D4V3ZMyokIiU3h8n5XaOI2GvUaxm+D/ut567DbOXfAH+DaP8AWGpXaXZaSdWqz9OXZX8fPdXtNTc5pA0Tjr3hiqcpO6zXfugodAmWN4Vw2PVcvcdY6i+DfZ7cbU7NwFH+cuWAgUFYGyJPCmq5kT7DbFviAQuzHEt93c8V+g2AiUf+Oxah2PVU08VlUZiB8u5+21FIkfurSbd0nfDP24YSNAM+a7KvSDGXx1Ht3O+b7dLdsOVjUcrIrd7/q40cLHDRMBjgi6KWvkDLuFAIcEYR8S6oGfO/4LoN290R9gEQE+x8Gqh4NVCwdHTwIk1PNJw8MEV78ZGHapSJZNaDqg8C4HB4cg0tgEDBUTwPnYIZ8JzcCKVy8+xCLd58roHlNU6Z+rgAKQD4mIJ4FPGg4mNJ/BL9bbfkHYe58O9gYg4U7PJ406Geexw6DrrTrEt3nDkBVMaBpWPC85H+ybUbkK8t2IeUxoTZATVU6/em3p+TPLefJ0gHdNxNLVzRSxrHguJrQFxP+IvIMJTUVhIgeY1kPuOv1nSRqxjvaLOQCz3JiijNN7sasYHgevSsTuCcKuY8Vz+5TvU6LkifObCYrfKOKiQjlkmmJzAdSx4tW7oR4xBGglPCjLAPfStZ3CZBXFbADtmL8ppbLq2piE72JCu0NV5llKOPsRZbOREKYsqzH4xXpTGbFXImDXc4ydl//MBD00Lu9VQL51fJauHNcQP++XbaYSVpwidv3ryKKteC1GR7IEDI7C+I4o65L9gpegNInYDcnY6xL7lbfsEiY0+eTPL3i9tcS/4vkgcTreWTkptS9C3WaT+El/1EHCb3FVfwmF8RrPKtDKcN2iGM/EYkium59R3F3+I9wkW+2XeHGOCSZussko3xwBBNfsxLsybGah4FMxHr+oSA55yDaXE7uRS9RkRbHErfpJmFam4LVF+PZYn//ISzSO1DgnWU6J+PCzkxNntFFYnsgPkvtMlayaecWQzBWPbDUtghOmJU5+Fvg2oBs0srOO+AnR8IIvAXClkD8h/UUBJbWRVFiKn/xrQD6/65lb4w977seEJosAeVcTfgSxsZxR7LyE6o7A7gJoCplARPMfWUXOcpZyl/PGBvwlr+rvkL8uELgliPQJRuLgeTGzYOPEjVcY2JIGP29SsCh7BLyqfz6j2P1I/cZvYvmPtCVvn7R7yxgboHZqgsCfx4TGt+ExoamY0FyQiwkiLD9qf22fzBVcnKjxhj3FrnzJGOJdjTcjCZ4VzxEg/kRjr3GPexrmiIBdhOrv8J/Nid2gKxX+E4w9fT82RO00BQ2gaQA+JrR4y58JzcCE5gD4HGIvxtg5U/sdh7TBf+qqsOjt3RJANh3ytzgHf5kOfl7F6ya44hGNnfeCWBzFLHKFPYsJzY991JMI3jrIXQoRJ/XWTEDKnTt3hs00ZyUMqc4tMn+dI/ZeB9ch51jiKlY8PUbj62C9Jr/iic9xwFMf3vqSVZe8m6nJWjQ/IKTjC/LFVZAQYz1mn5uUhEXU4VDk92cHuw0xXy47FOv9hHQnBftdm67aXADuPQKU3IPSQfYyRL57ASueFY34SUVqiJ86IKvWBqBFWu5llfhl9klB/INwWxAXZuwVPh3x490lgG4unF4CKAl774qnMhDvouAxWO/B7t8dj3Kxt7HilWNiFznxDWuPzp7LfonvUNdPMsOJnzSAh+S/lynDDvTN05E/4i9TZxH75Z+C+Df6GDhC49dx/W0j9PscDZXGxa6BPzlc2tZ3pTMW4Yc68h9bPhKb9LNqZOYucvIkaybyfZGuyUT6GwU7634FyeN1JMfYlwaFt8YigG/lvPOPcDh9VsmfJZ1DYezt7eV8sjU5sPvI93Fii+swB+GOPJJ/Y5jPjsVwfDVnyr+9IUl/4yixvJF/Xglgjnu1S4RGHrEvCEnLkr++bwDQh014YzHAt0DCPnlQmk0KfKOSfpHOoSD/qEt9exNjtwT3/aEciK2RpB+P+Dtks+IZAGYy3ADLIKd3cvXVe0ZnLNI5pEf+WSeAJax4pgTshzYl9u7KR0N2Ix/LUUg/PvGvJRwtY6TTBDm5Y+Tygha7mShCPmmQv55RAuiEOE1J2LNMfnKxE/w+VjwtY+K3DWAmDveNcTaADuBAyhNAk3a2umFO7sTth7yloNgY7e5lkAA6q11Hus9lD/tqItjXil8VJJVKOwO4Y3HA6HP8UY2ceTdBPvGVFGBHakdn8Rz/4LrynTUvzvHztH3nw0AivgrHFtogYyF54ZM+9mWQW8Hpib5uG5gQfb9GEm5xxL+2EQz66IKdoQFy5bke6wYuOxYVrEfZRG2qRa+rBp60taPqS25xqhuE+H1pgoG0k+gr9+mPhQJ7nHFoUu6rZhW3eOLvr5p1dK9jR22MznVmD4NyWxRWWJaN5LvSevyfVQS1e8aBl4ux0B33orDnjweIcOzNP6bGWBH04u70ubBJTj7xD24QFd3EbB3rLFu8guQL26CTgU7/tN730WcctDbU6bTNjP3eqMgg/Ing/g+Zvhbo60+OygAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  -webkit-background-size: contain;
}
#aniBlock {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#aniBlock > div {
  position: absolute;
  animation-iteration-count: infinite, infinite;
  animation-direction: normal, normal;
  animation-timing-function: linear, ease-in;
  transform: rotate(45deg);
}
#aniBlock > div > div {
  width: 100%;
  height: 100%;
  background-color: #ec7e76;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
  transform-origin: 50% -100%;
}
/* 消息通知卡片 */
.messageCard {
  width: 100%;
}
.messageCard:after {
  display: block;
  height: 0;
  content: "";
  clear: both;
  visibility: hidden;
}
.messageCard .content {
  width: 100%;
}
.messageCard .image-content .title {
  height: calc(1.35 * 2 * 1rem);
  overflow: hidden;
}
.messageCard .image {
  float: right;
  margin-left: calc(0.7 * 1rem);
  width: calc(4 * 1rem);
  max-height: calc(1.35 * 2 * 1rem);
  overflow: hidden;
}
.messageCard .image img {
  width: 100%;
}
.messageCard i {
  width: 1rem;
  height: calc(1 * 1rem);
  margin-right: calc(0.25 * 1rem);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
}
.messageCard .extra {
  margin-top: 6px;
  flex-shrink: 0;
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  padding-bottom: calc(0.25 * 1rem);
}
.messageCard .extra .time {
  margin-left: calc(1 * 1rem);
  display: inline-block;
}
.messageCard .extra .catalog {
  display: inline-block;
}
.messageCard .header {
  position: relative;
}
.messageCard .header.hasIcon .title {
  text-indent: 0.7rem;
}
.messageCard .header.hasIcon .important {
  position: absolute;
  top: 0.3rem;
  left: 0;
}
.messageCard .header .title {
  font-size: calc(1 * 1rem);
  color: rgba(0, 0, 0, 0.65);
  display: block;
  line-height: calc(1.35 * 1rem);
  max-height: calc(3 * 1.35 * 1rem);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.messageCard .header .title.new {
  color: rgba(0, 0, 0, 0.85);
}
.messageCard .header .important {
  width: calc(0.45 * 1rem);
  height: calc(0.45 * 1rem);
  border-radius: 50%;
  background: #4d88e7;
  margin-right: calc(0.25 * 1rem);
}
.messageCard .header .top {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAA2VJREFUSA3VVk1IVUEUPuf6V0qYWRD9UfQjQSRRizaRLUIoKWgRZVBaPYXCVkZC+rgqBoGERJv3nlauAqFFRAW5iH4WLaJFBFEK/ZA7MS38SX1z+mYu974f39WXPokO3DtnvnPmfGfmnpk7RP9IOJlXQnY+ZdGaZHzefcmKUmHJNz5+PBofwyOW7mvFNDEeJqajJKDOqPAYMbdTwLaZWXRoy4v/e/wu9GOZJ9UMkk+ighQO1umeFkNsZitU4UCL+q5yozsznhzf6AKL3Ho82b5ETLex7NMz7MwFxPJiBp4KULwTy3wxlcmfWLLquNYeSx4kkeBBDrT2JuOp+hIKHgb+l8SpImlMaCPIqz0zWw/4vD0kPTeW0sjwCQ93fEvhn1L8Z0zR7xJqImyDANe03JeullKannpGoiuU8mLRliw3+vDPXbDdjuGza7MQU5EZypRrWjWlfYuwzz8jmasGE5rkmoYRo1vZA9gylUZ3XyJtSHKT241vZyOO94vXhzjQci8e0Dqfb/yKRj+e4BvX49tkjDgWOGyfxSzXeoBW2BrgGnvOJZ/PjON4VC2WfhuW84EDSgUS6Ye+yMRiarafa1uqNDGK8Z1u0xHn5ErHM5UPY75Ev2ImHC5pysKIDYn06UZEdBKrDZTGa+HEFr82PF1tG0CfnwancZlHcXGhROxDZrRSo5RjOVtr8/QA9bNNSk5JuOmCsYus8ktkbmKxEg89kS0k0UcIOECcU87VwQkdnA/Y+ofSjBvMQ1R2N2a/Q+N+4k/MHMIgi/KyX5rBKquYCLcXxiEhHKGlyzr49OVRbcNBcQb4dtpqNSKBt/L45h76PtgMSz3qPuVtxp/Ysm7h8H9vSPWLo3sR5CnXtJZ7GBQJ21VEKoTqyqU+tV/u2Cf50KUvMDXA9grJPoQ+Q3QlkkSadpOiNwlWxu+Mc5+AsICiah9s7fDMx8zKQP5cOu0tpFQ7CI8mjuMh9CspYPVSRD2GPT7RH1zbukL7+xMnREvofETvA4YeQSI+u4KVuSwIlSWMJPKInaXmHEU0leTj2y2BBU9izSV6I6GZpNoFPI44GXNeP+Y+WyTXf4Etf3IDGGI+dwXHHne64KK1bHW4sWNVvW5lHbbAIJawEttlveuQgRbLKx9webiO32VPBuL9pyH+AKmUFleYOp9AAAAAAElFTkSuQmCC);
  margin-left: calc(0.025 * 1rem);
  width: calc(1.15 * 1rem);
  height: calc(1.15 * 1rem);
}
.myattend-content .month-data-item-detail .late-content {
  display: flex;
  color: #595959;
}
.myattend-content .month-data-item-detail .late-content .late-sub {
  font-size: calc(0.3 * 1rem);
}
.myattend-content .applyItem {
  width: 100%;
  padding: 0.35rem 0;
  margin-bottom: 0.2rem;
  font-size: 0.95rem;
}
.myattend-content .content-children {
  background-color: #f4f4f4;
}
.myattend-content .content-children li {
  border-bottom: 1px solid #e9e9e9;
  line-height: 1.5rem;
  padding: 0.8rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myattend-content .content-children li div.v {
  color: rgba(0, 0, 0, 0.45);
}
.myattend-content .content-children li div.k {
  display: flex;
  flex-direction: column;
}
.myattend-content .content-children li div.k div.d {
  font-size: 0.7rem;
  line-height: 1rem;
  padding-top: 0.2rem;
  color: rgba(0, 0, 0, 0.45);
}
.myattend-content .content-children li button {
  width: auto;
  padding: 0 0.8rem;
  height: 1.5rem;
  line-height: 1.5rem;
  background-color: #ff9a7c;
  font-size: 0.8rem;
  border-radius: 0.9rem;
}
.myattend-content.month-punch-conent .item-content {
  padding-top: 0.8rem;
  background-color: #fff;
  margin-bottom: 0.6rem;
}
.myattend-content.month-punch-conent .item-content .item-text {
  display: flex;
  align-items: center;
  margin: 0.3rem 1rem 0;
}
.myattend-content.month-punch-conent .item-content .item-text svg {
  fill: #4285F4;
  margin-right: 2px;
  font-size: 1rem;
}
.myattend-content.month-punch-conent .item-content .item-text .punch-num {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 0.4rem;
}
.myattend-content.month-punch-conent .item-content .item-period-text {
  margin: 0.9rem 1rem;
  text-align: center;
  padding: 0.2rem 0.5rem;
  line-height: 1.35rem;
  border-radius: 1.3rem;
  font-size: 0.9rem;
}
.myattend-content.month-punch-conent .item-content .item-period-text .range {
  padding-left: 2px;
  display: inline-block;
}
.myattend-content.month-punch-conent .item-content .recordAxis {
  padding: 0 0.5rem 1.5rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .info {
  padding-bottom: 1.5rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .info .title {
  font-size: 0.8rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .time-container {
  flex-grow: 1;
  font-weight: bold;
  padding: 0.3rem 0;
  color: rgba(0, 0, 0, 0.85);
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .time-container.out-punch {
  color: #ff9388;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .time-container .time {
  padding-left: 5px;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .time-container .special {
  padding-left: 5px;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .time-container .normal {
  padding-left: 5px;
  font-weight: normal;
  color: #4285F4;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .handle-btn {
  flex: 0 0 3.82rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .item-title .handle-btn .wme-button {
  height: auto;
  width: 100%;
  line-height: 1.5rem;
  height: 1.5rem;
  text-align: center;
  padding: 0 9px;
  font-size: 0.8rem;
  border-radius: 1rem;
  background-color: #ff6454;
  border-color: #ff6454;
}
.myattend-content.month-punch-conent .item-content .recordAxis .addr-container {
  margin-top: 0.4rem;
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: start;
}
.myattend-content.month-punch-conent .item-content .recordAxis .addr-container .icon {
  padding-top: 1px;
  width: 1.2rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .addr-container .icon svg {
  fill: rgba(0, 0, 0, 0.45);
}
.myattend-content.month-punch-conent .item-content .recordAxis .addr-container .addr {
  flex-grow: 1;
  font-size: 0.8rem;
}
.myattend-content.month-punch-conent .item-content .recordAxis .bold {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.myattend-content.month-punch-conent .item-content .recordAxis .red {
  color: #ff604f;
  font-weight: normal;
}
.myattend-content.month-punch-conent .times {
  background: #f4f4f4;
  line-height: 1rem;
  padding: 0.625rem 0.75rem;
  font-size: calc(0.8 * 1rem);
}
.myattend-content.apply-list-container .item-title {
  display: flex;
  align-items: center;
}
.myattend-content.apply-list-container .item-title .dot {
  margin-right: 0.5rem;
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background: red;
  flex-grow: 0;
}
.myattend-content.apply-list-container .tag {
  padding: 2px 5px;
  font-size: calc(0.8 * 1rem);
  border-radius: 10px;
}
.myattend-content.apply-list-container .tag.hasNum {
  color: #3ECF8E;
  border: 1px solid #3ECF8E;
  background: rgba(62, 207, 142, 0.08);
}
.myattend-content .special-text {
  color: #ff6454;
}
.myattend-content.period-select-container {
  width: 100%;
  margin: 0 auto;
  display: flex;
  min-width: 5rem;
  align-items: center;
}
.myattend-content.period-select-container .select-btn {
  opacity: 0.9;
  display: flex;
}
.myattend-content.period-select-container .select-btn svg {
  fill: #4285F4;
}
.myattend-content.period-select-container .select-btn.disabled svg {
  opacity: 0.3;
  fill: #666;
  cursor: not-allowed;
}
.myattend-content.period-select-container .select-content {
  padding: 0 0.3rem;
  flex-grow: 1;
  text-align: center;
}
.apply-message-content {
  width: 100%;
  text-align: center;
}
.apply-message-content .message-item {
  line-height: 2.2rem;
  font-size: 1rem;
  margin-bottom: 0.3rem;
}
.card {
  display: flex;
  align-items: stretch;
  height: 8.75rem;
  border-radius: 0.625rem;
  margin-top: 1rem;
  padding: 1.25rem 1.25rem 0 1.25rem;
  box-sizing: border-box;
  color: #fff;
}
.card .left {
  width: 2.25rem;
}
.card .right {
  flex: 1;
  margin-left: 0.625rem;
}
.card .right-top {
  display: flex;
  justify-content: space-between;
}
.card .right-top .state1 {
  display: flex;
  align-items: center;
}
.card .right-top .state1-word {
  margin-left: 0.5rem;
}
.card .right-top .state0 {
  width: 4.25rem;
  height: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  background-color: #fff;
  color: #FF9A7C;
  border-radius: 0.75rem;
  text-align: center;
}
.card .right-num {
  font-size: 1.25rem;
  margin-top: 1.25rem;
}
.card .right-type {
  margin-top: 1rem;
  font-size: 0.75rem;
}
.week-grid {
  width: 100%;
  background: #fff;
}
.week-grid td {
  width: 50%;
  border: 1px solid #ccc;
  /* 这是单元格线的样式，你可以自定义 */
  padding: 8px;
  /* 可根据需要调整单元格内边距 */
}
.week-grid .header-row {
  background-color: white;
}
.week-grid .header-row .title-name {
  box-sizing: border-box;
  /* 确保边框和内边距不会使单元格宽度超出50% */
  font-weight: bold;
  background: #e6e6e6;
}
.week-grid .half-width {
  box-sizing: border-box;
  /* 确保边框和内边距不会使单元格宽度超出50% */
}
.week-grid .half-width-right {
  box-sizing: border-box;
  /* 确保边框和内边距不会使单元格宽度超出50% */
}
.remarkbottom {
  background: #eff5ff;
  color: #4285f4;
  border-radius: calc(4 * 1px);
  padding: 1.2em 0.875em;
}
.nocard {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 5rem;
  background-color: #fff;
  border-radius: 0.625rem;
  margin-top: 1rem;
}
.nocard-title {
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.65);
  margin-top: 1rem;
}
.nocard-btn {
  margin-top: -0.5rem;
}
.nocard-btn .btn-inner {
  display: flex;
  align-items: center;
}
/* 代办列表卡片 */
.noData {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 150px;
}
.noData img {
  width: 250px;
}
.noData p {
  margin: 0;
  text-align: center;
  color: #b0b0b0;
  font-size: 0.8rem;
}
/* 图片预览 */
.avaParent {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  justify-content: center;
  overflow-y: scroll;
  overflow-x: hidden;
  align-items: center;
  z-index: 1999;
}
.list-container {
  background: #fff;
}
.list-container .item {
  border-bottom: 1px solid #f4f4f4;
  padding: 1rem 0.75rem;
  display: flex;
}
.list-container .item .item-check {
  width: 2rem;
}
.list-container .item .item-check .wme-checkbox {
  align-items: start;
  padding: 0;
}
.list-container .item .item-avatar {
  width: 2rem;
  height: 2rem;
}
.list-container .item .item-content {
  padding-left: 0.4rem;
  flex-grow: 1;
}
.list-container .item .item-content .title {
  line-height: 1.5rem;
}
.list-container .item .item-content .title .name {
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.85);
}
.list-container .item .item-content .title .name span {
  color: rgba(0, 0, 0, 0.45);
  font-size: 1rem;
  padding-left: 4px;
}
.list-container .item .item-content .title .date {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
}
.list-container .item .item-content .msg {
  padding: 0.5rem 0 0.5rem;
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5rem;
}
.punch-action-container {
  padding: 1rem 1rem;
}
.punch-action-container.punch-action-container-update {
  padding: 0;
}
.punch-action-container .punch-button {
  display: flex;
  justify-content: center;
}
.punch-action-container .punch-button .wme-button {
  width: calc(6.5 * 1rem);
  height: calc(6.5 * 1rem);
  line-height: calc(6.5 * 1rem);
  font-size: calc(1.2 * 1rem);
  border-radius: 50%;
  font-weight: 100;
  background: #4285F4;
  color: #fff;
  border: none;
}
.punch-action-container .punch-button .wme-button:active {
  background: #3476e4;
}
.punch-action-container .punch-button .wme-button.btn-orange {
  background: #ff9388;
}
.punch-action-container .punch-button .wme-button.disabled {
  background: #b0b0b0;
}
.punch-action-container .address {
  padding-top: 1.3rem;
  line-height: 1rem;
  text-align: center;
  font-size: 0.8rem;
}
.punch-action-container .btn-addr {
  color: #4285F4;
  display: inline-block;
  padding: 0.3rem;
  margin-left: 0.2rem;
}
.punch-action-container .wme-button:hover {
  opacity: 0.7;
}
.punch-action-container .update-btn {
  color: #4285F4;
  font-size: 0.9rem;
}
.punch-action-container .update-btn.disabled {
  color: #b0b0b0;
}
.punch-action-container .update-btn.btn-orange {
  color: #ff9388;
}
.punch-message {
  background-color: #4285F4;
  color: #fff;
  text-align: center;
  width: 100%;
}
.punch-message.yellow {
  background-color: #ff9a7c;
}
.punch-message.yellow .msg-button {
  border-top-color: #ffa88e;
}
.punch-message .msg-container {
  padding: 1.5rem 0;
}
.punch-message .msg-container .msg-title {
  font-size: 1rem;
  padding: 1rem 0 1rem;
}
.punch-message .msg-container .msg-time {
  font-size: 2.5rem;
  padding: 0.4rem 0 0.5rem;
}
.punch-message .msg-container .msg-addr {
  font-size: 0.8rem;
  padding: 0 2rem;
  line-height: 1.5rem;
}
.punch-message .msg-button {
  font-size: 1rem;
  border-top: 1px solid #5d96f5;
  line-height: 3rem;
}
.punch-full-message .wme-message-container {
  padding: 0;
}
.punch-full-message .wme-message-container .wme-message-content {
  width: 100%;
  margin-bottom: 0;
}
.punch-full-message .wme-message-container .wme-message-action {
  border: 0;
}
.punch-item {
  padding-bottom: 0.5rem;
}
.punch-item .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.punch-item .item-title .time-container {
  flex-grow: 1;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  padding: 0.3rem 0;
}
.punch-item .item-title .time-container.out-punch {
  color: #ff9388;
}
.punch-item .item-title .time-container .time {
  padding-left: 5px;
}
.punch-item .item-title .time-container .red {
  padding-left: 5px;
  color: #ff604f;
  font-weight: normal;
}
.punch-item .item-title .time-container .normal {
  padding-left: 5px;
  font-weight: normal;
  color: #4285F4;
}
.punch-item .item-title .handle-btn {
  flex: 0 0 3.82rem;
}
.punch-item .item-title .handle-btn .wme-button {
  height: auto;
  width: 100%;
  line-height: 1.5rem;
  text-align: center;
  height: 1.5rem;
  padding: 0 9px;
  margin-bottom: 0.3rem;
  font-size: 0.8rem;
  border-radius: 1rem;
  background-color: #ff6454;
  border-color: #ff6454;
}
.punch-item .addr-container {
  margin-top: 0.4rem;
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: start;
}
.punch-item .addr-container .icon {
  padding-top: 1px;
  width: 1.2rem;
}
.punch-item .addr-container .icon svg {
  fill: rgba(0, 0, 0, 0.45);
}
.punch-item .addr-container .addr {
  flex-grow: 1;
  font-size: 0.85rem;
}
.punch-item .bold {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.punch-item .red {
  color: #ff604f;
  font-weight: normal;
}
.recordAxis {
  padding: 0.75rem 0.5rem;
}
.recordAxis .info {
  position: relative;
  margin-left: 1rem;
  padding: 0.25rem 0.75rem 1.5rem 1.125rem;
}
.recordAxis .info .line {
  position: absolute;
  height: 100%;
  width: 1px;
  background: #e1e1e1;
  top: 0.5rem;
  left: -0.125rem;
}
.recordAxis .info .title {
  color: #8c8c8c;
  position: relative;
  padding-bottom: 0.3rem;
  font-size: 0.85rem;
}
.recordAxis .info:before {
  z-index: 1;
  position: absolute;
  left: calc(-0.25rem - 1px);
  top: 0.5rem;
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #8c8c8c;
}
.recordAxis .now:before {
  background-color: #4285F4;
}
.outside-form {
  width: 100%;
  text-align: left;
  background: #f8f8f8;
}
.outside-form .header {
  line-height: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
  background: #fff;
}
.outside-form .content {
  background: #fff;
}
.outside-form .content .filed {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0.5rem;
}
.outside-form .content textarea {
  background-color: #f9fafc;
  margin: 0 1rem 1rem;
  box-sizing: border-box;
}
.outside-form .bottom {
  display: flex;
  background: #f9f9f9;
  padding: 0.2rem 0;
  border-top: 1px solid #e6e6e6;
}
.outside-form .bottom button {
  color: #666;
  background: transparent;
}
.outside-form .bottom button + button {
  border-left: 1px solid #e6e6e6;
}
.sign-form {
  width: 100%;
  text-align: left;
  background: #f8f8f8;
}
.sign-form .header {
  line-height: 3rem;
  height: 3rem;
  text-align: center;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
  background: #fff;
}
.sign-form .content {
  background: #fff;
}
.sign-form .content .filed {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0.5rem;
}
.sign-form .content textarea {
  background-color: #f9fafc;
  margin: 0 1rem 1rem;
  box-sizing: border-box;
}
.sign-form .bottom {
  display: flex;
  background: #f9f9f9;
  padding: 0.2rem 0;
  border-top: 1px solid #e6e6e6;
}
.sign-form .bottom button {
  color: #666;
  background: transparent;
}
.sign-form .bottom button + button {
  border-left: 1px solid #e6e6e6;
}
.safety-verification-btn {
  margin-top: 2rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
  width: 100%;
}
.safety-verification-tip {
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.8rem;
}
.safety-verification-tip-phone {
  color: #fda68d;
}
.safety-verification-tip-btn {
  margin-top: 1.25rem;
}
.safety-verification-tip-btn.wme-button-disabled {
  background-color: #b0b0b0;
  color: rgba(0, 0, 0, 0.25);
  border-color: #e1e1e1;
}
.safety-verification-tip-btn-normal {
  border: 1px solid #4285F4;
  color: #4285F4;
}
.safety-verification-word {
  text-align: center;
  font-size: 1rem;
  margin: 3.8rem 0 3rem;
  color: rgba(0, 0, 0, 0.85);
}
.safety-verification-margin {
  margin-top: 2rem;
  text-align: center;
}
.company {
  flex-grow: 1;
}
.company .title {
  font-size: 1rem;
  text-align: left;
  padding-bottom: 1.2rem;
}
.company .scroller {
  position: relative;
  overflow: hidden;
  height: 20px;
  white-space: nowrap;
  padding-bottom: 1.2rem;
}
.company .list {
  border-top: 1px solid #e1e1e1;
}
.company .content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.company .crumb {
  color: #4285F4;
}
.send-to-mail {
  height: 8rem;
  width: 100%;
  font-size: 1rem;
  text-align: left;
}
.send-to-mail-title {
  font-weight: 700;
}
.send-to-mail-filename {
  display: flex;
  align-items: center;
  margin-top: 1rem;
}
.send-to-mail-filename > div {
  margin-left: 0.5rem;
}
.send-to-mail-input {
  border: 1px solid #ccc;
  margin-top: 0.75rem;
  height: 2.5rem;
}
.sign-form-container {
  padding: 10% 8% 0;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}
.sign-form-container .form li {
  margin-bottom: 1.1rem;
}
.sign-form-container .form li .wme-input {
  background: #f3f3f3;
  border-radius: 3rem;
  padding: 0 1.3rem;
  height: 2.7rem;
}
.sign-form-container .form li .wme-input i {
  width: 2.2rem;
}
.sign-form-container .desc {
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.5rem 0 2rem;
  text-align: left;
  color: rgba(0, 0, 0, 0.45);
}
.sign-form-container .bottom {
  margin-top: 1rem;
}
.sign-form-container .bottom .wme-button {
  border-radius: 3rem;
}
.sign-header-container {
  height: 9rem;
  padding: 2rem 1.5rem 1.5rem;
  box-sizing: border-box;
  color: #fff;
  background-color: #4d88e7;
  position: relative;
  z-index: 11;
}
.sign-header-container .title {
  text-align: center;
  font-size: 1.15rem;
}
.sign-header-container .info {
  padding-top: 2.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sign-header-container .info .username {
  font-size: 1.2rem;
}
.sign-header-container .info .header-state {
  padding-left: 0.5rem;
  padding-right: 0.8rem;
  line-height: 1.5rem;
  height: 1.5rem;
  border-radius: 3rem;
  font-size: 11px;
  display: flex;
  align-items: center;
}
.sign-header-container .info .header-state svg {
  fill: #fff;
  margin-right: 2px;
}
.sign-header-container .info .green {
  background-color: #3ECF8E;
}
.sign-header-container .info .orange {
  background-color: #ff9a7d;
}
.sign-file-container {
  background-color: #f4f4f4;
  box-sizing: border-box;
  padding: 1.5rem 1.1rem 0;
}
.sign-file-container .file-desc {
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6rem;
  margin-bottom: 1rem;
}
.sign-file-container .file-list .wme-list {
  background: transparent;
}
.sign-file-container .file-list .wme-list .wme-list-item {
  background-color: #fff;
  margin-bottom: 0.7rem;
  border-radius: 0.4rem;
  padding: 0.2rem 0;
}
.sign-file-container .file-list .wme-list .wme-list-item .wme-list-line .wme-list-content {
  color: rgba(0, 0, 0, 0.85);
}
.sign-file-container .file-list .state-text {
  display: flex;
  align-items: center;
}
.sign-file-container .file-list .c-green {
  color: #3ecf8e;
}
.sign-file-container .file-list .c-green svg {
  fill: #3ecf8e;
  margin-right: 3px;
}
.sign-file-container .file-list .c-orange {
  color: #ff9a7d;
}
.tag {
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.85rem;
  height: auto;
  padding: 2px 7px;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 0.7rem;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.tag:hover {
  opacity: 0.85;
}
.tag + .tag {
  margin-left: 8px;
}
.has-color {
  color: #fff;
  border-color: transparent;
}
.tag-red {
  background: rgba(245, 108, 108, 0.1);
  color: #f56c6c;
  border: none;
}
.tag-orange {
  background: rgba(255, 154, 124, 0.1);
  color: #ff9a7c;
  border: none;
}
.tag-green {
  color: #3ecf8e;
  background: #ebfaf3;
  border: none;
}
.tag-gray {
  color: rgba(0, 0, 0, 0.65);
  background: #e1e1e1;
  border: none;
}
.time-down {
  padding: 3rem 2.5rem;
  color: #fff;
}
.time-down .num {
  display: block;
  text-align: center;
}
.time-down .button {
  width: 100%;
  height: calc(3 * 1rem);
  color: #fff;
  text-align: center;
  border-radius: calc(3 * 1rem);
  font-size: 1rem;
  background-color: #4285F4;
}
.time-down .button.active,
.time-down .button.disabled {
  opacity: 0.6;
}
.bottom-button-list {
  display: flex;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
}
.bottom-button-list .wme-button {
  border-radius: 2rem;
  margin: 0 0.3rem;
  flex-grow: 1;
  color: #fff;
}
.bottom-button-list .pass {
  background-color: #3ecf8e;
}
.bottom-button-list .reject {
  background-color: #f56c6c;
}
.bottom-button-list .default {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #e1e1e1;
}
.bottom-button-list .more {
  padding: 0 0.3rem;
}
.todo-header {
  display: flex;
  padding: 0.5rem 1rem;
  align-items: center;
  background-color: #fff;
  margin: 0.6rem 0;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.todo-header .avatar {
  width: 2.5rem;
  height: 2.5rem;
}
.todo-header .content {
  padding: 0 0.5rem;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.todo-header .content .code {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.45);
}
.history-container {
  background-color: #fff;
  margin-top: 0.6rem;
  border-top: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
  border-bottom: 1px solid #CCCCCC;
  /* 设置边框宽度、样式和颜色 */
}
.history-container .header {
  height: 3rem;
  line-height: 3rem;
  border-bottom: 1px solid #e1e1e1;
  font-weight: bold;
  padding: 0 1rem;
  color: rgba(0, 0, 0, 0.85);
}
.history-container .list {
  padding: 1rem 1rem;
}
.history-container .list .item {
  display: flex;
  padding-bottom: 1rem;
  margin-bottom: 0.3rem;
  position: relative;
}
.history-container .list .item .tail {
  position: absolute;
  height: calc(100% - 3rem);
  left: 1.375rem;
  top: 3rem;
  border-left: 1px solid #d6d6d6;
}
.history-container .list .item .tail:before {
  position: absolute;
  top: -5px;
  transform: translateX(-60%);
  content: '';
  border-top: 3px transparent solid;
  border-left: 3px transparent solid;
  border-right: 3px transparent solid;
  border-bottom: 7px #d6d6d6 solid;
  display: inline-block;
}
.history-container .list .item .Avatar-container {
  height: 2.5rem;
  flex: 0 0 2.5rem;
  position: relative;
}
.history-container .list .item .Avatar-container .state-icon {
  position: absolute;
  right: -3px;
  bottom: -3px;
}
.history-container .list .item .Avatar-container .state-green {
  fill: #3ecf8e;
}
.history-container .list .item .Avatar-container .state-red {
  fill: #f56c6c;
}
.history-container .list .item .Avatar-container .state-orange {
  fill: #ff9a7c;
}
.history-container .list .item .Avatar-container .state-gray {
  fill: #bbb;
}
.history-container .list .item .right-container {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 1rem;
  flex-grow: 1;
}
.history-container .list .item .right-container .content-wrap {
  display: flex;
}
.history-container .list .item .right-container .content-wrap .content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.history-container .list .item .right-container .content-wrap .content .title {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  padding-bottom: 0.15rem;
  padding-top: 2px;
}
.history-container .list .item .right-container .content-wrap .content .name {
  font-size: 0.9rem;
}
.history-container .list .item .right-container .content-wrap .content .name .state-text {
  margin-left: 0.5rem;
}
.history-container .list .item .right-container .content-wrap .date {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.7rem;
  width: 8.8rem;
  flex-shrink: 0;
  text-align: right;
  padding-top: 0.3rem;
}
.history-container .list .item .right-container .remark-container {
  min-height: 1rem;
}
.history-container .list .item .right-container .remark-container .remark {
  background-color: #f8f8f8;
  padding: 7px 10px;
  border-radius: 5px;
  margin-top: 0.5rem;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.9rem;
}
.list-container {
  background: #fff;
}
.list-container .item {
  border-bottom: 1px solid #f4f4f4;
  padding: 1rem 0.75rem;
  display: flex;
}
.list-container .item .item-check {
  width: 2rem;
}
.list-container .item .item-check :global(.wme-checkbox) {
  align-items: start;
  padding: 0;
}
.list-container .item .item-content {
  padding-left: 1rem;
  flex-grow: 1;
}
.list-container .item .item-content .title {
  line-height: 1.5rem;
}
.list-container .item .item-content .title .name {
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.85);
}
.list-container .item .item-content .title .name span {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.8rem;
  padding-left: 4px;
}
.list-container .item .item-content .title .date {
  float: right;
  color: rgba(0, 0, 0, 0.45);
  font-size: 11px;
}
.list-container .item .item-content .msg {
  padding: 0.5rem 0 0.5rem;
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.85);
  line-height: 1.5rem;
}
.todo-pop-msg {
  background-color: #fff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 0 1.25rem 1rem;
}
.todo-pop-msg .count {
  margin-top: 1.5rem;
  font-size: 1rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.todo-pop-msg .count > span {
  color: #4285F4;
}
.todo-pop-msg .title {
  margin-top: 0.7rem;
}
.todo-pop-msg .title span {
  display: inline-block;
  width: 10px;
  color: #ff5b05;
  margin-right: 3px;
}
.todo-pop-msg .text {
  margin-top: 0.875rem;
  border-radius: calc(4 * 1px);
  box-shadow: none;
  height: 7.5rem;
  background-color: #f9fafc;
}
.todo-pop-msg .wme-button {
  margin-top: 1rem;
  border-radius: 2rem;
  color: #fff;
}
.todo-pop-msg .pass {
  margin-top: 1.875rem;
  background-color: #3ecf8e;
}
.todo-pop-msg .reject {
  background-color: #f56c6c;
}
.todo-pop-msg .default {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
  border: 1px solid #e1e1e1;
}
.wf-list-item {
  margin: 1rem 1rem 0;
  background: #ffffff;
  border-radius: 0.3rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.wf-list-item .bg-box {
  width: 100%;
  min-height: 9.5rem;
  position: relative;
  overflow: hidden;
}
.wf-list-item .bg-box img {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.wf-list-item .bg-box.error-img {
  background-color: #f0f0f0;
}
.wf-list-item .bg-box.error-img img {
  width: auto;
}
.wf-list-item .content {
  display: flex;
  flex-direction: column;
  padding: 0.8rem;
}
.wf-list-item .content .time {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.8rem;
}
.wf-list-item .content .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
  line-height: 1.5rem;
  padding-top: 0.25rem;
}
.schedule-pop-msg {
  background-color: #fff;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 0 1.25rem 1.5rem;
}
.schedule-pop-msg.showUser .title {
  margin-top: 0;
}
.schedule-pop-msg .emp-container {
  display: flex;
  margin-top: 1.5rem;
}
.schedule-pop-msg .emp-container .emp-info {
  margin-left: 0.6rem;
}
.schedule-pop-msg .emp-container .emp-info .emp-name {
  color: rgba(0, 0, 0, 0.85);
  height: 1.2rem;
  line-height: 1.2rem;
  overflow: hidden;
  margin-top: 0.15rem;
}
.schedule-pop-msg .emp-container .emp-info .emp-position {
  margin-top: 0.2rem;
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
}
.schedule-pop-msg .title {
  margin-top: 0.7rem;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  padding: 1rem 0;
}
.schedule-pop-msg .wme-button {
  border-radius: 2rem;
  width: 100%;
  margin: 1rem auto 0;
  line-height: 2.8rem;
  height: 2.8rem;
}
.schedule-pop-msg .list {
  padding: 1rem 0 0;
}
.schedule-pop-msg .list .schedule-item {
  padding-bottom: 1.5rem;
}
.schedule-item {
  display: flex;
  align-items: center;
  padding-bottom: 1rem;
}
.schedule-item .mininame {
  width: 2rem;
  height: 2rem;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}
.schedule-item .mininame .text {
  position: relative;
  z-index: 1;
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
  text-align: center;
  font-size: 0.95rem;
  overflow: hidden;
}
.schedule-item .mininame .bg,
.schedule-item .mininame .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 50%;
  box-sizing: border-box;
}
.schedule-item .mininame .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.schedule-item .info {
  flex-grow: 1;
  margin: 0 0.6rem;
  display: flex;
  flex-direction: column;
}
.schedule-item .info .name {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0.2rem;
}
.schedule-item .info .time {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.8rem;
}
.schedule-item .hour {
  color: rgba(0, 0, 0, 0.45);
  width: 3rem;
  text-align: right;
  font-size: 0.8rem;
}
.schedule-apply-form .bottom-btn {
  position: fixed;
  bottom: 0.5rem;
  padding: 0 1rem;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
}
.schedule-apply-form .bottom-btn .wme-button {
  border-radius: 3rem;
}
.schedule-apply-form .schedule-apply-list .apply-item {
  margin-top: 0.8rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .title {
  line-height: 3rem;
  height: 3rem;
  background: #EFF7FF;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  padding-left: 1rem;
  font-size: 0.98rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content {
  background-color: #fff;
  padding: 1px 0 1rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .old-list {
  border-bottom: 1px solid #f0f0f0;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .list {
  padding: 0 0.5rem 0 1.5rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .list .nodata {
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.25);
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title {
  height: 3rem;
  font-size: 1.06rem;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  padding-right: 0.3rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title .text {
  flex-grow: 1;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title .info {
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.95rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title .wme-icon {
  margin-left: 0.625rem;
  display: block;
  fill: #c7c7c7;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title.new-sub-title {
  padding-left: 0.7rem;
}
.schedule-apply-form .schedule-apply-list .apply-item .content .sub-title.new-sub-title .dot {
  width: 0.8rem;
  text-align: left;
  color: #de1d0e;
  display: inline-block;
}
.apply-schedule-message .wme-message-action-column {
  flex-direction: row !important;
}
.bank-selector-container {
  flex-grow: 1;
}
.bank-selector-container .title {
  text-align: left;
  border-bottom: 1px solid #e1e1e1;
  width: calc(100% + 1rem);
  transform: translateX(-1rem);
  padding-left: 1rem;
  padding-bottom: 1.2rem;
  font-size: 1.1rem;
}
.bank-selector-container .search-container {
  display: flex;
  height: 3.5rem;
  align-items: center;
  position: relative;
  z-index: 2;
}
.bank-selector-container .search-container .wme-input {
  background: rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  padding: 0 0.6rem;
  margin-right: 0.5rem;
}
.bank-selector-container .search-container .search-btn {
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.6rem;
  font-size: 0.93rem;
}
.bank-selector-container .content-list {
  position: relative;
  padding: 1rem 0;
  overflow-y: auto;
  padding-right: 3px;
}
.bank-selector-container .content-list .wme-list-line {
  padding: 0;
}
.bank-selector-container .content-list .wme-list-line .item {
  display: flex;
  padding: 0.5rem 0;
}
.bank-selector-container .content-list .wme-list-line .item .wme-checkbox {
  width: 2rem;
  padding-left: 0;
}
.bank-selector-container .content-list .wme-list-line .item .item-title {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.bank-selector-container .content-list .wme-list-line .item .item-title .name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.05rem;
}
.bank-selector-container .content-list .wme-list-line .item .item-title .code {
  padding-top: 3px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.9rem;
}
.bank-selector-container .tips {
  padding-top: 3rem;
  text-align: center;
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.9rem;
}
.successful-tip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 10rem;
  padding: 0.5rem;
}
.successful-tip-circle {
  position: relative;
  border-radius: 50%;
  width: 4rem;
  height: 4rem;
  background-color: #3ECF8E;
}
.successful-tip-circle-tick {
  width: 1rem;
  height: 2rem;
  border: 4px solid #fff;
  transform: rotate(45deg) translate(-50%, 0);
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  left: 48%;
  top: 20%;
  border-bottom-left-radius: 15%;
  border-top-right-radius: 15%;
}
.successful-tip-content {
  margin-top: 1.2rem;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0.53px;
  text-align: center;
}
.pre-attachment-list {
  margin-top: 0.6rem;
}
.pre-attachment-list .pre-attachment-item {
  margin-bottom: 0.6rem;
  background: #fff;
  position: relative;
  padding-bottom: 1.5rem;
}
.pre-attachment-list .pre-attachment-item .wme-image-picker-title {
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pre-attachment-list .pre-attachment-item .desc {
  padding-left: 1.25rem;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.9rem;
}
.pre-attachment-list .pre-attachment-item .example {
  position: absolute;
  top: 0;
  right: 1rem;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
  height: 3rem;
  line-height: 3rem;
  font-size: 0.9rem;
}
.pre-attachment-list .pre-attachment-item .example svg {
  margin-right: 5px;
  fill: rgba(0, 0, 0, 0.45);
  width: 0.9rem;
  height: 0.9rem;
}
.pre-attachment-list-1 .pre-attachment-item {
  display: flex;
  margin-top: 0.6rem;
  background: #fff;
  position: relative;
  padding-bottom: 0.5rem;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #f0f0f0;
}
.pre-attachment-list-1 .pre-attachment-item .wme-image-picker-title {
  font-size: 1.05rem;
  color: rgba(0, 0, 0, 0.85);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pre-attachment-list-1 .pre-attachment-item .desc {
  padding-left: 1.25rem;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.9rem;
}
.pre-attachment-list-1 .pre-attachment-item .example {
  position: absolute;
  top: 0;
  right: 1rem;
  display: flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.45);
  height: 3rem;
  line-height: 3rem;
  font-size: 0.9rem;
}
.pre-attachment-list-1 .pre-attachment-item .example svg {
  margin-right: 5px;
  fill: rgba(0, 0, 0, 0.45);
  width: 0.9rem;
  height: 0.9rem;
}
.pre-attachment-list-1 .pre-attachment-item .left-side {
  flex: 2;
  /* 左边区域占据剩余空间的2/3 */
  align-items: center;
  padding: 10px;
  /* 左边区域的内边距 */
}
.pre-attachment-list-1 .pre-attachment-item .right-side {
  flex: 1;
  /* 右边区域占据剩余空间的1/3 */
  align-items: center;
  text-align: right;
  color: dodgerblue;
  padding-right: 10px;
  /* 右边距边区域的内边距 */
  padding-bottom: 2px;
}
.select-user-wrap .select-user-container {
  display: flex;
  background-color: #fff;
  height: 3rem;
  padding: 0.2rem 1.25rem 0.2rem 10px;
  align-items: center;
}
.select-user-wrap .select-user-container .select-user-title {
  flex-grow: 1;
  flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
}
.select-user-wrap .select-user-container .select-user-title span {
  width: 10px;
  display: inline-block;
  color: #de1d0e;
  margin-right: 3px;
}
.select-user-wrap .select-user-container .select-user-content {
  padding-left: 0.625rem;
}
.select-user-wrap .select-user-container .select-user-content .select-user-selected-single {
  display: flex;
  align-items: center;
}
.select-user-wrap .select-user-container .select-user-content .select-user-selected-single .name {
  margin-left: 0.425rem;
}
.select-user-wrap .select-user-container .select-user-arrow {
  display: block;
  margin-left: 0.625rem;
  visibility: hidden;
  fill: #c7c7cc;
  visibility: visible;
}
.select-user-wrap .select-user-place-holder {
  color: rgba(0, 0, 0, 0.25);
}
.select-user-wrap .select-user-selected-multiple {
  min-height: 3rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 0.625rem;
}
.select-user-wrap .select-user-selected-multiple .select-user-selected-list {
  display: flex;
  flex-wrap: wrap;
}
.select-user-wrap .select-user-selected-multiple .select-user-selected-list .select-user-selected-item {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  padding-bottom: 0.25rem;
}
.select-user-wrap .select-user-selected-multiple .select-user-selected-list .select-user-selected-item .name {
  margin-left: 0.325rem;
}
.select-user-modal {
  background: #fff;
}
.select-user-modal .wrap {
  position: relative;
  width: 100%;
}
.select-user-modal .wme-message-container {
  padding-top: 0.5rem;
}
.select-user-modal .wme-message-container .wme-message-content {
  justify-content: left;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.select-user-modal .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(1 * 1rem);
  padding: 0 1rem;
  height: 3rem;
  line-height: 3rem;
}
.select-user-modal .search-container {
  display: flex;
  padding: 0 1rem 1rem;
}
.select-user-modal .search-container .wme-input {
  flex-grow: 1;
  background: #f0f0f0;
  border-radius: 3rem;
}
.select-user-modal .search-container .wme-input input {
  height: 2rem;
  line-height: 2rem;
}
.select-user-modal .search-container .wme-input input::-webkit-input-placeholder,
.select-user-modal .search-container .wme-input textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  background-color: transparent;
}
.select-user-modal .search-container .search-btn {
  border-radius: 3rem;
  margin-left: 0.6rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.6rem;
  font-size: 0.95rem;
}
.select-user-modal .container .tip {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size: calc(0.875 * 1rem);
}
.select-user-modal .container .tip .wme-icon {
  width: 6rem;
  height: 6rem;
  fill: #eee;
  margin-bottom: 1rem;
}
.select-user-modal .container .result {
  height: 1.5rem;
  line-height: 1.5rem;
  padding-left: 1rem;
  font-size: calc(0.875 * 1rem);
}
.select-user-modal .container .list {
  position: relative;
  overflow: hidden;
}
.select-user-modal .container .list .user-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 0.4rem 1rem;
  display: flex;
  align-items: center;
}
.select-user-modal .container .list .user-item:last-child {
  border-bottom: none;
}
.select-user-modal .container .list .user-item .user-item-check .wme-checkbox {
  padding: 0;
}
.select-user-modal .container .list .user-item .user-item-content {
  display: flex;
  align-items: center;
}
.select-user-modal .container .list .user-item .user-item-content .user-item-name {
  margin-left: 0.6rem;
  display: flex;
  flex-direction: column;
}
.select-user-modal .container .list .user-item .user-item-content .user-item-name .name-wrap {
  font-size: calc(1 * 1rem);
  margin-bottom: 0.2rem;
}
.select-user-modal .container .list .user-item .user-item-content .user-item-name .name-wrap .name {
  color: rgba(0, 0, 0, 0.85);
}
.select-user-modal .container .list .user-item .user-item-content .user-item-name .name-wrap .code {
  color: rgba(0, 0, 0, 0.45);
  font-size: calc(0.75 * 1rem);
}
.select-user-modal .container .list .user-item .user-item-content .user-item-name .position {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.45);
}
.mutil-selector-container .item-title {
  display: flex;
  align-items: center;
}
.mutil-selector-container .item-title .wme-checkbox {
  width: auto;
  padding-left: 0;
}
.nationality-tree-list .parent-item .text {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1rem;
}
.nationality-tree-list .item {
  margin-left: 0.5rem;
}
.nationality-tree-list .item .text {
  display: flex;
  align-items: center;
}
.nationality-tree-list .item .text .wme-checkbox {
  width: auto;
}
.global-function {
  display: flex;
  position: fixed;
  right: 1rem;
  bottom: 3.6rem;
  z-index: 999;
}
.global-function .wme-icon {
  width: 40px;
  height: 40px;
  fill: #4285F4;
  opacity: 0.7;
}
.marquee_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.marquee_box p {
  display: inline-block;
  position: relative;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.about-wrap {
  padding: 1rem 0;
}
.about-desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2rem 0 1.5rem 0;
}
.about-desc img {
  margin-bottom: 1rem;
}
.about-desc-title {
  font-weight: bold;
}
.about-desc-version {
  font-size: 0.875rem;
  margin-top: 5px;
}
.affairs-guide-top {
  position: relative;
  z-index: 2;
}
.affairs-guide-top .top-search {
  display: flex;
  align-items: center;
  padding: 0.625rem;
  background-color: #f8f8f8;
}
.affairs-guide-top .top-search > .wme-button {
  margin-left: 0.75rem;
}
.affairs-guide-top .top-tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.affairs-guide-top .top-tab > svg {
  fill: #4285F4;
}
.affairs-guide-top .top-tab-word {
  line-height: initial;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  max-width: 100%;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.affairs-guide-list {
  display: flex;
  padding: 0.5rem 0;
}
.affairs-guide-list > img {
  margin-right: 0.875rem;
  object-fit: cover;
  object-position: top;
}
.affairs-guide-list > img.error {
  object-position: center;
}
.affairs-guide-list .list-right {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.affairs-guide-list .list-right-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.85);
}
.affairs-guide-list .list-right-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.875rem;
  margin-top: 0.5rem;
}
.affairs-guide .wme-tabs-tab-bar-wrap,
.affairs-guide .wme-tabs-tab-bar {
  height: auto;
}
.affairs-guide-detial .detial-container {
  background-color: #fff;
  margin-top: 0.625rem;
  padding: 1.25rem;
}
.affairs-guide-detial .detial-container-title {
  color: rgba(0, 0, 0, 0.85);
  font-weight: 700;
  font-size: 1rem;
}
.affairs-guide-detial .detial-container-info {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.45);
  margin-top: 0.875rem;
  display: flex;
  justify-content: space-between;
}
.affairs-guide-detial .detial-container-content {
  padding: 2rem 0;
}
.affairs-guide-detial .detial-container-icon {
  display: flex;
  justify-content: flex-left;
  align-items: center;
}
.affairs-guide-detial .detial-container .attachment-list {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.attendance-monthly-date {
  position: relative;
  z-index: 2;
  padding-top: 0.75rem;
  background-color: #f4f4f4;
  border-bottom: 1px solid #f0f0f0;
}
.attendance-monthly-list {
  padding-top: 0.75rem;
}
.business-contact-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.business-contact-container .search-wrap {
  position: relative;
  z-index: 2;
  background-color: #f4f4f4;
}
.business-contact-container .search-wrap .search {
  display: flex;
  padding: 0.2rem 0.75rem 0;
  height: 2.8rem;
  align-items: center;
}
.business-contact-container .search-wrap .search .wme-input {
  background: #ededed;
  border-radius: 4px;
}
.dept-addressbook-container .search-wrap {
  position: relative;
  z-index: 2;
  background-color: #f4f4f4;
}
.dept-addressbook-container .search-wrap .search {
  display: flex;
  padding: 0.2rem 0.75rem 0;
  height: 2.8rem;
  align-items: center;
}
.dept-addressbook-container .search-wrap .search .wme-input {
  background: #ededed;
  border-radius: 4px;
}
.msg-content {
  width: 100%;
  text-align: left;
  display: flex;
}
.msg-content .msg-content-main {
  flex-grow: 1;
  padding-left: 1.2rem;
}
.msg-content .msg-content-main .msg-content-info {
  display: flex;
  flex-direction: column;
}
.msg-content .msg-content-main .msg-content-info .msg-content-title .msg-content-name {
  font-size: 1.2rem;
  color: #333333;
}
.msg-content .msg-content-main .msg-content-info .msg-content-title .msg-content-no {
  margin-left: 0.5em;
  font-size: 0.8rem;
}
.msg-content .msg-content-main .msg-content-info .msg-content-position {
  padding: 0.3rem 0;
  line-height: 1.2rem;
}
.msg-content .msg-content-main .msg-content-info .msg-content-status {
  margin: 0.2rem 0;
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag {
  margin: 0 0.4rem 0 0;
  display: inline-block;
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0 7px;
  white-space: nowrap;
  min-width: 3.3rem;
  text-align: center;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag-green {
  color: #3ecf8e;
  background: rgba(62, 207, 142, 0.1);
  border-color: rgba(62, 207, 142, 0.1);
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag-orange {
  color: #ff9a7c;
  background: rgba(255, 154, 124, 0.1);
  border-color: rgba(255, 154, 124, 0.1);
}
.msg-content .msg-content-main .msg-content-other-info {
  margin: 1rem 0 0;
  padding: 0;
}
.msg-content .msg-content-main .msg-content-other-info li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  line-height: 1.875em;
}
.msg-content .msg-content-main .msg-content-other-info li .msg-content-item-info {
  flex-grow: 1;
}
.msg-content .msg-content-main .msg-content-other-info li .msg-content-item-info a {
  text-decoration: none;
}
.msg-content .msg-content-main .msg-content-info-hide {
  padding: 1.5rem 0;
}
.org-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.addressBook-list {
  margin-top: 0.5rem;
}
.addressBook-list .addressBook-list-item {
  padding: 0.6rem 0;
}
.addressBook-list .addressBook-list-item .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addressBook-list .addressBook-list-item .wrap .content {
  display: flex;
  align-items: center;
}
.addressBook-list .addressBook-list-item .wrap .avatar {
  margin-right: 0.75rem;
}
.addressBook-list .addressBook-list-item .wrap .label {
  font-weight: 400;
  color: #333333;
}
.addressBook-list .addressBook-list-item .wrap .tip {
  color: #8c8c8c;
  font-size: 0.875rem;
}
.get-code {
  height: 100%;
  background-image: linear-gradient(-180deg, #4285f4 0%, rgba(66, 133, 244, 0.84) 27%, rgba(66, 133, 244, 0) 81%);
  padding-top: 10%;
  color: #ffffff;
}
.get-code-header {
  padding: 0 1.8rem;
}
.get-code-header-left {
  fill: #ffffff;
}
.get-code .title {
  font-size: 25px;
  line-height: 2rem;
  padding-top: 2rem;
}
.get-code .sub-title {
  font-size: 0.875rem;
  padding-top: 1rem;
  color: #fcfcfc;
}
.get-code .trans-container {
  position: relative;
  padding: 0 2.5rem;
}
.get-code-form-content {
  margin-top: 4rem;
}
.get-code-form-content .input {
  box-shadow: none;
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
}
.get-code-form-content .input input {
  color: #fff;
  padding-left: 0.3rem;
}
.get-code-form-content .input input::placeholder {
  color: #fff;
}
.get-code-form-content .input.pre-title .wme-input-title {
  padding-right: 0.75rem;
  width: 3.2rem;
  text-align: right;
  margin: 0;
}
.get-code-form-content-bottom {
  margin-top: calc(2.5 * 1rem);
}
.get-code-form-content .again {
  margin-top: calc(2 * 1rem);
}
.get-code-form-content .button {
  border-radius: calc(3 * 1rem);
}
.slide-in-appear {
  transform: translate3D(100%, 0, 0);
  transition: all 300ms linear;
}
.slide-in-appear-active {
  transform: translate3D(0, 0, 0);
}
.slide-in-enter {
  transform: translate3D(100%, 0, 0);
  transition: all 300ms linear;
}
.slide-in-enter-active {
  transform: translate3D(0, 0, 0);
}
.slide-in-leave {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  transform: translate3D(0, 0, 0);
  transition: all 300ms linear;
}
.slide-in-leave-active {
  opacity: 0.01;
  transform: translate3D(-100%, 0, 0);
}
.knowledgeLibrary-container .search-wrap {
  position: relative;
  z-index: 2;
}
.knowledgeLibrary-container .search-wrap .search {
  display: flex;
  padding: 0.2rem 0.75rem 0;
  height: 2.8rem;
  align-items: center;
}
.knowledgeLibrary-container .search-wrap .search .wme-input {
  background: #ededed;
  border-radius: 4px;
}
.knowledgeLibrary-container .content {
  background-color: #f8f8f8;
  position: relative;
  z-index: 2;
}
.login {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}
.login-container {
  padding: 25% 2.5rem 0;
}
.login-logo {
  max-width: 43%;
  padding-bottom: 20%;
}
.maplist-container {
  height: 100%;
  overflow: hidden;
}
.maplist-container .map-container {
  height: 15rem;
  width: 100%;
  z-index: 2;
}
.maplist-container .addr-list .panel_line {
  margin: 1rem 0;
  padding: 1rem;
  background-color: #fff;
  border-radius: 4px;
}
.maplist-container .addr-list .selected .panel_line {
  box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;
}
.maplist-container .bottom-btn {
  position: fixed;
  z-index: 11;
  bottom: 0;
  width: 90%;
  margin: 0 5%;
}
.menu-content {
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e1e1e1;
}
.approval-group-container .title {
  height: 2.3rem;
  line-height: 2.3rem;
  padding-left: 1.25rem;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.9rem;
}
.myattend-container .menu-content {
  height: 3rem;
  position: relative;
  z-index: 2;
  border-bottom: 1px solid #e1e1e1;
}
.myattend-container .arrow {
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  transform: translateY(-25%) rotate(-135deg);
  margin-left: 0.25rem;
  display: inline-block;
}
.myattend-container .action-container {
  display: flex;
  z-index: 888;
  width: 100%;
  position: relative;
  background-color: #fff;
  height: 3rem;
  padding-right: 0.75rem;
  box-sizing: border-box;
  border-top: 1px solid #f6f6f6;
  margin-bottom: 0.6rem;
}
.myattend-container .top-content {
  display: flex;
  height: 3rem;
  background: #fff;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.myattend-container .top-content .month-content {
  flex-grow: 1;
  max-width: 10rem;
}
.myattend-container .main-content .user-content {
  display: flex;
  padding: 1rem 1rem 1rem;
  background: #fff;
  border-bottom: 1px solid #e1e1e1;
}
.myattend-container .main-content .user-content .user-info {
  flex-grow: 1;
  display: flex;
  padding-left: 8px;
  justify-content: center;
  flex-direction: column;
}
.myattend-container .main-content .user-content .user-info .attend-group {
  font-size: calc(0.75 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  padding-top: 2px;
}
.myattend-container .main-content .user-content .user-info .attend-group span {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 12rem;
  padding-right: 0.3rem;
}
.myattend-container .apply-content .wme-textarea {
  border-bottom: 1px solid #e1e1e1;
}
.myattend-container .apply-content .wme-textarea .wme-textarea-title {
  padding-left: 1.25rem;
  border-bottom: 0;
}
.myattend-container .apply-content .wme-textarea textarea {
  background: #f9fafc;
}
.myattend-container .apply-content .wme-date-picker {
  padding: 0;
}
.myattend-container .apply-content .wme-select-picker {
  padding: 0;
}
.myattend-container .apply-content .wme-input-title {
  margin-left: 0;
}
.myattend-container .bottom-fixed {
  position: fixed;
  bottom: 0;
  z-index: 2;
  width: 100%;
  padding: 0 1.25rem;
  box-sizing: border-box;
}
.myattend-container .circle-button {
  border-radius: 3rem !important;
  display: block;
}
.oa-message {
  background: #ffffff;
  height: 100vh !important;
}
.oa-message .content {
  margin-top: 5%;
  padding: 0 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.oa-message .content .title {
  font-size: 1.4rem;
  font-weight: 600;
}
.oa-message .content .messagetip {
  margin-top: 10%;
  font-size: 1rem;
  font-weight: 600;
}
.oa-message .content .messagetip p {
  text-indent: 2em;
}
.msg-content {
  width: 100%;
  text-align: left;
  display: flex;
}
.msg-content .msg-content-main {
  flex-grow: 1;
  padding-left: 1.2rem;
}
.msg-content .msg-content-main .msg-content-info {
  display: flex;
  flex-direction: column;
}
.msg-content .msg-content-main .msg-content-info .msg-content-title .msg-content-name {
  font-size: 1.2rem;
  color: #333333;
}
.msg-content .msg-content-main .msg-content-info .msg-content-title .msg-content-no {
  margin-left: 0.5em;
  font-size: 0.8rem;
}
.msg-content .msg-content-main .msg-content-info .msg-content-position {
  padding: 0.3rem 0;
  line-height: 1.2rem;
}
.msg-content .msg-content-main .msg-content-info .msg-content-status {
  margin: 0.2rem 0;
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag {
  margin: 0 0.4rem 0 0;
  display: inline-block;
  height: 1.4rem;
  line-height: 1.4rem;
  padding: 0 7px;
  white-space: nowrap;
  min-width: 3.3rem;
  text-align: center;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  box-sizing: border-box;
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag-green {
  color: #3ecf8e;
  background: rgba(62, 207, 142, 0.1);
  border-color: rgba(62, 207, 142, 0.1);
}
.msg-content .msg-content-main .msg-content-info .msg-content-tag-orange {
  color: #ff9a7c;
  background: rgba(255, 154, 124, 0.1);
  border-color: rgba(255, 154, 124, 0.1);
}
.msg-content .msg-content-main .msg-content-other-info {
  margin: 1rem 0 0;
  padding: 0;
}
.msg-content .msg-content-main .msg-content-other-info li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: flex-start;
  line-height: 1.875em;
}
.msg-content .msg-content-main .msg-content-other-info li .msg-content-item-info {
  flex-grow: 1;
}
.msg-content .msg-content-main .msg-content-other-info li .msg-content-item-info a {
  text-decoration: none;
}
.msg-content .msg-content-main .msg-content-info-hide {
  padding: 1.5rem 0;
}
.org-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.org-wrap .search-wrap {
  position: relative;
  background-color: #f4f4f4;
  z-index: 2;
}
.org-wrap .search-wrap .search {
  display: flex;
  padding: 0.2rem 0.75rem 0;
  height: 2.8rem;
  align-items: center;
}
.org-wrap .search-wrap .search .wme-input {
  background: #ededed;
  border-radius: 4px;
}
.addressBook-list {
  margin-top: 0.5rem;
}
.addressBook-list .addressBook-list-item {
  padding: 0.6rem 0;
}
.addressBook-list .addressBook-list-item .wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.addressBook-list .addressBook-list-item .wrap .content {
  display: flex;
  align-items: center;
}
.addressBook-list .addressBook-list-item .wrap .avatar {
  margin-right: 0.75rem;
}
.addressBook-list .addressBook-list-item .wrap .label {
  font-weight: 400;
  color: #333333;
}
.addressBook-list .addressBook-list-item .wrap .tip {
  color: #8c8c8c;
  font-size: 0.875rem;
}
.publish-wrap {
  padding: 1rem 0;
}
.publish-info-wrap {
  padding: 1rem;
}
.punch-container .update-btn {
  color: #4285F4;
  font-size: 0.9rem;
}
.punch-container .punch-content {
  margin-top: 0.8rem;
  background: #fff;
}
.punch-container .punch-content .top-time {
  display: flex;
  align-items: center;
  padding: 1rem 1rem 0;
}
.punch-container .punch-content .top-time svg {
  fill: #4285F4;
  margin-right: 2px;
}
.punch-container .punch-content .top-time .punch-num {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.45);
  margin-left: 0.4rem;
}
.punch-container .punch-content .schedule-list .schedule-item {
  margin: 0.9rem 1rem 0;
  text-align: center;
  padding: 0.2rem 0.5rem;
  line-height: 1.35rem;
  border-radius: 1.3rem;
  font-size: 0.9rem;
}
.punch-container .user-container {
  background: #fff;
  flex-grow: 1;
  display: flex;
  padding: 1rem 1rem;
}
.punch-container .user-container .user-info {
  flex-grow: 1;
  display: flex;
  padding-left: 8px;
  justify-content: center;
  flex-direction: column;
}
.punch-container .user-container .user-info .attend-group {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.45);
  padding-top: 2px;
  display: flex;
  align-items: center;
}
.punch-container .user-container .user-info .attend-group .arrow {
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  transform: translateY(-25%) rotate(-135deg);
  margin-left: 3px;
  margin-top: 3px;
  display: inline-block;
}
.punch-container .user-container .user-info .attend-group .archive-name {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  max-width: 9.5rem;
}
.punch-container .user-container .btn-history {
  flex: 0 0 5.8rem;
}
.punch-container .user-container .btn-history .button-icon {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.punch-container .user-container .btn-history .button-icon svg {
  fill: #4285F4;
  padding-right: 3px;
}
.start-page {
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: center;
  background-size: cover;
  -webkit-background-size: cover;
  background-repeat: no-repeat;
}
.todobatch-container .bottom {
  position: fixed;
  z-index: 11;
  bottom: 0;
  width: 100%;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
}
.todobatch-container .bottom .wme-button {
  border-radius: 3rem;
}
.todo-detail-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
}
.todo-detail-message svg {
  width: 3.6rem;
  height: 3.6rem;
}
.todo-detail-message .txt {
  color: rgba(0, 0, 0, 0.85);
  padding: 1.5rem 0 1rem 0;
}
.todo-detail-container .hr-template-form-section,
.todo-detail-container .hr-template-external-section {
  margin-top: 0.6rem;
}
.todo-detail-container .hr-template-form-section:first-child {
  margin-top: 0;
}
.news-list {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.news-list .filterDefault .read-btn {
  fill: #4285F4;
}
.news-list .filterDefault.disabled .read-btn {
  fill: #b0b0b0;
}
.news-list-search {
  display: flex;
  height: 3.5rem;
  align-items: center;
  padding: 0 0.75rem;
  background-color: #f4f4f4;
  position: relative;
  z-index: 2;
}
.news-list-search .search-btn {
  margin-left: 0.75rem;
}
.news-list .list-item {
  padding: 0.75rem 1.25rem;
  background-color: #ffffff;
  margin-bottom: 0.75rem;
}
.home .micro-part-container {
  padding-bottom: 2rem;
  overflow: hidden;
}
.home-background .wme-pull-to-refresh .wme-pull-to-refresh-wrapper {
  background-image: linear-gradient(-180deg, #4285f4 0, rgba(66, 133, 244, 0.84) 135px, #ffffff 305px, #ffffff 100%);
}
.schedule-page .schedule-container {
  padding-bottom: 3rem;
  background-color: #ffffff;
  border-top: 1px solid #e1e1e1;
}
.schedule-page .schedule-container .schedule-switch {
  display: flex;
  width: 100%;
  padding: 0.6rem;
  box-sizing: border-box;
}
.schedule-page .schedule-container .schedule-switch-item {
  border: 1px solid #4285F4;
  border-left-width: 0;
  color: #4285F4;
  background-color: #ffffff;
  flex-grow: 1;
  text-align: center;
  line-height: 1.7rem;
  height: 1.7rem;
  font-size: 0.92rem;
}
.schedule-page .schedule-container .schedule-switch-item.checked {
  background-color: #4285F4;
  color: #fff;
}
.schedule-page .schedule-container .schedule-switch-item:first-child {
  border-top-left-radius: calc(3 * 1px);
  border-bottom-left-radius: calc(3 * 1px);
  border-left-width: 1px;
}
.schedule-page .schedule-container .schedule-switch-item:last-child {
  border-top-right-radius: calc(3 * 1px);
  border-bottom-right-radius: calc(3 * 1px);
}
.schedule-page .schedule-container .schedule-status {
  padding: 1rem 1rem 1rem 0.8rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #e1e1e1;
}
.schedule-page .schedule-container .schedule-status .status-item {
  display: inline-block;
  padding-right: 1rem;
  font-size: 0.91rem;
}
.schedule-page .schedule-container .schedule-status .status-item svg {
  margin-right: 0.3rem;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
}
.schedule-page .schedule-container .schedule-status .status-item:last-child {
  padding-right: 0;
}
.schedule-page .schedule-container .schedule-list {
  padding: 1rem;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer.more .bg {
  left: 2px;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer.more .bg + .bg {
  left: -2px;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .bg,
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 50%;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .text {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .status {
  position: absolute;
  bottom: 3px;
  right: -5px;
  width: 1rem;
  height: 1rem;
  z-index: 2;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .status .wme-icon {
  width: 100%;
  height: 100%;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer.border {
  border: 2px solid #4285F4;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer.selected {
  border: 2px solid #4285F4;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer.selected .wme-icon {
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  fill: #4285F4;
}
.schedule-page .schedule-container .calendar-grid-cell-inner-customer .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer {
  flex-grow: 1;
  position: relative;
  z-index: 2;
  margin-left: 0.75rem;
  height: 2.4rem;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list {
  display: flex;
  flex-direction: column;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .inner-item {
  display: flex;
  align-items: center;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .inner-item .content {
  flex-grow: 1;
  position: relative;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .inner-item .content .status {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 1rem;
  height: 1rem;
  z-index: 2;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .inner-item .content .status .wme-icon {
  width: 100%;
  height: 100%;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .inner-item .hour {
  font-size: 0.7rem;
  width: 3.5rem;
  text-align: right;
  flex-shrink: 0;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .bg,
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 3rem;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list.more .inner-item {
  margin-top: 0.2rem;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list.more .inner-item .text,
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list.more .inner-item .bg {
  line-height: 1.1rem;
  height: 1.1rem;
  font-size: 0.6rem;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .inner-list.more .inner-item:first-child {
  margin-top: 0;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .text {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  box-sizing: border-box;
  overflow: hidden;
}
.schedule-page .schedule-container .calendar-list-item-inner-customer .text.special-text {
  padding-left: 0;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.45);
}
.schedule-page .bottom-btn {
  position: fixed;
  bottom: 0;
  padding: 0 1rem 0.5rem;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
}
.schedule-page .bottom-btn .wme-button {
  border-radius: 3rem;
}
.schedule-page .schedule-select-bottom {
  bottom: 0;
  padding: 1rem;
  background-color: #fff;
}
.schedule-page .schedule-select-bottom .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.schedule-page .schedule-select-bottom .content .info {
  width: 8.8rem;
  text-align: center;
  margin-right: 1.5rem;
}
.schedule-page .schedule-select-bottom .content .info .msg {
  font-weight: bold;
}
.schedule-page .schedule-select-bottom .content .info .msg .count {
  padding: 0 2px;
  color: #4285F4;
  display: inline-block;
}
.schedule-page .schedule-select-bottom .content .info .msg .count.error {
  color: #ff604f;
}
.schedule-page .schedule-select-bottom .content .info .tips {
  color: rgba(0, 0, 0, 0.25);
  font-size: 0.9rem;
  padding-top: 0.3rem;
}
.schedule-page .schedule-select-bottom .content .wme-button {
  flex-grow: 1;
}
.schedule-page .schedule-select-search {
  display: flex;
  height: 3rem;
  background-color: #f4f4f4;
  padding: 0.5rem 0.5rem 0;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 3;
}
.schedule-page .schedule-select-search .search-item {
  width: 48%;
  background-color: #e1e1e1;
  border-radius: 2rem;
  height: 2rem;
  line-height: 2rem;
  flex-grow: 0;
  box-sizing: border-box;
  font-size: 0.95rem;
}
.schedule-page .schedule-select-search .search-item input {
  font-size: 0.95rem;
}
.schedule-page .schedule-select-search .search-item input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.schedule-page .schedule-select-container {
  background-color: #fff;
}
.schedule-page .schedule-select-container .schedule-select-list {
  padding: 0 0 0.2rem;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item {
  display: flex;
  padding: 0.6rem 0.8rem 0.6rem 1rem;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item:last-child {
  border-bottom: 0;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-item-check {
  margin-right: 0rem;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-item-check .wme-checkbox {
  padding-left: 0;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .mininame {
  width: 2rem;
  height: 2rem;
  color: rgba(0, 0, 0, 0.85);
  position: relative;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .mininame .text {
  position: relative;
  z-index: 1;
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
  text-align: center;
  font-size: 0.95rem;
  overflow: hidden;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .mininame .bg,
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .mininame .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 50%;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .mininame .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .info {
  flex-grow: 1;
  margin-left: 0.75rem;
  display: flex;
  flex-direction: column;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .info .name {
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 0.2rem;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-content .info .time {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.8rem;
}
.schedule-page .schedule-select-container .schedule-select-list .schedule-select-item .schedule-select-hours {
  width: 3rem;
  text-align: right;
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.8rem;
}
.schedule-page .schedule-select-container .schedule-select-title {
  padding-left: 1rem;
  font-size: 0.8rem;
  line-height: 2rem;
  font-weight: bold;
  background-color: #f4f4f4;
}
.schedule-page .schedule-apply-content {
  padding-bottom: 3.5rem;
}
.dept-schedule-page .dept-schedule-container {
  background-color: #ffffff;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header .dept-schedule-switch {
  width: 10rem;
  display: flex;
  padding: 0.6rem;
  box-sizing: border-box;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header .dept-schedule-switch-item {
  border: 1px solid #4285F4;
  border-left-width: 0;
  color: #4285F4;
  flex-grow: 1;
  text-align: center;
  line-height: 1.7rem;
  height: 1.7rem;
  font-size: 0.92rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header .dept-schedule-switch-item.checked {
  background-color: #4285F4;
  color: #fff;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header .dept-schedule-switch-item:first-child {
  border-top-left-radius: calc(3 * 1px);
  border-bottom-left-radius: calc(3 * 1px);
  border-left-width: 1px;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-header .dept-schedule-switch-item:last-child {
  border-top-right-radius: calc(3 * 1px);
  border-bottom-right-radius: calc(3 * 1px);
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header {
  display: flex;
  padding: 0.4rem 0.8rem;
  border-top: 1px solid #e1e1e1;
  align-items: center;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .switch {
  flex-grow: 1;
  display: flex;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .switch .current-days {
  flex-grow: 1;
  text-align: center;
  font-weight: bold;
  color: #333333;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .switch .prev-btn svg,
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .switch .next-btn svg {
  width: 0.8rem;
  height: 0.8rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .left {
  margin-right: 1.5rem;
  width: 4rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content .header .right {
  margin-left: 1.5rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .duty-num {
  padding: 1rem 0.6rem;
  border-bottom: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  font-size: calc(0.875 * 1rem);
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .duty-num .num {
  color: #4285F4;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .duty-num .text {
  display: inline-block;
  margin-left: 0.8rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item {
  display: flex;
  align-items: center;
  padding: 0.6rem 0.6rem;
  border-top: 1px solid #e1e1e1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item:first-child {
  border-top: none;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-container {
  display: flex;
  width: 9rem;
  flex-shrink: 0;
  padding: 0.1rem 0;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-container .emp-info {
  width: 5rem;
  margin: 0 0.6rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-container .emp-info .emp-name {
  color: rgba(0, 0, 0, 0.85);
  height: 1.2rem;
  line-height: 1.2rem;
  overflow: hidden;
  margin-top: 0.15rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-container .emp-info .emp-position {
  margin-top: 0.35rem;
  font-size: calc(0.875 * 1rem);
  color: rgba(0, 0, 0, 0.45);
  height: 1rem;
  line-height: 1rem;
  overflow: hidden;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item {
  display: flex;
  align-items: center;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item .content {
  flex-grow: 1;
  position: relative;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item .content .status {
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 1rem;
  height: 1rem;
  z-index: 2;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item .content .status .wme-icon {
  width: 100%;
  height: 100%;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item .content .text {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: left;
  height: 2rem;
  line-height: 2rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.9rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .inner-item .hour {
  font-size: 0.7rem;
  width: 2.9rem;
  text-align: right;
  flex-shrink: 0;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .bg,
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 3rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content.more .inner-item {
  margin-top: 0.3rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content.more .inner-item .text,
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content.more .inner-item .bg {
  line-height: 1.3rem;
  height: 1.3rem;
  font-size: calc(0.75 * 1rem);
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .emp-schedule-content.more .inner-item:first-child {
  margin-top: 0;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-day .emp-schedule-list .emp-schedule-item .special-text {
  width: 100%;
  border-radius: 3rem;
  text-align: center;
  background-color: #e9e9e9;
  height: 2rem;
  line-height: 2rem;
  margin-right: 3rem;
  font-size: 1rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container {
  padding: 0 0 1rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid {
  width: 100%;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid .week-grid-head {
  color: rgba(0, 0, 0, 0.45);
  font-size: calc(0.75 * 1rem);
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid .week-grid-head th {
  border-bottom: 1px solid #e1e1e1;
  line-height: 2.4rem;
  text-align: center;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td {
  text-align: center;
  position: relative;
  padding: 0.8rem 0.2rem;
  font-size: calc(0.875 * 1rem);
  border-bottom: 1px solid #e1e1e1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .emp-container {
  margin-left: 0.6rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .special-text {
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #e9e9e9;
  text-align: center;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item {
  width: 1.8rem;
  height: 1.8rem;
  line-height: 1.8rem;
  position: relative;
  z-index: 2;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item .bg,
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item .quick {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.15;
  border-radius: 3rem;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item .quick {
  border: 1px solid #3ECF8E;
  opacity: 1;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item.more .bg {
  left: 2px;
}
.dept-schedule-page .dept-schedule-container .dept-schedule-content.dept-schedule-week .week-container .week-grid td .inner-item.more .bg + .bg {
  left: -2px;
}
.message-page {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.message-page .message-list-item {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  margin-bottom: 0.75rem;
}
.message-page .filterDefault .read-btn {
  fill: #4285F4;
}
.message-page .filterDefault.disabled .read-btn {
  fill: #b0b0b0;
}
.message-sendfrom-container .content {
  text-align: center;
  padding: 0 0.7rem;
  width: 100%;
}
.message-sendfrom-container .content .image-container {
  padding: 0.3rem;
  margin-bottom: 1.5rem;
}
.message-sendfrom-container .content .image-container img {
  max-height: 10rem;
  max-width: 100%;
}
.message-sendfrom-container .content .title {
  margin: 1rem 0;
}
.lactation-page .buttom {
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.person-info-edit .list {
  padding-bottom: 4.5rem;
}
.person-info-edit .info-desc {
  padding: 0.7rem 1.2rem 0;
  font-size: calc(0.875 * 1rem);
  display: flex;
}
.person-info-edit .info-desc .icon {
  width: 2.2rem;
}
.person-info-edit .info-desc .icon .wme-icon {
  width: 1.2rem;
  height: 1.2rem;
  fill: #de1d0e;
}
.person-info-edit .info-desc .icon .wme-icon.success {
  fill: #6abf47;
}
.person-info-edit .info-desc .marquee_box {
  flex-grow: 1;
}
.person-info-edit .info-desc span {
  color: #ff6454;
  display: inline-block;
  padding: 0 0.2rem;
}
.person-info-edit .edit-classify {
  margin-top: 0.6rem;
}
.person-info-edit .bottom-btns {
  position: fixed;
  bottom: 0;
  padding: 0.5rem 2rem 0.5rem;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
}
.person-info-edit .bottom-btns .wme-button {
  border-radius: 3rem;
  margin: 0 0.3rem;
  flex-grow: 1;
}
.edit-project {
  background-color: #ffffff;
  padding: 0 0.5rem;
}
.edit-project-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.5rem;
}
.edit-project-main .main-title {
  font-size: 0.98rem;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.85);
  padding-left: 0.7rem;
  max-width: calc(100% - 6rem);
  flex-grow: 1;
}
.edit-project-main .main-title .title {
  max-width: calc(100% - 5rem);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
.edit-project-main .main-title.must {
  padding-left: 0;
}
.edit-project-main .main-title.must span.dot {
  width: 0.7rem;
}
.edit-project-main .main-title span {
  font-weight: normal;
  color: #ff6454;
  display: inline-block;
  font-size: calc(0.875 * 1rem);
}
.edit-project-main .main-title span.tips {
  padding-left: 0.2rem;
}
.edit-project-main .main-right {
  display: flex;
  align-items: center;
}
.edit-project-main .main-right-audit {
  color: #ff9388;
  font-size: calc(0.875 * 1rem);
  margin-right: 0.625rem;
}
.edit-project-desc {
  position: relative;
  padding: 0 0 1rem 0.75rem;
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.45);
  line-height: 1.25rem;
}
.edit-project-desc .desc-content {
  position: relative;
}
.edit-project-desc .desc-action {
  position: absolute;
  right: 1.25rem;
  bottom: 0;
  transform: scale(0.8);
}
.edit-project-desc .desc-content-ellipsis {
  max-height: 2.5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.personal-info-form .hr-template-container,
.personal-info-form .content {
  margin-top: 1.25rem;
}
.personal-info-form .filed {
  margin-top: 0.6rem;
}
.personal-info-form .area {
  margin: 1rem 1.25rem;
}
.personal-info-form .area .wme-button {
  background: #fff;
  height: 2.2rem;
  line-height: 2.2rem;
}
.personal-info-form .area .wme-button:active,
.personal-info-form .area .wme-button:hover {
  background: #f9f9f9;
  opacity: 0.85;
}
.personal-info-form .submit-btn {
  margin: 4rem 1.25rem 0;
}
.personal-info-form .submit-btn .wme-button {
  border-radius: 2rem;
}
.personal-info-form .hr-template-save .wme-button {
  border-radius: 2rem;
}
.person-submit-modal .container {
  width: 100%;
}
.person-submit-modal .title {
  color: #4285F4;
  font-size: calc(1.125 * 1rem);
  border-bottom: 1px solid #e1e1e1;
  text-align: center;
  padding-bottom: 0.4rem;
}
.person-submit-modal .content {
  margin: 0.8rem 0;
}
.person-submit-modal .content p {
  text-indent: 2rem;
  margin-bottom: 0.6rem;
}
.person-submit-modal .content .edit-list {
  margin: 5px 0;
  padding: 8px 5px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}
.person-submit-modal .content .wme-checkbox {
  box-sizing: border-box;
  height: 2rem;
}
.person-submit-modal .content .wme-checkbox .wme-checkbox-inner {
  width: 1.2rem;
  height: 1.2rem;
}
.person-submit-modal .content .wme-checkbox .wme-checkbox-inner:after {
  top: 1px;
  right: 5px;
  width: 6px;
  height: 9px;
}
.person-submit-modal .content .agree-chk {
  padding-left: 6px;
}
.person-submit-modal .bottom-btns {
  padding-top: 0.5rem;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
}
.person-submit-modal .bottom-btns .wme-button {
  border-radius: 3rem;
  margin: 0 0.3rem;
  flex-grow: 1;
  height: 2.4rem;
  line-height: 2.4rem;
}
.pre-entry-form .hr-template-container {
  margin-top: 1.25rem;
}
.pre-entry-form .hr-template-container .hr-template-form-section {
  margin-top: 0;
}
.pre-entry-form .hr-template-save .wme-button {
  border-radius: 5rem;
  flex-grow: 1;
}
.personal-info-mail .send-btn.wme-button-disabled {
  background-color: #b0b0b0;
  color: rgba(0, 0, 0, 0.25);
  border-color: #e1e1e1;
}
.personal-info-mobile .send-btn.wme-button-disabled {
  background-color: #b0b0b0;
  color: rgba(0, 0, 0, 0.25);
  border-color: #e1e1e1;
}
.gradual-background {
  background: linear-gradient(-180deg, #4285f4 0, rgba(66, 133, 244, 0.84) 135px, #ffffff 305px, #ffffff 100%);
}
.pre-submit-message .wme-message-container {
  position: relative;
  overflow: initial;
}
.pre-submit-message .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pre-submit-message .container .close {
  position: absolute;
  top: -0.8rem;
  right: -0.8rem;
  border-radius: 5rem;
  background: #4285F4;
  color: #fff;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
.pre-submit-message .container .content {
  color: rgba(0, 0, 0, 0.65);
  text-align: center;
  font-size: 0.96rem;
  line-height: 1.48rem;
  padding: 1.5rem 1.2rem 1rem;
}
.pre-submit-message .container .content p {
  margin-bottom: 1rem;
}
.pre-submit-message .container .content svg.status {
  width: 3.6rem;
  height: 3.6rem;
  margin-bottom: 1rem;
}
.pre-submit-message .wme-message-action .button {
  color: rgba(0, 0, 0, 0.65) !important;
}
.pre-entry {
  height: 100%;
}
.pre-entry .logo {
  text-align: center;
  padding: 1rem 0 1.5rem;
}
.pre-entry .logo img {
  max-height: 3rem;
}
.pre-entry .box {
  background: #ffffff;
  box-shadow: 0 4px 12px 6px rgba(108, 108, 139, 0.12);
  border-radius: 0.625rem;
  margin: 0 0.625rem 2rem;
  padding: 1.25rem 1rem 1.5rem;
  box-sizing: border-box;
}
.pre-entry .bottom {
  position: fixed;
  z-index: 11;
  bottom: 0;
  width: 100%;
  padding: 0.5rem 1rem;
  background: rgba(255, 255, 255);
  box-sizing: border-box;
  display: flex;
}
.pre-entry .bottom .wme-button {
  border-radius: 5rem;
  flex-grow: 1;
  margin-right: 0.75rem;
}
.pre-entry .bottom .wme-button:last-child {
  margin-right: 0;
}
.pre-entry-empInfo {
  background: linear-gradient(-180deg, #4285F4 0%, #4285F4 3rem, rgba(66, 133, 244, 0.84) 20%, #f4f4f4 65%, #f4f4f4 99%);
}
.pre-entry-empInfo .header {
  background: #4285F4;
  color: #fff;
}
.pre-entry-empInfo .header svg {
  fill: #fff;
}
.pre-entry-empInfo .content {
  margin: 2rem 1rem 1rem;
}
.pre-entry-empInfo .content .box {
  margin-left: 0;
  margin-right: 0;
}
.pre-entry-empInfo .content .box .title {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.05rem;
  margin-bottom: 0.5rem;
  line-height: 1.55rem;
}
.pre-entry-empInfo .content .box .title.red {
  color: #ff6454;
}
.pre-entry-empInfo .content .box .info p {
  line-height: 1.8rem;
  margin-bottom: 0.3rem;
  color: rgba(0, 0, 0, 0.65);
  font-size: 0.925rem;
}
.pre-entry-empInfo .content .info-list .wme-list {
  background: none;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item {
  margin-bottom: 0.75rem;
  border-radius: 0.3rem;
  background: #ffffff;
  min-height: 3.5rem;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.025rem;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-content .sub {
  padding-left: 0.3rem;
  color: #ff6454;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-content .sub.red {
  color: #ff6454;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-extra {
  font-size: 1.025rem;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-extra .state-text {
  color: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-extra .state-text.c-green {
  color: #3ECF8E;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-extra .state-text.c-green svg {
  fill: #3ECF8E;
  margin-right: 0.3rem;
}
.pre-entry-empInfo .content .info-list .wme-list .wme-list-item .wme-list-extra .state-text.c-red {
  color: #ff6454;
}
.pre-entry-empInfo .bottom-record {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.96rem;
  padding-bottom: 1rem;
}
.pre-submit-message.pre-submit-message-tips .wme-message-action {
  border: none !important;
  padding: 1rem;
  box-sizing: border-box;
}
.pre-submit-message.pre-submit-message-tips .wme-message-action a.button {
  background: #4285F4;
  color: #fff !important;
  border-radius: 2rem;
}
.pre-submit-message.pre-submit-message-tips .container .content {
  padding: 0.5rem 0.5rem 1rem;
}
.pre-submit-message.pre-submit-message-tips .container .content p {
  text-align: left;
}
.pre-entry-form .hr-template-container {
  margin-top: 1.25rem;
}
.pre-entry-form .hr-template-container .hr-template-form-section {
  margin-top: 0;
}
.pre-entry-form .hr-template-save .wme-button {
  border-radius: 5rem;
  flex-grow: 1;
}
.pre-entry-login .content {
  margin: 2rem 1rem;
}
.pre-entry-login .content .box .title {
  text-align: center;
  color: #4285F4;
  font-size: 1.25rem;
  margin: 2rem 0 2.2rem;
}
.pre-entry-login .content .box .from li {
  padding-bottom: 1.3rem;
}
.pre-entry-login .content .box .from .wme-input {
  background: #f4f4f4;
  border-radius: 1.5rem;
}
.pre-entry-login .content .box .from .wme-input {
  height: 2.6rem;
  padding-left: 0.85rem;
}
.pre-entry-login .content .box .from .code-container {
  display: flex;
  justify-content: space-between;
}
.pre-entry-login .content .box .from .code-container .wme-input {
  width: 62%;
  flex-grow: initial;
}
.pre-entry-login .content .box .from .code-container .wme-input input {
  height: 2.6rem;
}
.pre-entry-login .content .box .from .code-container .wme-button {
  width: 30%;
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 1.5rem;
}
.pre-entry-login .content .box .from .btn-login {
  margin: 2rem 0.5rem;
}
.pre-entry-login .content .box .from .btn-login .wme-button {
  border-radius: 1.5rem;
}
.pre-entry-login .content .btn-link {
  margin: 5.5rem 1.5rem 1rem;
}
.pre-entry-login .content .btn-link .wme-button {
  border-radius: 1.5rem;
  border-color: #e1e1e1;
  color: rgba(0, 0, 0, 0.85);
}
.pre-entry-login .bottom-record {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.96rem;
  background: none !important;
}
.pre-entry-login .error-tips {
  padding-top: 50%;
  text-align: center;
}
.pre-entry-login .wme-button-disabled {
  background: #f4f4f4;
  color: rgba(0, 0, 0, 0.25);
  border-color: #f0f0f0;
  font-size: 0.96rem;
}
.pre-entry-material .pre-attachment-list {
  margin-top: 1.25rem;
}
.pre-entry-message {
  background: #ffffff;
  height: 100vh !important;
}
.pre-entry-message .content {
  margin-top: 30%;
  padding: 0 2rem;
  color: #3ECF8E;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.pre-entry-message .content.delete_fill {
  color: #ff604f;
}
.pre-entry-message .content.delete_fill svg {
  fill: #ff604f;
}
.pre-entry-message .content svg {
  fill: #3ECF8E;
}
.pre-entry-message .content p {
  margin-top: 1.3rem;
  line-height: 1.8rem;
  font-size: 1.01rem;
  text-align: center;
}
.pre-entry-form .hr-template-container {
  margin-top: 1rem;
}
.pre-entry-form .hr-template-container .hr-template-form-section {
  margin-top: 0;
}
.pre-entry-form .hr-template-save .wme-button {
  border-radius: 5rem;
  flex-grow: 1;
}
.pre-entry-form-error {
  margin: 0 10px 10px 10px;
  padding: 1.25rem;
  background-color: #FEF0F0;
  border: 1px solid #F56C6C;
  border-radius: 10px;
}
.pre-entry-form-error-title {
  color: #F56C6C;
  font-size: 1.125rem;
}
.pre-entry-form-error-item {
  margin-top: 0.75rem;
}
.pre-entry-welcome .content {
  padding: 2rem 1rem 4.2rem;
}
.pre-entry-welcome .content .box .title {
  font-size: 1.3rem;
  font-family: '黑体';
  color: #4285F4;
  margin-bottom: 0.7rem;
}
.pre-entry-welcome .content .box .box-info {
  font-size: 0.92rem;
  color: rgba(0, 0, 0, 0.65);
  text-indent: 2rem;
  line-height: 1.7rem;
}
.pre-entry-welcome .content .info {
  padding: 0 1.625rem;
  margin-bottom: 6rem;
}
.pre-entry-welcome .content .info .title {
  font-size: 1.05rem;
  font-weight: bold;
  font-family: '黑体';
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0.7rem;
}
.pre-entry-welcome .content .info .info-content {
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6rem;
  font-size: 0.9rem;
}
.pre-entry-welcome .content .info .desc {
  float: right;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.45);
  text-align: right;
}
.pre-entry-welcome .content .info .desc p {
  text-align: left;
  width: 12rem;
}
.pre-entry-welcome .bottom-record {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.96rem;
  background: none !important;
}
.pre-entry-welcome .bottom-record .wme-checkbox {
  width: 10%;
}
.pre-entry-privacy .content {
  padding: 2rem 0rem 4.2rem;
  background: #fff;
  min-height: 100vh;
}
.pre-entry-privacy .content .box .title {
  font-size: 1.3rem;
  font-family: '黑体';
  color: #4285F4;
  margin-bottom: 0.7rem;
}
.pre-entry-privacy .content .box .box-info {
  font-size: 0.92rem;
  color: rgba(0, 0, 0, 0.65);
  text-indent: 2rem;
  line-height: 1.7rem;
}
.pre-entry-privacy .content .info {
  padding: 1rem 1.625rem;
  margin-bottom: 6rem;
}
.pre-entry-privacy .content .info .title {
  font-size: 1.05rem;
  font-weight: bold;
  font-family: '黑体';
  color: rgba(0, 0, 0, 0.65);
  margin-bottom: 0.7rem;
}
.pre-entry-privacy .content .info .info-content {
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.6rem;
  font-size: 0.9rem;
}
.pre-entry-privacy .content .info .desc {
  float: right;
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.45);
  text-align: right;
}
.pre-entry-privacy .content .info .desc p {
  text-align: left;
  width: 12rem;
}
.pre-entry-privacy .bottom-record {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.96rem;
  background: none !important;
}
.pre-entry-privacy .bottom-record .wme-checkbox {
  width: 10%;
}
.pre-entry-privacy .bottom-record .bottom-record-ys {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pre-entry-privacy .bottom-record .bottom-record-btn {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.satisfaction-grade-main {
  margin-top: 0.625rem;
  padding: 1.25rem;
  box-sizing: border-box;
  background-color: #fff;
}
.satisfaction-grade-main .main-title {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
  letter-spacing: 0.57px;
}
.satisfaction-grade-main .main-hello {
  margin-top: 1rem;
}
.satisfaction-grade-main .main-hello > span {
  font-weight: bold;
  color: rgba(0, 0, 0, 0.85);
}
.satisfaction-grade-main .main-text {
  margin-top: 0.5rem;
}
.satisfaction-grade-main .main-text > span {
  color: #ffa538;
}
.satisfaction-grade-content {
  margin-top: 0.625rem;
  padding: 0 1.25rem;
  overflow: hidden;
  background-color: #fff;
}
.satisfaction-grade-content .content-section {
  margin-top: 0.875rem;
}
.satisfaction-grade-content .content-section-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
}
.satisfaction-grade-content .content-section-title::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  border-radius: 1rem;
  width: 0.25rem;
  height: 1.25rem;
  background-color: #4285F4;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-star-title {
  margin: 1.25rem 0;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-star-gather {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: 1rem;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-star-gather .star {
  width: 1.5rem !important;
  height: 1.5rem !important;
  fill: rgba(0, 0, 0, 0.04);
  margin-right: 0.5rem;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-star-gather .star-active {
  fill: #FADB14;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-option-title {
  margin: 1.25rem 0;
  margin-bottom: 0.5rem;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-option-gather .gather-item-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-option-gather .gather-item-label .wme-icon {
  margin-right: 0.5rem;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-textarea-title {
  margin: 1.25rem 0;
}
.satisfaction-grade-content .content-section-evaluate .evaluate-textarea-gather .wme-textarea {
  background: #F8F8F8;
  border-radius: calc(8 * 1px);
}
.satisfaction-grade-content .content-btn {
  padding: 2rem 0;
}
.guide-page {
  height: 100%;
  background: linear-gradient(-180deg, #4285f4 0, rgba(66, 133, 244, 0.84) 135px, #ffffff 305px, #ffffff 100%);
}
.guide-page .content {
  padding: 2rem 1rem;
}
.guide-page .logo {
  text-align: center;
  padding: 1rem 0 1.5rem;
}
.guide-page .logo img {
  max-height: 3rem;
}
.guide-page .box {
  background: #ffffff;
  box-shadow: 0 4px 12px 6px rgba(108, 108, 139, 0.12);
  border-radius: 0.625rem;
  margin: 0 0.2rem 2rem;
  padding: 1.25rem 1rem 1.5rem;
  box-sizing: border-box;
}
.guide-page .box .title {
  text-align: center;
  font-size: 1.3rem;
  font-family: '黑体';
  color: rgba(0, 0, 0, 0.85);
  margin-bottom: 1rem;
}
.guide-page .box .box-info {
  font-size: 0.92rem;
  color: rgba(0, 0, 0, 0.65);
  text-indent: 2rem;
  line-height: 1.7rem;
}
.guide-page .info img {
  max-width: 100%;
}
.foreign-page .bottom-btn {
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.foreign-page .bottom-btns {
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  width: calc(100% - 2rem);
  z-index: 1;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.06);
}
.foreign-page .bottom-btns .btns-item {
  width: calc(50% - 1rem);
}
.foreign-list .title {
  height: 3rem;
  line-height: 3rem;
  font-size: calc(0.875 * 1rem);
  padding-left: 1.25rem;
}
.foreign-list .wme-list {
  background: transparent;
}
.foreign-list .wme-list .wme-list-item {
  margin-bottom: 0.6rem;
  background-color: #fff;
  padding: 1.1rem 0;
}
.foreign-list .wme-list .wme-list-item .wme-list-content {
  font-size: 1.085rem;
  color: rgba(0, 0, 0, 0.85);
  display: flex;
  align-items: center;
}
.foreign-list .wme-list .wme-list-item .wme-list-content .wme-icon {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 1rem;
  fill: #4285F4;
}
.foreign-applyrecord .search-wrap {
  position: absolute;
  left: 0;
  top: 3rem;
  z-index: 2;
  height: 3rem;
  width: 100%;
  box-sizing: border-box;
  line-height: 3rem;
  background: #f4f4f4;
  padding: 0.5rem 1rem;
}
.foreign-applyrecord .search-wrap .wme-input {
  border-radius: 3rem;
}
.foreign-apply-page .content {
  margin-bottom: 4.5rem;
}
.foreign-apply-upload .content,
.foreign-upload .content {
  margin-top: 0.6rem;
}
.foreign-apply-upload .content .list-item .item,
.foreign-applyrecord .content .list-item .item {
  padding: 1rem;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  background-color: #fff;
}
.foreign-apply-upload .content .list-item .item .item-content,
.foreign-applyrecord .content .list-item .item .item-content {
  display: flex;
  flex-direction: column;
  margin-left: 0.6rem;
  margin-bottom: 1rem;
  flex-grow: 1;
}
.foreign-apply-upload .content .list-item .item .item-content .title,
.foreign-applyrecord .content .list-item .item .item-content .title {
  display: flex;
  justify-content: space-between;
}
.foreign-apply-upload .content .list-item .item .item-content .title .name,
.foreign-applyrecord .content .list-item .item .item-content .title .name {
  display: flex;
}
.foreign-apply-upload .content .list-item .item .item-content .title .type,
.foreign-applyrecord .content .list-item .item .item-content .title .type {
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(1 * 1rem);
  margin-right: 0.3rem;
}
.foreign-apply-upload .content .list-item .item .item-content .title .time,
.foreign-applyrecord .content .list-item .item .item-content .title .time,
.foreign-apply-upload .content .list-item .item .item-content .title .apply-date,
.foreign-applyrecord .content .list-item .item .item-content .title .apply-date {
  color: rgba(0, 0, 0, 0.45);
  font-size: calc(0.75 * 1rem);
}
.foreign-apply-upload .content .list-item .item .item-content .attachment,
.foreign-applyrecord .content .list-item .item .item-content .attachment {
  color: rgba(0, 0, 0, 0.45);
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}
.foreign-apply-upload .content .list-item .item .item-content .attachment .wme-icon,
.foreign-applyrecord .content .list-item .item .item-content .attachment .wme-icon {
  margin-right: 0.1rem;
}
.foreign-apply-upload .content .list-item .item .item-content .desc,
.foreign-applyrecord .content .list-item .item .item-content .desc {
  color: rgba(0, 0, 0, 0.85);
  font-size: calc(1 * 1rem);
  padding: 0.6rem 0;
}
.foreign-apply-upload .item {
  position: relative;
}
.foreign-apply-upload .upload-link-btn {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #4d88e7;
  font-size: 0.99rem;
  background-color: transparent;
}
.foreign-upload .bottom-tips {
  padding: 0.6rem 0.8rem;
  margin: 0.8rem 1rem;
  border: 1px solid #87bbfd;
  background: #f3f8fe;
  border-radius: 5px;
  font-size: 0.85rem;
  line-height: 1.35rem;
  color: #87bbfd;
}
.visit-notice-container .success-tips {
  background: #ffffff;
  height: 100vh !important;
}
.visit-notice-container .success-tips .content {
  padding: 8rem 2rem 0;
  color: #3ECF8E;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
}
.visit-notice-container .success-tips .content svg {
  fill: #3ECF8E;
}
.visit-notice-container .success-tips .content p {
  margin-top: 1.3rem;
  line-height: 1.8rem;
  font-size: 1.01rem;
  text-align: center;
}
.visit-notice-container .wme-pull-to-refresh {
  top: 3rem;
  height: calc(100% - 3rem);
}
.visit-notice-container .content {
  background-color: #ffffff;
  padding: 0.5rem 0.8rem 4.5rem;
  margin-top: 0.6rem;
  min-height: 100vh;
}
.visit-notice-container .content .title {
  color: rgba(0, 0, 0, 0.85);
  margin: 0.4rem 0;
}
.visit-notice-container .content .msg {
  color: rgba(0, 0, 0, 0.65);
  line-height: 1.5rem;
  margin: 0.4rem 0 0.8rem;
  text-indent: 2rem;
}
.visit-notice-container .content .read-tip {
  margin-top: 1.5rem;
  background-color: #f4f4f4;
  padding: 0.6rem 0.4rem;
  display: flex;
}
.visit-notice-container .content .read-tip .wme-checkbox {
  width: 1.5rem;
  background-color: #f4f4f4;
  padding-left: 0;
  margin-right: 0.5rem;
}
.visit-notice-container .content .read-tip a {
  color: #4285F4;
  text-decoration: none;
}
.visit-notice-container .bottom {
  display: flex;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
}
.visit-notice-container .bottom .wme-button {
  border-radius: 2rem;
  margin: 0 0.3rem;
  flex-grow: 1;
  background-color: #4285F4;
  color: #fff;
}
.visit-notice-modal {
  height: calc(100% - 6rem) !important;
}
.visit-notice-modal .wme-message .wme-message-container {
  width: 100%;
}
.visit-notice-modal .wme-message .wme-message-container .wme-message-content {
  justify-content: left;
}
.visit-notice-modal .wme-message .wme-message-container .wme-message-content .detail {
  text-indent: 2rem;
}
.sign-page {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.sign-page.tips {
  display: flex;
  justify-content: center;
  align-items: center;
}
.sign-page .sign-title {
  height: 3rem;
  line-height: 3rem;
  text-align: center;
  background-color: #4285F4;
  color: #fff;
}
.sign-page .sign-draw {
  height: calc(100% - 4rem);
  width: 100%;
}
.sign-page .sign-actions {
  height: 3rem;
  line-height: 3rem;
  padding: 0.5rem 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #ffe6e3;
}
.sign-page .sign-actions .wme-button {
  width: 5rem;
  height: 2.4rem;
  line-height: 2.4rem;
}
.sign-page .sign-actions .wme-button + .wme-button {
  margin-left: 0.8rem;
}
.person-info-view .container {
  margin-top: 0.6rem;
  margin-bottom: 4rem;
}
.person-info-view .bottom-btn {
  position: fixed;
  bottom: 0;
  padding: 0 2rem 0.5rem;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.7);
}
.person-info-view .bottom-btn .wme-button {
  border-radius: 3rem;
}