/* 通用色值 */
/* 黑版主要色值 */
/* 20周年黑版主要色值 */
/* 白版主要色值 */
/* ehcart等图表主要色值 */
/* 默认无衬线字体 */
/* 隐藏水平滚动条样式 */
* {
  -webkit-touch-callout: none;
  /*系统默认菜单被禁用*/
  -webkit-user-select: none;
          user-select: none;
}
input {
  -webkit-user-select: auto;
          user-select: auto;
  /*webkit浏览器*/
}
body,
button,
input,
select,
textarea,
pre {
  font-size: 0.28rem;
  line-height: 1;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, /* 优先系统字体，确保各系统下的最佳显示效果 */ "Segoe UI", Roboto, /* Windows Phone、 安卓旧版西文字体 */ "Helvetica Neue", Arial, /* 苹果旧版、通用经典西文字体 */ "Noto Sans", /* 安卓中文(思源黑体)，覆盖多种语言 */ sans-serif !important;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
  /* 数字等宽 */
  color: #fff;
}
input[type="search"] {
  -webkit-appearance: none;
}
img {
  vertical-align: middle;
  max-width: 100%;
}
body {
  background: none;
}
.black-themes {
  background-color: #131313;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: ' ';
}
.clearfix:after {
  clear: both;
}
html:not([data-scale]) .wm-card-body::before {
  display: none !important;
}
.tabsStyle {
  padding: 0 1.38rem;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  background-color: #131313;
}
.mwa-tabs-more.bottom-active .tabsStyleMore {
  padding-bottom: 0.68rem;
  height: 1.43rem;
}
.mwa-tabs-fixed > .wm-tabs-tab-bar-wrap,
.mwa-tabs-fixed > .wm-tabs-tab-bar-wrap-default {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 998;
}
.mwa-tabs-fixed > .wm-tabs-content-wrap {
  margin-top: 29px;
}
.mwa-tabs-fixed > .wm-tabs-light.wm-tabs-tab-bar-wrap {
  background-color: #f6f7f8;
}
.wm-progress-fixed-outer {
  z-index: 998;
}
.overLimit {
  display: flex;
  align-items: center;
  font-size: 0.3rem;
  font-weight: 300;
  color: #5e5e5e;
  height: 4.92rem;
}
.overLimit p {
  margin: 0 0.2rem;
  line-height: 1.5;
}
.noData {
  font-size: 0.3rem;
  font-weight: 300;
  color: #5e5e5e;
  text-align: center;
  height: 4.92rem;
  line-height: 4.92rem;
  margin: 0 auto;
}
.tableNoData {
  height: 7rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #5e5e5e;
}
.loading {
  width: 0.5rem;
  vertical-align: middle;
}
.loading-more {
  color: #5e5e5e;
  text-align: center;
  margin: 0;
  height: 0.54rem;
  line-height: 0.54rem;
  margin: 0.28rem 0;
  font-size: 0.3rem;
}
.loading-more a {
  color: #5e5e5e;
}
.loading-more a:focus {
  opacity: 0.8;
}
.loading-full {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.loading-full .noData {
  height: 100%;
  line-height: 100%;
}
.loading-full .noData img {
  position: absolute;
  top: 50%;
  width: 0.65rem;
  margin-top: -0.7rem;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table th,
table td {
  font-weight: normal;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/*兼容修复*/
.box {
  display: flex;
}
.box-h {
  flex-direction: row;
}
.box-v {
  flex-direction: column;
}
.box-align-c {
  justify-content: center;
}
.box-align-b {
  align-items: flex-end;
}
.box-align-v {
  align-items: center;
}
.box-align-e {
  justify-content: flex-end;
}
.box-align-sa {
  justify-content: space-around;
}
.box-align-sb {
  justify-content: space-between;
}
.box-d-r {
  flex-direction: row-reverse;
}
.box-d-n {
  flex-direction: column-reverse;
}
.border-box {
  box-sizing: border-box;
}
.box-warp {
  flex-wrap: wrap;
}
.flex {
  flex-grow: 1;
}
.normal {
  font-weight: normal;
  font-style: normal;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.oh {
  overflow: hidden;
}
.vb-h {
  visibility: hidden;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.hide {
  display: none;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tj {
  text-align: justify;
}
.underline {
  border-bottom: 1px solid #222;
}
.color-theme {
  color: #00AEC7;
}
[class^='mwa-icon-'] {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
}
.mwa-icon-down {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAAAXNSR0IArs4c6QAAAQJJREFUKBVj7Jw4Z+v///+9GIgEjIwMW5gYWBmLgIzfxOlh/MXIwFLEVJ6VfPM/A+MUYjQxMTJMKstPvM0EVszB18jAyPgan0ZGBoZXHIwczSA1YE0V6WEfmRj+1+DVxMhYnZcX8wmkBmgABAADg6lz0txzDP//68PE4DQj4/nyvGQTRkbGfyAxiPOADJAAEyNTPlwhEoOJkTkfpgEkDNcE4pTlJR0EhuQaEBsGGBkYV5blJR6G8UE0iiaQABsbSynQ2h8gNtDt3/8zspWB2MgAQ1NhZuIDhv8MPSBFwKjorsiPe4SsAcTG0AQSZBZi6wA684Qgp3gniE806Fu1ihOXYgCiGjvJpJ3b6wAAAABJRU5ErkJggg==);
  width: 0.12rem;
  height: 0.12rem;
  margin-left: 0.14rem;
}
.mwa-icon-search {
  background-image: url(data:image/png;base64,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);
  width: 0.4rem;
  height: 0.4rem;
}
.mwa-icon-more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAYAAAA+ht7fAAAAAXNSR0IArs4c6QAAAEhJREFUSA1jfP36qy8DCUBUlHszCcoZBpv5TKQ4fjioHfXwcIhFfH4YjWF8oTMc5EZjeDjEIj4/jMYwvtAZDnKjMTwcYhGfHwCpPwsw9YQ67AAAAABJRU5ErkJggg==);
  width: 0.3rem;
  height: 0.06rem;
}
.mwa-table {
  width: 100%;
  border-collapse: collapse;
}
.mwa-table th,
.mwa-table td {
  font-size: 16px;
  text-align: left;
  height: 0.7rem;
  box-sizing: border-box;
}
.mwa-table th.tr,
.mwa-table td.tr {
  text-align: right;
}
.mwa-table th.tc,
.mwa-table td.tc {
  text-align: center;
}
.mwa-table th:first-child,
.mwa-table td:first-child {
  padding-left: 0.24rem;
}
.mwa-table th:last-child,
.mwa-table td:last-child {
  padding-right: 0.2rem;
}
.mwa-table th {
  font-size: 13px;
  color: #787878;
}
.mwa-table th.sortUp .mwa-icon-down,
.mwa-table th .sortUp .mwa-icon-down {
  transform: rotate(180deg);
}
.mwa-table.allSort .mwa-icon-down {
  display: none;
}
.mwa-table.allSort .sortUp .mwa-icon-down,
.mwa-table.allSort .sortDown .mwa-icon-down {
  display: inline-block;
}
.mwa-table td {
  border-bottom: 1px solid #222;
}
.mwa-table td.up,
.mwa-table td .up {
  color: #F62C30;
}
.mwa-table td.down,
.mwa-table td .down {
  color: #0EBE52;
}
.mwa-table tr:last-child td {
  border-bottom: 0;
}
.black-themes .wm-table th,
.white-themes .wm-table th,
.black-themes .wm-table td,
.white-themes .wm-table td {
  padding: 6px 5px;
}
.black-themes .wm-table th:first-child,
.white-themes .wm-table th:first-child,
.black-themes .wm-table td:first-child,
.white-themes .wm-table td:first-child {
  padding-left: 12px;
}
.black-themes .wm-table th:last-child,
.white-themes .wm-table th:last-child,
.black-themes .wm-table td:last-child,
.white-themes .wm-table td:last-child {
  padding-right: 12px;
}
.black-themes .wm-table th.sortUp .mwa-icon-down,
.white-themes .wm-table th.sortUp .mwa-icon-down,
.black-themes .wm-table th .sortUp .mwa-icon-down,
.white-themes .wm-table th .sortUp .mwa-icon-down {
  transform: rotate(180deg);
}
.black-themes .wm-table td.up,
.white-themes .wm-table td.up,
.black-themes .wm-table td .up,
.white-themes .wm-table td .up {
  color: #F62C30;
}
.black-themes .wm-table td.down,
.white-themes .wm-table td.down,
.black-themes .wm-table td .down,
.white-themes .wm-table td .down {
  color: #0EBE52;
}
.black-themes .wm-table tr:last-child td,
.white-themes .wm-table tr:last-child td {
  border-bottom-width: 0;
}
.wm-tag {
  font-size: 0.26rem;
}
.wm-card-header-extra span,
.wm-card-header span {
  float: right;
  color: #5e5e5e;
  font-size: 0.28rem;
}
.wm-card-header-extra span em,
.wm-card-header span em {
  color: #c5c5c5;
  font-style: normal;
  margin-left: 0.1rem;
}
.wm-card-header-extra span .wm-icon,
.wm-card-header span .wm-icon {
  float: right;
  width: 0.44rem;
  height: 0.44rem;
  margin-top: -0.1rem;
}
.wm-card-header-extra span .wicon-svg,
.wm-card-header span .wicon-svg {
  color: #707680;
}
h3.title {
  position: relative;
  color: #c5c5c5;
  font-size: 0.38rem;
  font-weight: 550;
  letter-spacing: 0.01rem;
  margin: 0 0.28rem;
  padding: 0.2rem 0 0.2rem;
}
h3.title span {
  float: right;
  color: #5e5e5e;
  font-size: 0.24rem;
}
h3.title span em {
  color: #fff;
  font-style: normal;
  margin-left: 0.1rem;
}
h3.title span .wm-icon {
  float: right;
  width: 0.44rem;
  height: 0.44rem;
  margin-top: -0.1rem;
}
.body-left {
  position: relative;
  z-index: 1;
}
.body-left table {
  border-collapse: collapse;
  width: 100%;
}
.body-left table th,
.body-left table td {
  height: 0.7rem;
  padding-left: 0.24rem;
  text-align: left;
}
.body-left table th.tr,
.body-left table td.tr {
  text-align: right;
}
.body-left table th.tc,
.body-left table td.tc {
  text-align: center;
}
.body-left table th {
  font-size: 13px;
  color: #787878;
}
.body-left table th.sortUp .mwa-icon-down {
  transform: rotate(180deg);
}
.body-left table td {
  font-size: 16px;
  border-bottom: 1px solid #222;
}
.body-left table tr:last-child td {
  border-bottom: none;
}
.body-right {
  position: relative;
  overflow-x: auto;
}
.body-right table {
  border-collapse: collapse;
  width: 100%;
}
.body-right table th,
.body-right table td {
  text-align: left;
  padding-right: 0.3rem;
  height: 0.7rem;
}
.body-right table th.tr,
.body-right table td.tr {
  text-align: right;
}
.body-right table th.tc,
.body-right table td.tc {
  text-align: center;
}
.body-right table th {
  font-size: 13px;
  color: #787878;
}
.body-right table th.sortUp .mwa-icon-down {
  transform: rotate(180deg);
}
.body-right table td {
  font-size: 16px;
  border-bottom: 1px solid #222;
}
.body-right table td.up {
  color: #F62C30;
}
.body-right table td.down {
  color: #0EBE52;
}
.body-right table tr:last-child td {
  border-bottom: none;
}
/*头尾样式*/
.am-action-sheet-share {
  background-color: #1c1c1c;
  padding-bottom: 0.5rem;
}
.am-action-sheet-share .am-action-sheet-share-list {
  justify-content: space-around;
}
.am-action-sheet-share .am-action-sheet-share-list::before {
  height: 0 !important;
}
.am-action-sheet-share .am-action-sheet-share-list .am-action-sheet-share-list-item-icon {
  border-radius: 999px;
}
.am-action-sheet-share .am-action-sheet-share-cancel-button {
  width: 5.6rem;
  margin: 0 auto;
  height: 0.72rem;
  line-height: 0.72rem;
  background-color: #2c3033;
  color: #fff;
  font-size: 0.3rem;
}
.am-action-sheet-share .am-action-sheet-share-cancel-button::before {
  height: 0 !important;
}
.am-action-sheet.am-action-sheet-share {
  padding-bottom: 0;
}
.am-pull-to-refresh-indicator {
  margin-top: 0.2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  color: #5e5e5e;
}
.am-modal-wrap .am-modal-content {
  background-color: #1c1c1c;
}
.am-modal-wrap .am-modal-content .am-modal-header .am-modal-title {
  color: #fff;
  font-size: 0.3rem;
}
.am-modal-wrap .am-modal-content .am-modal-body {
  color: #fff;
  font-size: 0.26rem;
}
.am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button {
  color: #00AEC7;
  font-size: 0.3rem;
}
.am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button::before {
  background-color: #5e5e5e;
}
.am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button.am-modal-button-active {
  background-color: #222;
}
.am-modal-wrap-popup .am-list-body {
  background-color: #131313;
}
.am-modal-wrap-popup .am-list-body::after {
  background-color: #222 !important;
}
.am-modal-wrap-popup .am-list-body .am-list-item {
  background-color: #131313;
}
.am-modal-wrap-popup .am-list-body .am-list-item .am-list-content {
  color: #fff;
  font-size: 0.3rem;
}
.am-modal-wrap-popup .am-list-body .am-list-item.active .am-list-content {
  color: #00AEC7;
}
.am-modal-wrap-popup .am-list-body .am-list-item .am-list-line::after {
  background-color: #222 !important;
}
.am-modal-wrap-popup .am-list-body .multipleModal {
  color: #fff;
  padding: 0.15rem 0.11rem;
}
.am-modal-wrap-popup .am-list-body .multipleModal li {
  display: block;
  min-width: 1.6rem;
  font-size: 0.26rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #222;
  margin: 0.05rem 0.11rem;
  box-sizing: border-box;
}
.am-modal-wrap-popup .am-list-body .multipleModal li.current {
  color: #00AEC7;
  border-color: #00AEC7;
}
.am-modal-wrap-popup .am-list-body .mwa-button-gp {
  margin: 0 auto;
}
.am-modal-wrap-popup .am-list-body .mwa-button-gp div {
  font-size: 0.3rem;
  display: inline-block;
  bottom: 0;
  width: 50%;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  color: #fff;
}
.am-modal-wrap-popup .am-list-body .mwa-button-gp div._confirm {
  background-color: #00AEC7;
}
.am-modal-wrap-popup .am-list-body .mwa-button-gp div._reset {
  background-color: #2c3033;
}
.wm-modal-wrap-popup .wm-modal.has-list .wm-modal-body {
  margin: 0;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content {
  border-radius: 0;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal {
  color: #ffffff;
  padding: 0.22rem 0.11rem;
  margin: -15px -12px 0 -12px;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal li {
  display: block;
  min-width: 1.6rem;
  font-size: 0.26rem;
  height: 0.6rem;
  line-height: 0.6rem;
  border: 1px solid #222;
  margin: 0.1rem 0.11rem;
  box-sizing: border-box;
  padding: 0 0.1rem;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal li.current {
  color: #00AEC7;
  border-color: #00AEC7;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp {
  margin: 0 -12px -15px -12px;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div {
  font-size: 0.3rem;
  display: inline-block;
  bottom: 0;
  width: 50%;
  height: 0.7rem;
  line-height: 0.7rem;
  text-align: center;
  color: #ffffff;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div.confirm {
  background-color: #00AEC7;
}
.wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div.reset {
  background-color: #2c3033;
}
.mob-wft-app .am-popover-inner,
.mob-wft-app .am-popover-arrow,
.mob-wft-app .am-popover-inner-wrapper {
  background-color: #2c3033;
  box-shadow: 0 0 0.03rem rgba(255, 255, 255, 0.7);
  color: #fff;
  font-size: 0.26rem;
}
.mob-wft-app .am-popover-inner {
  border-radius: 0;
}
.mob-wft-app .am-popover-arrow {
  width: 0.28rem;
  height: 0.28rem;
  right: 0.48rem;
}
.mob-wft-app .am-popover-item-container {
  justify-content: center;
  height: 0.78rem;
  padding: 0 0.18rem;
}
.mob-wft-app .am-popover-item.am-popover-item-active {
  background: #00AEC7;
}
.black-themes .am-picker-popup-wrap .am-picker-popup {
  background-color: #131313;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker-popup-header {
  background-image: linear-gradient(to bottom, #131313, #131313, transparent, transparent);
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker-popup-header .am-picker-popup-item {
  color: #00AEC7;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker-popup-header .am-picker-popup-item-active {
  background-color: #222;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker-popup-header::after {
  background-color: #222 !important;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker .am-picker-col .am-picker-col-mask {
  background-image: linear-gradient(to bottom, rgba(23, 23, 27, 0.96), rgba(23, 23, 27, 0.6)), linear-gradient(to top, rgba(23, 23, 27, 0.96), rgba(23, 23, 27, 0.6));
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker .am-picker-col .am-picker-col-item {
  color: #fff;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker .am-picker-col .am-picker-col-item.am-picker-col-item-selected {
  color: #fff;
}
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker .am-picker-col .am-picker-col-indicator::before,
.black-themes .am-picker-popup-wrap .am-picker-popup .am-picker .am-picker-col .am-picker-col-indicator::after {
  background-color: #222 !important;
}
@media screen and (min-width: 750px) {
  .am-modal-wrap-popup .am-list-body .multipleModal li {
    min-width: 4.8rem;
  }
}
.mwa-modal-over {
  height: 100%;
}
.mwa-modal-max {
  height: 60%;
}
.mwa-modal-max-body .wm-modal-body {
  max-height: 420px !important;
}
.mwa-filterlist {
  border-bottom: 1px solid #222;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #5e5e5e;
  font-size: 0.28rem;
  background: #131313;
}
.mwa-filterlist-border {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  text-align: center;
  height: 0.8rem;
  line-height: 0.8rem;
  background: #13161a;
}
.mwa-filterlist-border .flex {
  border-right: 1px solid #222;
}
.mwa-filterlist-border .flex:last-child {
  border-right: 0;
}
/*默认按钮样式*/
.mwa-btn {
  padding: 0;
  width: 100%;
  height: 0.7rem;
  line-height: 0.7rem;
  background: #00AEC7;
  font-size: 0.3rem;
  overflow: visible;
  display: block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  border: 0;
  border-radius: 0.04rem;
  -webkit-user-select: none;
  user-select: none;
  color: #fff;
}
.mwa-btn:disabled {
  background-color: #999;
}
.mwa-btn:focus,
.mwa-btn:active {
  outline: 0;
  outline-offset: -2px;
  text-decoration: none;
  opacity: 0.8;
}
.mwa-btn._disabled {
  background: #999;
}
#__vconsole .vc-switch {
  z-index: 99999;
}
#__vconsole .vc-logbox .vc-cmd .vc-cmd-input,
#__vconsole .vc-logbox .vc-cmd .vc-cmd-btn,
#__vconsole .vc-logbox .vc-item .vc-item-code-input,
#__vconsole .vc-logbox .vc-item .vc-item-code-output {
  color: #000 !important;
}
.clear-card-body-padding,
.wm-card.clear-card-body-padding,
.wm-card-body.clear-card-body-padding {
  padding: 0;
  overflow: hidden;
}
.clear-card-padding-bottom,
.wm-card.clear-card-padding-bottom,
.wm-card-body.clear-card-padding-bottom {
  padding-bottom: 0;
  overflow: hidden;
}
.header-padding,
.wm-card.header-padding,
.wm-card-header.header-padding {
  padding-top: 12px;
}
.wm-card .wm-table.bg-card table th,
.wm-tabs .wm-table.bg-card table th,
.wm-card .wm-table.bg-card table td,
.wm-tabs .wm-table.bg-card table td {
  background: #1c1c1c;
}
.wm-card .wm-tabs-default-bar-capsule,
.wm-tabs .wm-tabs-default-bar-capsule {
  overflow: hidden;
}
.wm-tabs .bg-card-tabs {
  margin: 6px 12px 30px;
  overflow: hidden;
  background-color: #1c1c1c;
}
.wm-tabs .wm-tabs-default-bar-capsule .wm-tabs-default-bar-underline {
  z-index: -1;
}
.wm-tabs.tabs-paddings .wm-tabs-default-bar-tab-title {
  padding: 0 20px;
}
.wm-tabs .wm-tabs-default-bar-line .wm-tabs-default-bar-underline {
  display: none;
}
.wm-tabs .wm-tabs-tab-bar-wrap-line .wm-tabs-default-bar-tab-active::after,
.wm-tabs .wm-tabs-default-bar-line .wm-tabs-default-bar-tab-active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 25px;
  height: 2px;
  background-color: var(--tabs-line-border);
  transform: translateX(-50%);
}
.wm-card .wm-card-body.more-card,
.wm-tabs .bg-card-tabs.more-card {
  background-color: transparent;
}
.wm-card .wm-card-body.more-card .sub-card,
.wm-tabs .bg-card-tabs.more-card .sub-card {
  background-color: #1c1c1c;
  margin-bottom: 6px;
}
.wm-card .wm-card-body.more-card .sub-card:last-child,
.wm-tabs .bg-card-tabs.more-card .sub-card:last-child {
  margin-bottom: 0;
}
body .filter-modal .wm-list-body {
  background-color: transparent;
}
body .filter-modal .wm-modal-footer {
  padding-top: 6px;
}
body .filter-bond .wm-flexbox-item {
  padding: 6px 4.5px;
  flex-basis: 33%;
  flex-grow: 0;
  margin-left: 0;
}
body .filter-bond .wm-tag,
body .filter-bond .wm-checkbox-wrapper {
  display: block;
  margin: 0;
  padding: 9px 0;
  height: auto;
  line-height: 1.2;
  font-size: 12px;
}
body .filter-bond .wm-tag.wm-tag-active,
body .filter-bond .wm-checkbox-wrapper.wm-tag-active {
  color: #c5c5c5;
}
.wm-table-body .wm-table-rise {
  color: #F62C30;
}
.wm-table-body .wm-table-fall {
  color: #0EBE52;
}
.wm-tab-bar .wm-tab-bar-bar:before {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  transform: scaleY(0.5);
  background: #5e5e5e;
  top: -0.02rem;
  bottom: initial;
  background: #222;
}
.black-themes.bg-themes {
  background-color: #000;
}
.black-themes .am-list-body {
  border-top: 0;
  border-bottom: 0;
  background-color: #131313;
}
.black-themes .am-list-body:before,
.black-themes .am-list-body:after,
.black-themes .am-list-body div:not(:last-child) .am-list-line::after {
  background-color: #222 !important;
}
.black-themes .am-list-item {
  background-color: #131313;
  min-height: 1rem;
}
.black-themes .am-list-item.am-list-item-active {
  background-color: #c5c5c5;
}
.black-themes .am-list-item .am-list-line .am-list-content {
  color: #fff;
  font-size: 0.34rem;
}
.black-themes .am-list-item img {
  width: 0.44rem;
  height: 0.44rem;
}
.black-themes .am-steps-item-finish .am-steps-item-icon > .am-steps-icon {
  color: #06b0c9;
}
.black-themes .am-steps-item-finish .am-steps-item-tail:after {
  border-color: #06b0c9;
  background: #06b0c9;
}
.black-themes .am-steps-item-process .am-steps-item-icon {
  color: #fff;
  background: #06b0c9;
  border-color: #06b0c9;
}
.black-themes .am-steps-item-process .am-steps-item-tail:after {
  background-color: #5e5e5e;
}
.black-themes .am-steps-item-process .am-steps-item-title,
.black-themes .am-steps-item-process .am-steps-item-description {
  color: #06b0c9;
}
.black-themes .am-steps-item-wait .am-steps-item-icon > .am-steps-icon {
  color: #5e5e5e;
}
.black-themes .am-steps-item-wait .am-steps-item-tail:after {
  background-color: #5e5e5e;
}
.black-themes .am-steps-small .am-steps-item-title,
.black-themes .am-steps-item-title {
  font-size: 0.3rem;
  color: #5e5e5e;
  font-weight: normal;
}
.black-themes .am-steps-small .am-steps-item-description,
.black-themes .am-steps-item-description {
  font-size: 0.3rem;
  color: #fff;
}
.up-green .mwa-table td.up,
.up-green .wm-table td.up,
.up-green .body-left table td.up,
.up-green .body-right table td.up,
.up-green .mwa-table td .up,
.up-green .wm-table td .up,
.up-green .body-left table td .up,
.up-green .body-right table td .up {
  color: #0EBE52;
}
.up-green .mwa-table td.down,
.up-green .wm-table td.down,
.up-green .body-left table td.down,
.up-green .body-right table td.down,
.up-green .mwa-table td .down,
.up-green .wm-table td .down,
.up-green .body-left table td .down,
.up-green .body-right table td .down {
  color: #F62C30;
}
.white-themes {
  background-color: #f8f8f8;
  color: #333;
}
.white-themes.news-themes {
  background-color: #fff;
}
.white-themes .wm-card-header-extra span,
.white-themes .wm-card-header span {
  color: #333;
}
.white-themes .wm-card-header-extra span em,
.white-themes .wm-card-header span em {
  color: #333;
}
.white-themes .wm-card-header-extra span .wicon-svg,
.white-themes .wm-card-header span .wicon-svg {
  color: #707680;
}
.white-themes .wm-card .wm-table.bg-card table th,
.white-themes .wm-tabs .wm-table.bg-card table th,
.white-themes .wm-card .wm-table.bg-card table td,
.white-themes .wm-tabs .wm-table.bg-card table td {
  background: #ffffff;
}
.white-themes .wm-tabs .bg-card-tabs {
  background-color: #ffffff;
}
.white-themes .wm-card .wm-card-body.more-card,
.white-themes .wm-tabs .bg-card-tabs.more-card {
  background-color: transparent;
}
.white-themes .wm-card .wm-card-body.more-card .sub-card,
.white-themes .wm-tabs .bg-card-tabs.more-card .sub-card {
  background-color: #ffffff;
}
.white-themes .mob-wft-app .wm-popover-inner,
.white-themes .mob-wft-app .wm-popover-arrow,
.white-themes .mob-wft-app .wm-popover-inner-wrapper {
  background-color: #ffffff;
  box-shadow: 0 0 0.03rem rgba(0, 0, 0, 0.21);
  color: #000000;
}
.white-themes .mob-wft-app .wm-popover-item-container::before {
  background-color: #eeeeee !important;
}
.white-themes .mob-wft-app .wm-popover-item.wm-popover-item-active {
  background: #76d3e1;
}
.white-themes .bond .mwa-filterlist {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  color: #333;
  background: #ffffff;
}
.white-themes .mwa-filterlist {
  border-bottom: 1px solid #eeeeee;
  color: #333;
  background: #f8f8f8;
}
.white-themes .mwa-filterlist-border {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
  color: #333;
}
.white-themes .mwa-filterlist-border .flex {
  border-right: 1px solid #eeeeee;
}
.white-themes .mwa-filterlist-border .flex:last-child {
  border-right: 0;
}
.white-themes .loading-more {
  color: #0596B3;
}
.white-themes .tableNoData {
  color: #666;
}
.white-themes .mwa-search.wm-search {
  background-color: #f8f8f8;
  padding: 0 0.32rem;
  height: 1.1rem;
}
.white-themes .mwa-search.wm-search-input {
  background-color: #ffffff;
}
.white-themes .mwa-search.wm-search-value {
  color: #333;
  height: 0.6rem;
  font-size: 0.3rem;
}
.white-themes .mwa-search.wm-search-cancel {
  color: #0596B3;
  font-size: 0.3rem;
}
.white-themes .mwa-search input {
  caret-color: #0596B3;
}
.white-themes h3.title {
  color: #333;
}
.white-themes h3.title:before {
  background-color: #76d3e1;
}
.white-themes h3.title span {
  color: #333;
}
.white-themes h3.title span em {
  color: #333;
}
.white-themes .body-left table th {
  color: #666;
}
.white-themes .body-left table td {
  border-bottom-width: 1px;
  border-bottom-color: #eeeeee;
}
.white-themes .body-left table td.up {
  color: #D51A1D;
}
.white-themes .body-left table td.down {
  color: #008031;
}
.white-themes .body-right table th {
  color: #666;
}
.white-themes .body-right table td {
  border-bottom-width: 1px;
  border-bottom-color: #eeeeee !important;
}
.white-themes .body-right table td.up {
  color: #D51A1D;
}
.white-themes .body-right table td.down {
  color: #008031;
}
.white-themes .tabsStyleMore {
  background-color: #f1f2f3;
  border-bottom: 0;
}
.white-themes .tabsStyleMore.bottom {
  background-color: #ffffff;
}
.white-themes .underline {
  border-bottom: 1px solid #eeeeee;
}
.white-themes .tabsStyle {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}
.white-themes .color-theme {
  color: #0596B3;
}
.white-themes .mwa-table {
  color: #333;
}
.white-themes .mwa-table thead th,
.white-themes .mwa-table thead td {
  color: #666;
}
.white-themes .mwa-table td {
  border-bottom-color: #eeeeee;
}
.white-themes .mwa-table td.up,
.white-themes .mwa-table td .up {
  color: #D51A1D;
}
.white-themes .mwa-table td.down,
.white-themes .mwa-table td .down {
  color: #008031;
}
.white-themes .wm-table td.up,
.white-themes .wm-table td .up {
  color: #D51A1D;
}
.white-themes .wm-table td.down,
.white-themes .wm-table td .down {
  color: #008031;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .wm-list-item .wm-list-content {
  color: #333;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .wm-list-item.active .wm-list-content {
  color: #0596B3;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .mwa-button-gp {
  border-top: 1px solid #eeeeee;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .mwa-button-gp div {
  background-color: #ffffff;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .mwa-button-gp div._confirm {
  color: #0596B3;
}
.white-themes .wm-modal-wrap-popup .wm-list-body .mwa-button-gp div._reset {
  color: #333;
  border-right: 1px solid #eeeeee;
  box-sizing: border-box;
}
.white-themes .wm-modal-wrap .wm-modal-content {
  border-radius: 0;
}
.white-themes .mwa-icon-more {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAMCAYAAAA+ht7fAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAPKADAAQAAAABAAAADAAAAAAq/lHaAAAASElEQVRIDWO0sXHyZSABHDmybzMJyhkGm/lMpDh+OKgd9fBwiEV8fhiNYXyhMxzkRmN4OMQiPj+MxjC+0BkOcqMxPBxiEZ8fABpvCR9+K0iwAAAAAElFTkSuQmCC);
  width: 0.3rem;
  height: 0.06rem;
}
.white-themes .am-modal-wrap .am-modal-content {
  background-color: #ffffff;
  border-radius: 0;
}
.white-themes .am-modal-wrap .am-modal-content .am-modal-header .am-modal-title,
.white-themes .am-modal-wrap .am-modal-content .am-modal-body {
  color: #333;
}
.white-themes .am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button {
  color: #0596B3;
}
.white-themes .am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button::before {
  background-color: #eeeeee;
}
.white-themes .am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button.am-modal-button-active {
  background-color: #f8f8f8;
}
.white-themes .am-modal-wrap .am-modal-content .am-modal-footer .am-modal-button:first-child {
  color: #333;
}
.white-themes .am-modal-wrap-popup .am-list-body {
  background-color: #ffffff;
}
.white-themes .am-modal-wrap-popup .am-list-body::after {
  background-color: #eeeeee !important;
}
.white-themes .am-modal-wrap-popup .am-list-body .am-list-item {
  background-color: #ffffff;
}
.white-themes .am-modal-wrap-popup .am-list-body .am-list-item .am-list-content {
  color: #333;
}
.white-themes .am-modal-wrap-popup .am-list-body .am-list-item.active .am-list-content {
  color: #0596B3;
}
.white-themes .am-modal-wrap-popup .am-list-body .am-list-item .am-list-line::after {
  background-color: #eeeeee !important;
}
.white-themes .am-modal-wrap-popup .am-list-body .multipleModal {
  color: #666;
}
.white-themes .am-modal-wrap-popup .am-list-body .multipleModal li {
  background: #ffffff;
  border: 1px solid rgba(60, 60, 67, 0.3);
}
.white-themes .am-modal-wrap-popup .am-list-body .multipleModal li.current {
  color: #333;
  background: rgba(118, 118, 128, 0.12);
}
.white-themes .am-modal-wrap-popup .am-list-body .mwa-button-gp {
  border-top: 1px solid #eeeeee;
}
.white-themes .am-modal-wrap-popup .am-list-body .mwa-button-gp div {
  background-color: #ffffff;
}
.white-themes .am-modal-wrap-popup .am-list-body .mwa-button-gp div._confirm {
  color: #0596B3;
}
.white-themes .am-modal-wrap-popup .am-list-body .mwa-button-gp div._reset {
  color: #333;
  border-right: 1px solid #eeeeee;
  box-sizing: border-box;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal {
  color: #333;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal li {
  border: 1px solid #eeeeee;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-multiple-modal li.current {
  color: #0596B3;
  border-color: #0596B3;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div {
  color: #333;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div.confirm {
  background-color: #0596B3;
}
.white-themes .wm-modal-wrap-popup .wm-modal-transparent .wm-modal-content .wm-modal-body .wm-button-gp div.reset {
  background-color: rgba(118, 118, 128, 0.12);
}
.white-themes .wm-table-body .wm-table-rise {
  color: #D51A1D;
}
.white-themes .wm-table-body .wm-table-fall {
  color: #008031;
}
.white-themes.up-green .mwa-table td.up,
.white-themes.up-green .wm-table td.up,
.white-themes.up-green .body-left table td.up,
.white-themes.up-green .body-right table td.up,
.white-themes.up-green .mwa-table td .up,
.white-themes.up-green .wm-table td .up,
.white-themes.up-green .body-left table td .up,
.white-themes.up-green .body-right table td .up {
  color: #008031;
}
.white-themes.up-green .mwa-table td.down,
.white-themes.up-green .wm-table td.down,
.white-themes.up-green .body-left table td.down,
.white-themes.up-green .body-right table td.down,
.white-themes.up-green .mwa-table td .down,
.white-themes.up-green .wm-table td .down,
.white-themes.up-green .body-left table td .down,
.white-themes.up-green .body-right table td .down {
  color: #D51A1D;
}
.white-themes .wm-tab-bar .wm-tab-bar-bar {
  background-color: #fff;
}
.white-themes .wm-tab-bar .wm-tab-bar-bar:before {
  background: #eeeeee;
}
body.white-themes .filter-bond .wm-tag {
  color: #666;
}
body.white-themes .filter-bond .wm-tag.wm-tag-active {
  color: #0596B3;
}
.windCode {
  font-size: 0.26rem;
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/*
// 全局/品牌色
@brand-primary-button: #00AEC7;
@brand-primary-red: #DE272A;
@brand-primary-secondary: #B91818;
@brand-success: #16BC50;
@brand-warning: #FAC314;//?
@brand-error: #DE272A;
@brand-important: #FD3B31;  // 用于小红点
@brand-color: #3DC1D4;
@brand-primary: var(--primary);
@brand-primary-selected: var(--primary-active);
@brand-primary-tap: var(--primary-active); // 按钮按下的颜色
@ghost-button-color: @brand-primary;    // 同时应用于背景、文字颜色、边框色
@ghost-button-fill-tap: @brand-primary-tap;
@ghost-button-disable-border: #EBEBF5;
@primary-button-fill: @brand-primary;
@primary-button-fill-tap: @brand-primary-tap;
@warning-button-fill: @brand-error;
@warning-button-fill-tap: @brand-error;
@fill-base-selected: @dark-3;               // 组件选中（新增）
@color-text-base-gray: @dark-4; // 基本 - 灰

@dark-6 : #202022;
@dark-7 :  rgba(118,118,128,0.24);// todo?

@link-button-fill-tap: #ddd;
@link-button-font-size: 16 * @hd;

@fill-body-clear:#1C1C1C;
@color-text-heading: @dark-4;  // 手风琴heading
@color-placeholder: #A2A2A9;           // 占位符
@color-text-paragraph: #fff;             // 段落 ?
@color-text-badge: #E8E8E8;              // 徽标字体颜色
@fill-disabled-new: #1B1B1B;                // 失效背景色：按钮
@fill-grey: #050505;
@fill-button-default: #313135;              // 按钮默认背景色
@alert-operation-color: #5A5A5E;
@pagination-light-wrap-bar: #8A8A8E;
@tab-bar-fill: @dark-3;
@tab-bar-color: #B0B0B0;
@tab-bar-dividing-line: #3B3B3C;
@tab-bar-active-color: @brand-color;
@toast-fill: rgba(58, 58, 58, 0.9); // toast, activity-indicator 的背景颜色
@activity-sheet-light-bgcolor: #F6F6F6;
@search-color-icon: #c5c5c5; // input search icon 的背景色，必须为字符串4b4b4b black
@alert-fill: #363638;
@alert-light-color: #F1F2F3;
@steps-light-line-color: rgba(60,60,67,0.30);
@picker-button-tap: #007892;
@alert-color: @brand-primary;
*/
/*
// 白版样式
@fill-base-light: @light-2;                 // 组件默认背景
@fill-body-light: @light-2;                 // 页面背景
@fill-gray-light: #F6F7F8;
@fill-base-unselected-light: @light-3;      // 组件未选中背景
@fill-head-light: @light-4;                 // 组件标题背景
@fill-tap-light: @light-3;                  // 组件默认背景 - 按下
@color-icon-base-light: @light-5;                      // 图标颜色
// @fill-mask-light: rgba(0, 0, 0, 0.4);              // 遮罩背景
@line-light: rgba(60,60,67,0.30);         //边框(线)颜色
// 白版文字色
@color-text-common-light: #000;           // 常用色
@color-text-base-light: #333;      
@color-text-secondary-light: #6E7073;       // 基本色
@color-text-disabled-light: #999;              // 禁用
@color-placeholder-light: #8B8B8B;           // 占位符
// 白版分割线
@dividing-line-color: rgba(197, 197, 197, 0.5);
// 白版
@border-color-base-light: @light-5;
@border-color-tabs-light: #76D3E1;


@fill-body-clear-light: #666666;
@input-color-icon-light: #FFFFFF;
@search-color-icon-light: #C5C5C5;
// 白版
@picker-header-background-light: #FAFBFD;
@picker-divider-color-light: @light-5;
@picker-button-tap-light: #A7E3EC;
// 白版色彩
@light-1: #F9F9F9;
@light-2: #FFFFFF;
@light-3: #F4F4F5;
@light-4: rgba(118, 118, 128, 0.12);
@light-5: #C5C5C5;
@color-shadow: rgba(0, 0, 0, 0.21);  // 阴影色

// 白版 TODO 待设计
@input-color-icon-light: @light-2;
@input-color-icon-tap-light: @light-2;

// 白版
@tab-bar-fill-light: @light-1;
@tab-bar-color-light: #434445;
@tab-bar-active-color-light: @brand-primary-button;
@tab-bar-dividing-line-light: #CECECE;

*/
/*do not import this file except components/style/index.less*/
.wm-fade-enter,
.wm-fade-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.wm-fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.wm-fade-enter.wm-fade-enter-active,
.wm-fade-appear.wm-fade-appear-active {
  animation-name: amFadeIn;
  animation-play-state: running;
}
.wm-fade-leave.wm-fade-leave-active {
  animation-name: amFadeOut;
  animation-play-state: running;
}
@keyframes amFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes amFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.wm-slide-up-enter,
.wm-slide-up-appear {
  transform: translate(0, 100%);
}
.wm-slide-up-enter,
.wm-slide-up-appear,
.wm-slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.wm-slide-up-enter.wm-slide-up-enter-active,
.wm-slide-up-appear.wm-slide-up-appear-active {
  animation-name: amSlideUpIn;
  animation-play-state: running;
}
.wm-slide-up-leave.wm-slide-up-leave-active {
  animation-name: amSlideUpOut;
  animation-play-state: running;
}
@keyframes amSlideUpIn {
  0% {
    transform: translate(0, 100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes amSlideUpOut {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 100%);
  }
}
.wm.wm-zoom-enter,
.wm.wm-zoom-leave {
  display: block;
}
.wm-zoom-enter,
.wm-zoom-appear {
  opacity: 0;
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);
  animation-play-state: paused;
}
.wm-zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);
  animation-play-state: paused;
}
.wm-zoom-enter.wm-zoom-enter-active,
.wm-zoom-appear.wm-zoom-appear-active {
  animation-name: amZoomIn;
  animation-play-state: running;
}
.wm-zoom-leave.wm-zoom-leave-active {
  animation-name: amZoomOut;
  animation-play-state: running;
}
@keyframes amZoomIn {
  0% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
  100% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
}
@keyframes amZoomOut {
  0% {
    opacity: 1;
    transform-origin: 50% 50%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 50%;
    transform: scale(0, 0);
  }
}
.wm-slide-down-enter,
.wm-slide-down-appear {
  transform: translate(0, -100%);
}
.wm-slide-down-enter,
.wm-slide-down-appear,
.wm-slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-play-state: paused;
}
.wm-slide-down-enter.wm-slide-down-enter-active,
.wm-slide-down-appear.wm-slide-down-appear-active {
  animation-name: amSlideDownIn;
  animation-play-state: running;
}
.wm-slide-down-leave.wm-slide-down-leave-active {
  animation-name: amSlideDownOut;
  animation-play-state: running;
}
@keyframes amSlideDownIn {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes amSlideDownOut {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -100%);
  }
}
:root,
:root[theme-mode="light"] {
  --wm-font-family: "HarmonyOS_Sans_SC_Regular", PingFang SC, Arial, Helvetica Neue, Hiragino Sans GB, Helvetica, Microsoft YaHei;
  --basic-1: #ffffff;
  --basic-2: #f8f8f8;
  --basic-3: #f3f3f3;
  --basic-4: #eee;
  --basic-5: #ddd;
  --basic-6: #c5c5c5;
  --basic-7: #999;
  --basic-8: #8b8b8b;
  --basic-9: #666;
  --basic-10: #333;
  --basic-11: #131313;
  --basic-12: #000000;
  --click-1: #eaf6fa;
  --click-2: #d3eef5;
  --click-3: #86dbeb;
  --click-4: #3dc1d4;
  --click-5: #00aec7;
  --click-6: #0596b3;
  --click-7: #05809e;
  --click-8: #046886;
  --click-9: #045471;
  --click-10: #02435f;
  --red-1: #f9ebec;
  --red-2: #f8d8da;
  --red-3: #f4b9b9;
  --red-4: #ee8789;
  --red-5: #eb5c5e;
  --red-6: #e22c2f;
  --red-7: #c91818;
  --red-8: #ac1116;
  --red-9: #7e1014;
  --red-10: #5e0d11;
  --green-1: #E5F5EC;
  --green-2: #D1EBDB;
  --green-3: #b1ddc2;
  --green-4: #77ca97;
  --green-5: #48b16f;
  --green-6: #179b4a;
  --green-7: #107F3A;
  --green-8: #0B6F36;
  --green-9: #095d29;
  --green-10: #094320;
  --orange-1: #feedd7;
  --orange-2: #fddaba;
  --orange-3: #fcbc88;
  --orange-4: #fe9d52;
  --orange-5: #fa8628;
  --orange-6: #f06f13;
  --orange-7: #cf580e;
  --orange-8: #ab4807;
  --orange-9: #873a03;
  --orange-10: #753402;
  --color-1: #2277a2;
  --color-2: #f68717;
  --color-3: #5fbebf;
  --color-4: #e05d5d;
  --color-5: #4a588e;
  --color-6: #e4c557;
  --color-7: #63a074;
  --color-8: #906f54;
  --color-9: #9da9b4;
  --color-10: #8662ac;
  --color-11: #4d91b4;
  --color-12: #f79e44;
  --color-13: #7ecacb;
  --color-14: #e57c7c;
  --color-15: #6d78a4;
  --color-16: #e8d078;
  --color-17: #81b28f;
  --color-18: #a58b75;
  --color-19: #b0b9c2;
  --color-20: #9d80bc;
  --color-21: #1b5f82;
  --color-22: #c56c12;
  --color-23: #4c9899;
  --color-24: #b34a4a;
  --color-25: #3b4672;
  --color-26: #b69e46;
  --color-27: #4f805d;
  --color-28: #735943;
  --color-29: #7e8790;
  --color-30: #6b4e8a;
  --gray-1: #333;
  --gray-2: #8e8e8e;
  --gray-3: #c5c5c5;
  --gray-4: #dfdfdf;
  --font-color-1: var(--basic-12);
  --font-color-2: var(--basic-10);
  --font-color-3: var(--basic-9);
  --font-color-4: var(--basic-7);
  --font-color-5: var(--basic-6);
  --font-color-6: var(--basic-1);
  --up-color: #c91818;
  --down-color: #107f3a;
  --primary: var(--click-6);
  --primary-active: var(--click-7);
  --success: var(--green-6);
  --success-active: var(--green-7);
  --warning: var(--orange-6);
  --warning-active: var(--orange-7);
  --danger: var(--red-6);
  --danger-active: var(--red-7);
  --border-color-base: var(--basic-4);
  --border-color-split: var(--basic-5);
  --border-color-variant: var(--border-color-base);
  --border-color-active: var(--primary-active);
  --border-color-disabled: var(--font-color-5);
  --link-color: var(--font-color-2);
  --link-underline-color: var(--border-color-base);
  --link-a-color: var(--primary);
  --link-active-color: var(--primary-active);
  --link-disable-color: var(--font-color-5);
  --color-bg-1: var(--basic-2);
  --color-bg-2: var(--basic-4);
  --color-bg-3: var(--basic-1);
  --color-bg-4: var(--basic-4);
  --color-bg-5: var(--basic-2);
  --color-bg-6: var(--basic-1);
  --color-bg-7: var(--basic-1);
  --color-bg-8: var(--basic-1);
  --color-bg-9: var(--basic-1);
  --color-bg-10: var(--click-2);
  --color-bg-11: var(--basic-2);
  --calendar-cell-selected-bg: rgba(61, 193, 212, 0.1);
  --activityIndicator-text-color: var(--basic-7);
  --actionSheet-split-color: var(--basic-4);
  --actionSheet-item-active-bg: var(--basic-2);
  --toast-text-color: var(--basic-5);
  --progress-bg: var(--basic-4);
  --search-bar-bg: var(--basic-4);
  --slider-rail-color-disabled: var(--basic-3);
  --tabBar-bg: var(--basic-2);
  --tabs-line-border: var(--basic-10);
  --image-picker-bg-color: var(--basic-3);
  --table-shadow-color: rgba(0, 0, 0, 0.07);
  --popover-item-active: var(--basic-2);
  --accordion-dot-color: var(--basic-10);
  --checkbox-disabled-color: var(--basic-1);
  --checkbox-capsule-bg: var(--basic-2);
  --checkbox-capsule-active-bg: var(--click-1);
  --checkbox-capsule-active-disabled-color: var(--click-3);
  --checkbox-active-inner-color: var(--basic-1);
  --newsMod-extra-icon-color: var(--basic-9);
  --indexes-anchor-title-bg: var(--basic-3);
  --skeleton-bg: var(--color-bg-2);
  --skeleton-animated-bg: linear-gradient(90deg, var(--color-bg-2) 25%, var(--color-bg-1) 37%, var(--color-bg-2) 63%);
  --dropdown-bg: var(--basic-1);
  --calendar-horizontal-bg-color: var(--basic-2);
  --demo-name-bg: var(--basic-1);
  --demo-capsule-bg: var(--basic-1);
  --demo-detail-mod: var(--basic-11);
  --demo-detail-mod-tabBar: var(--basic-1);
  --demo-detail-mod-tabBar-color: var(--basic-8);
  --demo-login-mod: var(--basic-10);
}
:root[theme-mode="dark"] {
  --basic-2: #c5c5c5;
  --basic-3: #787878;
  --basic-4: #6f6f6f;
  --basic-5: #5e5e5e;
  --basic-6: #4b4b4b;
  --basic-7: #303030;
  --basic-8: #222;
  --basic-9: #1c1c1c;
  --basic-10: #1b1b1b;
  --red-1: #fee2e4;
  --red-2: #fdc4c7;
  --red-3: #fda5a7;
  --red-4: #fd7c7f;
  --red-5: #fb5053;
  --red-6: #fb282c;
  --red-7: #d2191f;
  --red-8: #ac1116;
  --red-9: #7e1016;
  --red-10: #5e0d13;
  --green-3: #9adfb4;
  --green-4: #46ce76;
  --green-5: #10bc53;
  --green-6: #0da046;
  --green-9: #0b5b29;
  --color-1: #1582bb;
  --color-2: #c56c12;
  --color-3: #4c9899;
  --color-4: #b34a4a;
  --color-5: #273b88;
  --color-6: #d0af3c;
  --color-7: #509864;
  --color-8: #725339;
  --color-9: #859ab1;
  --color-10: #724b9b;
  --color-11: #2277a2;
  --color-12: #f68717;
  --color-13: #5fbebf;
  --color-14: #e05d5d;
  --color-15: #4a588e;
  --color-16: #e4c557;
  --color-17: #63a074;
  --color-18: #906f54;
  --color-19: #9da9b4;
  --color-20: #8662ac;
  --color-21: #4d91b4;
  --color-22: #f79e44;
  --color-23: #7ecacb;
  --color-24: #e57c7c;
  --color-25: #6d78a4;
  --color-26: #e8d078;
  --color-27: #81b28f;
  --color-28: #a58b7f;
  --color-29: #b0b9c2;
  --color-30: #9d80bc;
  --font-color-1: var(--basic-1);
  --font-color-2: var(--basic-2);
  --font-color-3: var(--basic-3);
  --font-color-4: var(--basic-5);
  --font-color-5: var(--basic-6);
  --font-color-6: var(--basic-1);
  --up-color: #fb282c;
  --down-color: #10bc53;
  --primary: var(--click-5);
  --primary-active: var(--click-6);
  --border-color-base: var(--basic-8);
  --border-color-split: var(--basic-7);
  --border-color-variant: var(--border-color-split);
  --border-color-disabled: var(--font-color-5);
  --color-bg-1: var(--basic-11);
  --color-bg-2: var(--basic-10);
  --color-bg-3: var(--basic-9);
  --color-bg-4: var(--basic-8);
  --color-bg-5: var(--basic-11);
  --color-bg-6: var(--basic-7);
  --color-bg-7: var(--basic-7);
  --color-bg-8: var(--basic-8);
  --color-bg-9: var(--basic-8);
  --color-bg-10: var(--click-9);
  --color-bg-11: var(--basic-9);
  --shadow-base: 0 3px 6px rgba(0, 0, 0, 0.6);
  --shadow-popover: 0 3px 10px rgba(0, 0, 0, 0.12);
  --shadow-tabs: 0 0 2px rgba(0, 0, 0, 0);
  --table-shadow-color: rgba(0, 0, 0, 0.2);
  --input-divider-color: var(--border-color-base);
  --calendar-cell-selected-bg: rgba(134, 219, 235, 0.1);
  --activityIndicator-text-color: var(--basic-3);
  --actionSheet-split-color: var(--basic-7);
  --actionSheet-item-active-bg: var(--basic-7);
  --toast-text-color: var(--basic-1);
  --progress-bg: var(--basic-7);
  --search-bar-bg: var(--basic-9);
  --slider-rail-color-disabled: var(--basic-8);
  --tabBar-bg: var(--basic-10);
  --tabs-line-border: var(--basic-2);
  --image-picker-bg-color: var(--basic-7);
  --popover-item-active: var(--basic-8);
  --accordion-dot-color: var(--basic-7);
  --checkbox-disabled-color: var(--click-7);
  --checkbox-capsule-bg: var(--basic-7);
  --checkbox-capsule-active-bg: rgba(2, 67, 95, 0.5);
  --checkbox-capsule-active-disabled-color: var(--click-9);
  --checkbox-active-inner-color: var(--basic-12);
  --newsMod-extra-icon-color: #8b8b8b;
  --indexes-anchor-title-bg: var(--basic-8);
  --skeleton-bg: var(--color-bg-6);
  --skeleton-animated-bg: linear-gradient(90deg, var(--color-bg-6) 25%, var(--color-bg-8) 37%, var(--color-bg-6) 63%);
  --dropdown-bg: var(--basic-9);
  --calendar-horizontal-bg-color: var(--basic-9);
  --demo-name-bg: var(--basic-12);
  --demo-capsule-bg: var(--basic-9);
  --demo-detail-mod: var(--basic-2);
  --demo-detail-mod-tabBar: var(--basic-12);
  --demo-detail-mod-tabBar-color: var(--basic-2);
  --demo-login-mod: var(--basic-2);
  /*
  --wm-dark-color-primary: #45acc4;
  --wm-dark-color-primary-tap: #0293ad;
  --wm-dark-1: #000;
  --wm-dark-2: #1c1c1e;
  --wm-dark-3: #2c2c2e;
  --wm-dark-4: rgba(235, 235, 245, 0.6);
  --wm-dark-5: rgba(235, 235, 245, 0.3);
  --wm-dark-6: #202022;
  --wm-dark-7: #363638;
  --wm-dark-8: rgba(84, 84, 88, 0.65);
  --wm-dark-9: #ebebf5;
  --wm-dark-10: rgba(255, 255, 255, 0.1);
  --wm-dark-11: rgba(217, 217, 217, 0.3);
  --wm-dark-12: #98989f;
  --wm-dark-13: #2a2a30;
  --wm-dark-14: rgba(58, 58, 58, 0.9);
  --wm-dark-grey-1: #313135;
  --wm-dark-grey-2: #9fa5b4;

  --wm-light-color-primary: #00aec7;
  --wm-light-color-primary-tap: #a7e3ec;
  --wm-light-border-color: #cecece;
  --wm-light-text-color: #333;
  --wm-placeholder-color-light: #8b8b8b;
  --wm-light-1: #ffffff;
  --wm-light-2: #f9f9f9;
  --wm-light-3: #8a8a8e;
  --wm-light-4: #eeeeef;
  --wm-light-5: #434445;
  --wm-light-6: #f1f2f3;
  --wm-light-7: #c5c5c5;
  --wm-light-8: #c4c4c6;
  --wm-light-9: rgba(60, 60, 67, 0.3);
  --wm-light-10: #f2f2f2;
  --wm-light-11: #999;
  --wm-light-12: rgba(197, 197, 197, 0.5);
  --wm-light-13: #f4f4f5;
  --wm-light-14: rgba(118, 118, 128, 0.12);
  --wm-light-15: #f6f6f6;

  --wm-color-important: #fd3b31;
  --wm-color-important-light: #f62717;

  --wm-color-warning: #ff8f1f;
  --wm-color-danger: #ff3141;
  --wm-color-white: #ffffff;
  --wm-color-weak: #999999;
  --wm-color-light: #cccccc;
  --wm-border-color: #eeeeee;
  --wm-color-text: #333333;
  */
}
*,
*:before,
*:after {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  background-color: var(--color-bg-1);
  font-size: 13px;
  color: var(--font-color-2);
  font-family: var(--wm-font-family);
}
*[contenteditable] {
  -webkit-user-select: auto !important;
}
*:focus {
  outline: none;
}
a {
  background: transparent;
  text-decoration: none;
  outline: none;
  color: var(--link-a-color);
}
/* 常用class添加 */
.wm-img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}
.wm-link {
  color: var(--link-a-color);
  cursor: pointer;
}
.wm-link:hover {
  color: var(--link-a-color);
}
.wm-link:active {
  color: var(--link-active-color);
}
.wm-link[disabled] {
  color: var(--font-color-5);
  cursor: not-allowed;
  pointer-events: none;
}
body {
  /* function css from NEC  注意优先级问题*/
  /* size */
  /* margin left small/middle/large/larger/x-large */
}
body .f-cb:after,
body .f-cbli li:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}
body .f-cb,
body .f-cbli li {
  zoom: 1;
}
body .f-ib {
  display: inline-block;
}
body .f-dn {
  display: none;
}
body .f-db {
  display: block;
}
body .f-df {
  display: flex;
}
body .f-dfc {
  display: flex;
  flex-direction: column;
}
body .f-fl {
  float: left;
}
body .f-fr {
  float: right;
}
body .f-pr {
  position: relative;
}
body .f-prz {
  position: relative;
  zoom: 1;
}
body .f-oh {
  overflow: hidden;
}
body .f-fwn {
  font-weight: normal;
}
body .f-fwb {
  font-weight: bold;
}
body .f-tal {
  text-align: left;
}
body .f-tac {
  text-align: center;
}
body .f-tar {
  text-align: right;
}
body .f-taj {
  text-align: justify;
  text-justify: inter-ideograph;
}
body .f-vam,
body .f-vama * {
  vertical-align: middle;
}
body .f-wsn {
  word-wrap: normal;
  white-space: nowrap;
}
body .f-pre {
  overflow: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
body .f-wwb {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}
body .f-ti {
  overflow: hidden;
  text-indent: -30000px;
}
body .f-ti2 {
  text-indent: 2em;
}
body .f-lhn {
  line-height: normal;
}
body .f-lh1 {
  line-height: 1;
}
body .f-tdu,
body .f-tdu:hover {
  text-decoration: underline;
}
body .f-tdn,
body .f-tdn:hover {
  text-decoration: none;
}
body .f-toe {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body .f-csp {
  cursor: pointer;
}
body .f-csd {
  cursor: default;
}
body .f-csh {
  cursor: help;
}
body .f-csm {
  cursor: move;
}
body .f-usn {
  -webkit-user-select: none;
          user-select: none;
}
body .f-center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body .f-w100 {
  width: 100%;
}
body .f-w-auto {
  width: auto;
}
body .f-h100 {
  height: 100%;
}
body .f-h-auto {
  height: auto;
}
body .f-rise {
  color: var(--up-color) !important;
}
body .f-fall {
  color: var(--down-color) !important;
}
body .f-fs-s {
  font-size: 12px;
}
body .f-fs {
  font-size: 13px;
}
body .f-fs-l {
  font-size: 16px;
}
body .f-fs-xl {
  font-size: 18px;
}
body .f-fs-icon {
  font-size: 20px;
}

/*
// 全局/品牌色
@brand-primary-button: #00AEC7;
@brand-primary-red: #DE272A;
@brand-primary-secondary: #B91818;
@brand-success: #16BC50;
@brand-warning: #FAC314;//?
@brand-error: #DE272A;
@brand-important: #FD3B31;  // 用于小红点
@brand-color: #3DC1D4;
@brand-primary: var(--primary);
@brand-primary-selected: var(--primary-active);
@brand-primary-tap: var(--primary-active); // 按钮按下的颜色
@ghost-button-color: @brand-primary;    // 同时应用于背景、文字颜色、边框色
@ghost-button-fill-tap: @brand-primary-tap;
@ghost-button-disable-border: #EBEBF5;
@primary-button-fill: @brand-primary;
@primary-button-fill-tap: @brand-primary-tap;
@warning-button-fill: @brand-error;
@warning-button-fill-tap: @brand-error;
@fill-base-selected: @dark-3;               // 组件选中（新增）
@color-text-base-gray: @dark-4; // 基本 - 灰

@dark-6 : #202022;
@dark-7 :  rgba(118,118,128,0.24);// todo?

@link-button-fill-tap: #ddd;
@link-button-font-size: 16 * @hd;

@fill-body-clear:#1C1C1C;
@color-text-heading: @dark-4;  // 手风琴heading
@color-placeholder: #A2A2A9;           // 占位符
@color-text-paragraph: #fff;             // 段落 ?
@color-text-badge: #E8E8E8;              // 徽标字体颜色
@fill-disabled-new: #1B1B1B;                // 失效背景色：按钮
@fill-grey: #050505;
@fill-button-default: #313135;              // 按钮默认背景色
@alert-operation-color: #5A5A5E;
@pagination-light-wrap-bar: #8A8A8E;
@tab-bar-fill: @dark-3;
@tab-bar-color: #B0B0B0;
@tab-bar-dividing-line: #3B3B3C;
@tab-bar-active-color: @brand-color;
@toast-fill: rgba(58, 58, 58, 0.9); // toast, activity-indicator 的背景颜色
@activity-sheet-light-bgcolor: #F6F6F6;
@search-color-icon: #c5c5c5; // input search icon 的背景色，必须为字符串4b4b4b black
@alert-fill: #363638;
@alert-light-color: #F1F2F3;
@steps-light-line-color: rgba(60,60,67,0.30);
@picker-button-tap: #007892;
@alert-color: @brand-primary;
*/
/*
// 白版样式
@fill-base-light: @light-2;                 // 组件默认背景
@fill-body-light: @light-2;                 // 页面背景
@fill-gray-light: #F6F7F8;
@fill-base-unselected-light: @light-3;      // 组件未选中背景
@fill-head-light: @light-4;                 // 组件标题背景
@fill-tap-light: @light-3;                  // 组件默认背景 - 按下
@color-icon-base-light: @light-5;                      // 图标颜色
// @fill-mask-light: rgba(0, 0, 0, 0.4);              // 遮罩背景
@line-light: rgba(60,60,67,0.30);         //边框(线)颜色
// 白版文字色
@color-text-common-light: #000;           // 常用色
@color-text-base-light: #333;      
@color-text-secondary-light: #6E7073;       // 基本色
@color-text-disabled-light: #999;              // 禁用
@color-placeholder-light: #8B8B8B;           // 占位符
// 白版分割线
@dividing-line-color: rgba(197, 197, 197, 0.5);
// 白版
@border-color-base-light: @light-5;
@border-color-tabs-light: #76D3E1;


@fill-body-clear-light: #666666;
@input-color-icon-light: #FFFFFF;
@search-color-icon-light: #C5C5C5;
// 白版
@picker-header-background-light: #FAFBFD;
@picker-divider-color-light: @light-5;
@picker-button-tap-light: #A7E3EC;
// 白版色彩
@light-1: #F9F9F9;
@light-2: #FFFFFF;
@light-3: #F4F4F5;
@light-4: rgba(118, 118, 128, 0.12);
@light-5: #C5C5C5;
@color-shadow: rgba(0, 0, 0, 0.21);  // 阴影色

// 白版 TODO 待设计
@input-color-icon-light: @light-2;
@input-color-icon-tap-light: @light-2;

// 白版
@tab-bar-fill-light: @light-1;
@tab-bar-color-light: #434445;
@tab-bar-active-color-light: @brand-primary-button;
@tab-bar-dividing-line-light: #CECECE;

*/
.wm-toast {
  position: fixed;
  width: 100%;
  z-index: 1999;
  font-size: 13px;
  text-align: center;
}
.wm-toast.wm-toast-mask {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  top: 0;
  transform: translateZ(1px);
}
.wm-toast.wm-toast-nomask {
  position: fixed;
  width: auto;
  max-width: 57%;
  left: 50%;
  top: 50%;
  transform: translateZ(1px);
}
.wm-toast.wm-toast-nomask .wm-toast-notice {
  transform: translateX(-50%) translateY(-50%);
}
.wm-toast-notice-content .wm-toast-text {
  border-radius: 4px;
  color: var(--toast-text-color);
  background-color: rgba(48, 48, 48, 0.96);
  padding: 12px 24px;
  word-wrap: break-word;
  white-space: normal;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-vertical {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 0;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-vertical .wm-toast-text-iconEl {
  margin-bottom: 6px;
  width: 36px;
  height: 36px;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-vertical .wicon-svg svg {
  width: 36px;
  height: 36px;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-horizontal {
  width: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-horizontal .wicon-svg svg {
  height: 17.5px;
  width: 17.5px;
}
.wm-toast-notice-content .wm-toast-text .wm-toast-text-content {
  line-height: 19px;
  max-width: 156px;
  width: max-content;
}
.wm-toast-notice-content .wm-toast-text.wm-toast-text-icon .wm-toast-text-info {
  margin-top: 6px;
}
.wm-toast-loading {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  animation: spinner-anime 1s linear infinite;
}
@keyframes spinner-anime {
  100% {
    transform: rotate(360deg);
  }
}