@charset "UTF-8";
/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px; }

.next-icon[dir=rtl]::before {
  transform: rotateY(180deg); }

@font-face {
  font-family: NextIcon;
  src: url("//at.alicdn.com/t/font_515771_7u6frotlpa6.eot");
  src: url("//at.alicdn.com/t/font_515771_7u6frotlpa6.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.woff2") format("woff2"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.woff") format("woff"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.ttf") format("truetype"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.svg#NextIcon") format("svg"); }

.next-icon {
  display: inline-block;
  font-family: NextIcon;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.next-icon:before {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.next-icon-smile:before {
  content: ""; }

.next-icon-cry:before {
  content: ""; }

.next-icon-success:before {
  content: ""; }

.next-icon-warning:before {
  content: ""; }

.next-icon-prompt:before {
  content: ""; }

.next-icon-error:before {
  content: ""; }

.next-icon-help:before {
  content: ""; }

.next-icon-clock:before {
  content: ""; }

.next-icon-success-filling:before {
  content: ""; }

.next-icon-delete-filling:before {
  content: ""; }

.next-icon-favorites-filling:before {
  content: ""; }

.next-icon-add:before {
  content: ""; }

.next-icon-minus:before {
  content: ""; }

.next-icon-arrow-up:before {
  content: ""; }

.next-icon-arrow-down:before {
  content: ""; }

.next-icon-arrow-left:before {
  content: ""; }

.next-icon-arrow-right:before {
  content: ""; }

.next-icon-arrow-double-left:before {
  content: ""; }

.next-icon-arrow-double-right:before {
  content: ""; }

.next-icon-switch:before {
  content: ""; }

.next-icon-sorting:before {
  content: ""; }

.next-icon-descending:before {
  content: ""; }

.next-icon-ascending:before {
  content: ""; }

.next-icon-select:before {
  content: ""; }

.next-icon-semi-select:before {
  content: ""; }

.next-icon-search:before {
  content: ""; }

.next-icon-close:before {
  content: ""; }

.next-icon-ellipsis:before {
  content: ""; }

.next-icon-picture:before {
  content: ""; }

.next-icon-calendar:before {
  content: ""; }

.next-icon-ashbin:before {
  content: ""; }

.next-icon-upload:before {
  content: ""; }

.next-icon-download:before {
  content: ""; }

.next-icon-set:before {
  content: ""; }

.next-icon-edit:before {
  content: ""; }

.next-icon-refresh:before {
  content: ""; }

.next-icon-filter:before {
  content: ""; }

.next-icon-attachment:before {
  content: ""; }

.next-icon-account:before {
  content: ""; }

.next-icon-email:before {
  content: ""; }

.next-icon-atm:before {
  content: ""; }

.next-icon-loading:before {
  content: "";
  animation: loadingCircle 1s infinite linear; }

.next-icon-eye:before {
  content: ""; }

.next-icon-copy:before {
  content: ""; }

.next-icon-toggle-left:before {
  content: ""; }

.next-icon-toggle-right:before {
  content: ""; }

.next-icon-eye-close:before {
  content: ""; }

.next-icon-unlock:before {
  content: ""; }

.next-icon-lock:before {
  content: ""; }

.next-icon-exit:before {
  content: ""; }

.next-icon-chart-bar:before {
  content: ""; }

.next-icon-chart-pie:before {
  content: ""; }

@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg); } }

.next-icon.next-xxs:before {
  width: 8px;
  font-size: 8px;
  line-height: inherit; }

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .next-icon.next-xxs {
    transform: scale(0.5);
    margin-left: -4px;
    margin-right: -4px; }
  .next-icon.next-xxs:before {
    width: 16px;
    font-size: 16px; } }

.next-icon.next-xs:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-icon.next-small:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-icon.next-medium:before {
  width: 20px;
  font-size: 20px;
  line-height: inherit; }

.next-icon.next-large:before {
  width: 24px;
  font-size: 24px;
  line-height: inherit; }

.next-icon.next-xl:before {
  width: 32px;
  font-size: 32px;
  line-height: inherit; }

.next-icon.next-xxl:before {
  width: 48px;
  font-size: 48px;
  line-height: inherit; }

.next-icon.next-xxxl:before {
  width: 64px;
  font-size: 64px;
  line-height: inherit; }

.next-icon.next-inherit:before {
  width: inherit;
  font-size: inherit;
  line-height: inherit; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px; }

.next-btn {
  box-sizing: border-box; }

.next-btn *,
.next-btn *:before,
.next-btn *:after {
  box-sizing: border-box; }

.next-btn::-moz-focus-inner {
  border: 0;
  padding: 0; }

.next-btn, .next-btn:active, .next-btn:focus, .next-btn:hover {
  outline: 0; }

@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg); } }

.next-btn {
  /* 尺寸维度 */
  /* ---------------------------------------- */
  /* 普通按钮 */
  /* 普通态禁用样式 */
  /* 警告按钮 */
  /* 文本按钮 */
  /* loading */
  /* ---------------------------------------- */
  /* 幽灵按钮 */
  /* 组合 */
  /* ---------------------------------------- */ }

.next-btn {
  position: relative;
  display: inline-block;
  box-shadow: none;
  text-decoration: none;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  transition: all 100ms linear;
  cursor: pointer; }

.next-btn:after {
  text-align: center;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 100ms linear; }

.next-btn .next-icon.next-xs:before {
  vertical-align: baseline; }

.next-btn.hover, .next-btn:hover {
  box-shadow: none; }

.next-btn.next-small {
  border-radius: 3px;
  padding: 0 8px;
  height: 20px;
  line-height: 18px;
  font-size: 12px;
  border-width: 1px; }

.next-btn.next-small > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-small > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-small > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-small > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-small > .next-btn-icon.next-icon-alone:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-small.next-btn-loading {
  padding-left: 24px; }

.next-btn.next-small.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 8px;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px; }

.next-btn.next-small.next-btn-loading > .next-icon {
  display: none; }

.next-btn.next-medium {
  border-radius: 3px;
  padding: 0 12px;
  height: 28px;
  line-height: 26px;
  font-size: 12px;
  border-width: 1px; }

.next-btn.next-medium > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-medium > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-medium > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-medium > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-medium > .next-btn-icon.next-icon-alone:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-medium.next-btn-loading {
  padding-left: 28px; }

.next-btn.next-medium.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 12px;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px; }

.next-btn.next-medium.next-btn-loading > .next-icon {
  display: none; }

.next-btn.next-large {
  border-radius: 3px;
  padding: 0 16px;
  height: 40px;
  line-height: 38px;
  font-size: 16px;
  border-width: 1px; }

.next-btn.next-large > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-large > .next-btn-icon.next-icon-first:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn.next-large > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-large > .next-btn-icon.next-icon-last:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn.next-large > .next-btn-icon.next-icon-alone:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn.next-large.next-btn-loading {
  padding-left: 36px; }

.next-btn.next-large.next-btn-loading:after {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  left: 16px;
  top: 50%;
  text-align: center;
  margin-top: -8px;
  margin-right: 4px; }

.next-btn.next-large.next-btn-loading > .next-icon {
  display: none; }

.next-btn.next-btn-normal {
  border-style: solid;
  background-color: #FFFFFF;
  border-color: #C4C6CF; }

.next-btn.next-btn-normal, .next-btn.next-btn-normal:link, .next-btn.next-btn-normal:visited, .next-btn.next-btn-normal.visited {
  color: #333333; }

.next-btn.next-btn-normal:focus, .next-btn.next-btn-normal:hover, .next-btn.next-btn-normal.hover, .next-btn.next-btn-normal:active, .next-btn.next-btn-normal.active {
  color: #333333;
  background-color: #F2F3F7;
  border-color: #A0A2AD;
  text-decoration: none; }

.next-btn.next-btn-primary {
  border-style: solid;
  background-color: #5584FF;
  border-color: transparent; }

.next-btn.next-btn-primary, .next-btn.next-btn-primary:link, .next-btn.next-btn-primary:visited, .next-btn.next-btn-primary.visited {
  color: #FFFFFF; }

.next-btn.next-btn-primary:focus, .next-btn.next-btn-primary:hover, .next-btn.next-btn-primary.hover, .next-btn.next-btn-primary:active, .next-btn.next-btn-primary.active {
  color: #FFFFFF;
  background-color: #3E71F7;
  border-color: transparent;
  text-decoration: none; }

.next-btn.next-btn-secondary {
  border-style: solid;
  background-color: #FFFFFF;
  border-color: #5584FF; }

.next-btn.next-btn-secondary, .next-btn.next-btn-secondary:link, .next-btn.next-btn-secondary:visited, .next-btn.next-btn-secondary.visited {
  color: #5584FF; }

.next-btn.next-btn-secondary:focus, .next-btn.next-btn-secondary:hover, .next-btn.next-btn-secondary.hover, .next-btn.next-btn-secondary:active, .next-btn.next-btn-secondary.active {
  color: #FFFFFF;
  background-color: #3E71F7;
  border-color: #3E71F7;
  text-decoration: none; }

.next-btn.disabled, .next-btn[disabled] {
  cursor: not-allowed;
  background-color: #F7F8FA;
  border-color: #E6E7EB; }

.next-btn.disabled, .next-btn.disabled:link, .next-btn.disabled:visited, .next-btn.disabled.visited, .next-btn[disabled], .next-btn[disabled]:link, .next-btn[disabled]:visited, .next-btn[disabled].visited {
  color: #CCCCCC; }

.next-btn.disabled:focus, .next-btn.disabled:hover, .next-btn.disabled.hover, .next-btn.disabled:active, .next-btn.disabled.active, .next-btn[disabled]:focus, .next-btn[disabled]:hover, .next-btn[disabled].hover, .next-btn[disabled]:active, .next-btn[disabled].active {
  color: #CCCCCC;
  background-color: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none; }

.next-btn-warning {
  border-style: solid; }

.next-btn-warning.next-btn-primary {
  background-color: #FF3000;
  border-color: #FF3000; }

.next-btn-warning.next-btn-primary, .next-btn-warning.next-btn-primary:link, .next-btn-warning.next-btn-primary:visited, .next-btn-warning.next-btn-primary.visited {
  color: #FFFFFF; }

.next-btn-warning.next-btn-primary:focus, .next-btn-warning.next-btn-primary:hover, .next-btn-warning.next-btn-primary.hover, .next-btn-warning.next-btn-primary:active, .next-btn-warning.next-btn-primary.active {
  color: #FFFFFF;
  background-color: #E72B00;
  border-color: #E72B00;
  text-decoration: none; }

.next-btn-warning.next-btn-primary.disabled, .next-btn-warning.next-btn-primary[disabled] {
  background-color: #F7F8FA;
  border-color: #DCDEE3; }

.next-btn-warning.next-btn-primary.disabled, .next-btn-warning.next-btn-primary.disabled:link, .next-btn-warning.next-btn-primary.disabled:visited, .next-btn-warning.next-btn-primary.disabled.visited, .next-btn-warning.next-btn-primary[disabled], .next-btn-warning.next-btn-primary[disabled]:link, .next-btn-warning.next-btn-primary[disabled]:visited, .next-btn-warning.next-btn-primary[disabled].visited {
  color: #CCCCCC; }

.next-btn-warning.next-btn-primary.disabled:focus, .next-btn-warning.next-btn-primary.disabled:hover, .next-btn-warning.next-btn-primary.disabled.hover, .next-btn-warning.next-btn-primary.disabled:active, .next-btn-warning.next-btn-primary.disabled.active, .next-btn-warning.next-btn-primary[disabled]:focus, .next-btn-warning.next-btn-primary[disabled]:hover, .next-btn-warning.next-btn-primary[disabled].hover, .next-btn-warning.next-btn-primary[disabled]:active, .next-btn-warning.next-btn-primary[disabled].active {
  color: #CCCCCC;
  background-color: #F7F8FA;
  border-color: #DCDEE3;
  text-decoration: none; }

.next-btn-warning.next-btn-normal {
  background-color: #FFFFFF;
  border-color: #FF3000; }

.next-btn-warning.next-btn-normal, .next-btn-warning.next-btn-normal:link, .next-btn-warning.next-btn-normal:visited, .next-btn-warning.next-btn-normal.visited {
  color: #FF3000; }

.next-btn-warning.next-btn-normal:focus, .next-btn-warning.next-btn-normal:hover, .next-btn-warning.next-btn-normal.hover, .next-btn-warning.next-btn-normal:active, .next-btn-warning.next-btn-normal.active {
  color: #FFFFFF;
  background-color: #E72B00;
  border-color: #E72B00;
  text-decoration: none; }

.next-btn-warning.next-btn-normal.disabled, .next-btn-warning.next-btn-normal[disabled] {
  background-color: #F7F8FA;
  border-color: #E6E7EB; }

.next-btn-warning.next-btn-normal.disabled, .next-btn-warning.next-btn-normal.disabled:link, .next-btn-warning.next-btn-normal.disabled:visited, .next-btn-warning.next-btn-normal.disabled.visited, .next-btn-warning.next-btn-normal[disabled], .next-btn-warning.next-btn-normal[disabled]:link, .next-btn-warning.next-btn-normal[disabled]:visited, .next-btn-warning.next-btn-normal[disabled].visited {
  color: #CCCCCC; }

.next-btn-warning.next-btn-normal.disabled:focus, .next-btn-warning.next-btn-normal.disabled:hover, .next-btn-warning.next-btn-normal.disabled.hover, .next-btn-warning.next-btn-normal.disabled:active, .next-btn-warning.next-btn-normal.disabled.active, .next-btn-warning.next-btn-normal[disabled]:focus, .next-btn-warning.next-btn-normal[disabled]:hover, .next-btn-warning.next-btn-normal[disabled].hover, .next-btn-warning.next-btn-normal[disabled]:active, .next-btn-warning.next-btn-normal[disabled].active {
  color: #CCCCCC;
  background-color: #F7F8FA;
  border-color: #E6E7EB;
  text-decoration: none; }

.next-btn-text {
  box-shadow: none;
  border-radius: 0; }

.next-btn-text.hover, .next-btn-text:hover {
  box-shadow: none; }

.next-btn-text.next-btn-primary {
  background-color: transparent;
  border-color: transparent; }

.next-btn-text.next-btn-primary, .next-btn-text.next-btn-primary:link, .next-btn-text.next-btn-primary:visited, .next-btn-text.next-btn-primary.visited {
  color: #5584FF; }

.next-btn-text.next-btn-primary:focus, .next-btn-text.next-btn-primary:hover, .next-btn-text.next-btn-primary.hover, .next-btn-text.next-btn-primary:active, .next-btn-text.next-btn-primary.active {
  color: #3E71F7;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none; }

.next-btn-text.next-btn-secondary {
  background-color: transparent;
  border-color: transparent; }

.next-btn-text.next-btn-secondary, .next-btn-text.next-btn-secondary:link, .next-btn-text.next-btn-secondary:visited, .next-btn-text.next-btn-secondary.visited {
  color: #666666; }

.next-btn-text.next-btn-secondary:focus, .next-btn-text.next-btn-secondary:hover, .next-btn-text.next-btn-secondary.hover, .next-btn-text.next-btn-secondary:active, .next-btn-text.next-btn-secondary.active {
  color: #5584FF;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none; }

.next-btn-text.next-btn-normal {
  background-color: transparent;
  border-color: transparent; }

.next-btn-text.next-btn-normal, .next-btn-text.next-btn-normal:link, .next-btn-text.next-btn-normal:visited, .next-btn-text.next-btn-normal.visited {
  color: #333333; }

.next-btn-text.next-btn-normal:focus, .next-btn-text.next-btn-normal:hover, .next-btn-text.next-btn-normal.hover, .next-btn-text.next-btn-normal:active, .next-btn-text.next-btn-normal.active {
  color: #5584FF;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none; }

.next-btn-text.next-large {
  border-radius: 0;
  padding: 0 0;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  border-width: 0; }

.next-btn-text.next-large > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text.next-large > .next-btn-icon.next-icon-first:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn-text.next-large > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text.next-large > .next-btn-icon.next-icon-last:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn-text.next-large > .next-btn-icon.next-icon-alone:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn-text.next-large.next-btn-loading {
  padding-left: 20px; }

.next-btn-text.next-large.next-btn-loading:after {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  left: 0;
  top: 50%;
  text-align: center;
  margin-top: -8px;
  margin-right: 4px; }

.next-btn-text.next-large.next-btn-loading > .next-icon {
  display: none; }

.next-btn-text.next-medium {
  border-radius: 0;
  padding: 0 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  border-width: 0; }

.next-btn-text.next-medium > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text.next-medium > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-medium > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text.next-medium > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-medium > .next-btn-icon.next-icon-alone:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-medium.next-btn-loading {
  padding-left: 16px; }

.next-btn-text.next-medium.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 0;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px; }

.next-btn-text.next-medium.next-btn-loading > .next-icon {
  display: none; }

.next-btn-text.next-small {
  border-radius: 0;
  padding: 0 0;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  border-width: 0; }

.next-btn-text.next-small > .next-btn-icon.next-icon-first {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text.next-small > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-small > .next-btn-icon.next-icon-last {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text.next-small > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-small > .next-btn-icon.next-icon-alone:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text.next-small.next-btn-loading {
  padding-left: 16px; }

.next-btn-text.next-small.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 0;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px; }

.next-btn-text.next-small.next-btn-loading > .next-icon {
  display: none; }

.next-btn-text.disabled, .next-btn-text[disabled] {
  background-color: transparent;
  border-color: transparent; }

.next-btn-text.disabled, .next-btn-text.disabled:link, .next-btn-text.disabled:visited, .next-btn-text.disabled.visited, .next-btn-text[disabled], .next-btn-text[disabled]:link, .next-btn-text[disabled]:visited, .next-btn-text[disabled].visited {
  color: #CCCCCC; }

.next-btn-text.disabled:focus, .next-btn-text.disabled:hover, .next-btn-text.disabled.hover, .next-btn-text.disabled:active, .next-btn-text.disabled.active, .next-btn-text[disabled]:focus, .next-btn-text[disabled]:hover, .next-btn-text[disabled].hover, .next-btn-text[disabled]:active, .next-btn-text[disabled].active {
  color: #CCCCCC;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none; }

.next-btn-text.next-btn-loading {
  background-color: transparent;
  border-color: transparent; }

.next-btn-text.next-btn-loading, .next-btn-text.next-btn-loading:link, .next-btn-text.next-btn-loading:visited, .next-btn-text.next-btn-loading.visited {
  color: #333333; }

.next-btn-text.next-btn-loading:focus, .next-btn-text.next-btn-loading:hover, .next-btn-text.next-btn-loading.hover, .next-btn-text.next-btn-loading:active, .next-btn-text.next-btn-loading.active {
  color: #333333;
  background-color: transparent;
  border-color: transparent;
  text-decoration: none; }

.next-btn-loading {
  pointer-events: none; }

.next-btn-loading:after {
  font-family: NextIcon;
  content: "";
  opacity: 1;
  visibility: visible;
  animation: loadingCircle 2s infinite linear; }

.next-btn-ghost {
  box-shadow: none;
  border-style: solid; }

.next-btn-ghost.next-btn-dark {
  background-color: rgba(0, 0, 0, 0);
  border-color: #FFFFFF; }

.next-btn-ghost.next-btn-dark, .next-btn-ghost.next-btn-dark:link, .next-btn-ghost.next-btn-dark:visited, .next-btn-ghost.next-btn-dark.visited {
  color: #FFFFFF; }

.next-btn-ghost.next-btn-dark:focus, .next-btn-ghost.next-btn-dark:hover, .next-btn-ghost.next-btn-dark.hover, .next-btn-ghost.next-btn-dark:active, .next-btn-ghost.next-btn-dark.active {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.8);
  border-color: #FFFFFF;
  text-decoration: none; }

.next-btn-ghost.next-btn-dark.disabled, .next-btn-ghost.next-btn-dark[disabled] {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4); }

.next-btn-ghost.next-btn-dark.disabled, .next-btn-ghost.next-btn-dark.disabled:link, .next-btn-ghost.next-btn-dark.disabled:visited, .next-btn-ghost.next-btn-dark.disabled.visited, .next-btn-ghost.next-btn-dark[disabled], .next-btn-ghost.next-btn-dark[disabled]:link, .next-btn-ghost.next-btn-dark[disabled]:visited, .next-btn-ghost.next-btn-dark[disabled].visited {
  color: rgba(255, 255, 255, 0.4); }

.next-btn-ghost.next-btn-dark.disabled:focus, .next-btn-ghost.next-btn-dark.disabled:hover, .next-btn-ghost.next-btn-dark.disabled.hover, .next-btn-ghost.next-btn-dark.disabled:active, .next-btn-ghost.next-btn-dark.disabled.active, .next-btn-ghost.next-btn-dark[disabled]:focus, .next-btn-ghost.next-btn-dark[disabled]:hover, .next-btn-ghost.next-btn-dark[disabled].hover, .next-btn-ghost.next-btn-dark[disabled]:active, .next-btn-ghost.next-btn-dark[disabled].active {
  color: rgba(255, 255, 255, 0.4);
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
  text-decoration: none; }

.next-btn-ghost.next-btn-light {
  background-color: rgba(0, 0, 0, 0);
  border-color: #333333; }

.next-btn-ghost.next-btn-light, .next-btn-ghost.next-btn-light:link, .next-btn-ghost.next-btn-light:visited, .next-btn-ghost.next-btn-light.visited {
  color: #333333; }

.next-btn-ghost.next-btn-light:focus, .next-btn-ghost.next-btn-light:hover, .next-btn-ghost.next-btn-light.hover, .next-btn-ghost.next-btn-light:active, .next-btn-ghost.next-btn-light.active {
  color: #999999;
  background-color: rgba(0, 0, 0, 0.92);
  border-color: #333333;
  text-decoration: none; }

.next-btn-ghost.next-btn-light.disabled, .next-btn-ghost.next-btn-light[disabled] {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.1); }

.next-btn-ghost.next-btn-light.disabled, .next-btn-ghost.next-btn-light.disabled:link, .next-btn-ghost.next-btn-light.disabled:visited, .next-btn-ghost.next-btn-light.disabled.visited, .next-btn-ghost.next-btn-light[disabled], .next-btn-ghost.next-btn-light[disabled]:link, .next-btn-ghost.next-btn-light[disabled]:visited, .next-btn-ghost.next-btn-light[disabled].visited {
  color: rgba(0, 0, 0, 0.1); }

.next-btn-ghost.next-btn-light.disabled:focus, .next-btn-ghost.next-btn-light.disabled:hover, .next-btn-ghost.next-btn-light.disabled.hover, .next-btn-ghost.next-btn-light.disabled:active, .next-btn-ghost.next-btn-light.disabled.active, .next-btn-ghost.next-btn-light[disabled]:focus, .next-btn-ghost.next-btn-light[disabled]:hover, .next-btn-ghost.next-btn-light[disabled].hover, .next-btn-ghost.next-btn-light[disabled]:active, .next-btn-ghost.next-btn-light[disabled].active {
  color: rgba(0, 0, 0, 0.1);
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.next-btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.next-btn-group > .next-btn {
  position: relative;
  float: left;
  box-shadow: none; }

.next-btn-group > .next-btn:hover, .next-btn-group > .next-btn:focus, .next-btn-group > .next-btn:active, .next-btn-group > .next-btn.active {
  z-index: 1; }

.next-btn-group > .next-btn.disabled, .next-btn-group > .next-btn[disabled] {
  z-index: 0; }

.next-btn-group .next-btn.next-btn {
  margin: 0 0 0 -1px; }

.next-btn-group .next-btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.next-btn-group > .next-btn:first-child {
  margin: 0; }

.next-btn-group > .next-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.next-btn-group > .next-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.next-btn-group > .next-btn-primary:not(:first-child) {
  border-left-color: rgba(255, 255, 255, 0.2); }

.next-btn-group > .next-btn-primary:not(:first-child):hover {
  border-left-color: transparent; }

.next-btn-group > .next-btn-primary:not(:first-child).disabled, .next-btn-group > .next-btn-primary:not(:first-child)[disabled] {
  border-left-color: #E6E7EB; }

/* 组合 */
/* ---------------------------------------- */
.next-btn-group[dir=rtl] > .next-btn {
  float: right; }

.next-btn-group[dir=rtl] .next-btn.next-btn {
  margin: 0 -1px 0 0; }

.next-btn-group[dir=rtl] > .next-btn:first-child:not(:last-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.next-btn-group[dir=rtl] > .next-btn:last-child:not(:first-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.next-btn-group[dir=rtl] > .next-btn-primary:not(:first-child) {
  border-right-color: rgba(255, 255, 255, 0.2); }

.next-btn-group[dir=rtl] > .next-btn-primary:not(:first-child):hover {
  border-right-color: transparent; }

.next-btn-group[dir=rtl] > .next-btn-primary:not(:first-child).disabled, .next-btn-group[dir=rtl] > .next-btn-primary:not(:first-child)[disabled] {
  border-right-color: #E6E7EB; }

/* 尺寸维度 */
/* ---------------------------------------- */
.next-btn.next-small[dir=rtl] {
  border-radius: 3px; }

.next-btn.next-small[dir=rtl] > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-small[dir=rtl] > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-small[dir=rtl] > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-small[dir=rtl] > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-small[dir=rtl].next-btn-loading {
  padding-left: 8px;
  padding-right: 24px; }

.next-btn.next-small[dir=rtl].next-btn-loading:after {
  right: 8px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

.next-btn.next-medium[dir=rtl] {
  border-radius: 3px; }

.next-btn.next-medium[dir=rtl] > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-medium[dir=rtl] > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-medium[dir=rtl] > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-medium[dir=rtl] > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn.next-medium[dir=rtl].next-btn-loading {
  padding-left: 12px;
  padding-right: 28px; }

.next-btn.next-medium[dir=rtl].next-btn-loading:after {
  right: 12px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

.next-btn.next-large[dir=rtl] {
  border-radius: 3px; }

.next-btn.next-large[dir=rtl] > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn.next-large[dir=rtl] > .next-btn-icon.next-icon-first:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn.next-large[dir=rtl] > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn.next-large[dir=rtl] > .next-btn-icon.next-icon-last:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn.next-large[dir=rtl].next-btn-loading {
  padding-left: 16px;
  padding-right: 36px; }

.next-btn.next-large[dir=rtl].next-btn-loading:after {
  right: 16px;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

/* 文本按钮 */
.next-btn-text[dir=rtl].next-large {
  border-radius: 0; }

.next-btn-text[dir=rtl].next-large > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text[dir=rtl].next-large > .next-btn-icon.next-icon-first:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-large > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text[dir=rtl].next-large > .next-btn-icon.next-icon-last:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-large.next-btn-loading {
  padding-left: 0;
  padding-right: 20px; }

.next-btn-text[dir=rtl].next-large.next-btn-loading:after {
  right: 0;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

.next-btn-text[dir=rtl].next-medium {
  border-radius: 0; }

.next-btn-text[dir=rtl].next-medium > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text[dir=rtl].next-medium > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-medium > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text[dir=rtl].next-medium > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-medium.next-btn-loading {
  padding-left: 0;
  padding-right: 16px; }

.next-btn-text[dir=rtl].next-medium.next-btn-loading:after {
  right: 0;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

.next-btn-text[dir=rtl].next-small {
  border-radius: 0; }

.next-btn-text[dir=rtl].next-small > .next-btn-icon.next-icon-first {
  margin-left: 4px;
  margin-right: 0; }

.next-btn-text[dir=rtl].next-small > .next-btn-icon.next-icon-first:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-small > .next-btn-icon.next-icon-last {
  margin-left: 0;
  margin-right: 4px; }

.next-btn-text[dir=rtl].next-small > .next-btn-icon.next-icon-last:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-btn-text[dir=rtl].next-small.next-btn-loading {
  padding-left: 0;
  padding-right: 16px; }

.next-btn-text[dir=rtl].next-small.next-btn-loading:after {
  right: 0;
  top: 50%;
  margin-right: 0;
  margin-left: 4px; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px; }

/**
 * 尺寸 基础尺寸
 * 命名能在语义的前提下简单就尽量简单, 这里可以是 size-2x, space-2x, size-base ...
 * 不过可以在语义的前提下做的更精简一些, 于是用了s2, s1等
 * 可用变量: `$s1 - $s8`
 * @example scss - 使用
 *   .element {
 *     padding: $s1 !default;
 *   }
 *
 * @example css - CSS 输出
 *   .element {
 *     padding: 4px !default;
 *   }
 */
.next-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  margin: -1px; }

.next-icon[dir=rtl]::before {
  transform: rotateY(180deg); }

@font-face {
  font-family: NextIcon;
  src: url("//at.alicdn.com/t/font_515771_7u6frotlpa6.eot");
  src: url("//at.alicdn.com/t/font_515771_7u6frotlpa6.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.woff2") format("woff2"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.woff") format("woff"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.ttf") format("truetype"), url("//at.alicdn.com/t/font_515771_7u6frotlpa6.svg#NextIcon") format("svg"); }

.next-icon {
  display: inline-block;
  font-family: NextIcon;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.next-icon:before {
  display: inline-block;
  vertical-align: middle;
  text-align: center; }

.next-icon-smile:before {
  content: ""; }

.next-icon-cry:before {
  content: ""; }

.next-icon-success:before {
  content: ""; }

.next-icon-warning:before {
  content: ""; }

.next-icon-prompt:before {
  content: ""; }

.next-icon-error:before {
  content: ""; }

.next-icon-help:before {
  content: ""; }

.next-icon-clock:before {
  content: ""; }

.next-icon-success-filling:before {
  content: ""; }

.next-icon-delete-filling:before {
  content: ""; }

.next-icon-favorites-filling:before {
  content: ""; }

.next-icon-add:before {
  content: ""; }

.next-icon-minus:before {
  content: ""; }

.next-icon-arrow-up:before {
  content: ""; }

.next-icon-arrow-down:before {
  content: ""; }

.next-icon-arrow-left:before {
  content: ""; }

.next-icon-arrow-right:before {
  content: ""; }

.next-icon-arrow-double-left:before {
  content: ""; }

.next-icon-arrow-double-right:before {
  content: ""; }

.next-icon-switch:before {
  content: ""; }

.next-icon-sorting:before {
  content: ""; }

.next-icon-descending:before {
  content: ""; }

.next-icon-ascending:before {
  content: ""; }

.next-icon-select:before {
  content: ""; }

.next-icon-semi-select:before {
  content: ""; }

.next-icon-search:before {
  content: ""; }

.next-icon-close:before {
  content: ""; }

.next-icon-ellipsis:before {
  content: ""; }

.next-icon-picture:before {
  content: ""; }

.next-icon-calendar:before {
  content: ""; }

.next-icon-ashbin:before {
  content: ""; }

.next-icon-upload:before {
  content: ""; }

.next-icon-download:before {
  content: ""; }

.next-icon-set:before {
  content: ""; }

.next-icon-edit:before {
  content: ""; }

.next-icon-refresh:before {
  content: ""; }

.next-icon-filter:before {
  content: ""; }

.next-icon-attachment:before {
  content: ""; }

.next-icon-account:before {
  content: ""; }

.next-icon-email:before {
  content: ""; }

.next-icon-atm:before {
  content: ""; }

.next-icon-loading:before {
  content: "";
  animation: loadingCircle 1s infinite linear; }

.next-icon-eye:before {
  content: ""; }

.next-icon-copy:before {
  content: ""; }

.next-icon-toggle-left:before {
  content: ""; }

.next-icon-toggle-right:before {
  content: ""; }

.next-icon-eye-close:before {
  content: ""; }

.next-icon-unlock:before {
  content: ""; }

.next-icon-lock:before {
  content: ""; }

.next-icon-exit:before {
  content: ""; }

.next-icon-chart-bar:before {
  content: ""; }

.next-icon-chart-pie:before {
  content: ""; }

@keyframes loadingCircle {
  0% {
    transform-origin: 50% 50%;
    transform: rotate(0deg); }
  100% {
    transform-origin: 50% 50%;
    transform: rotate(360deg); } }

.next-icon.next-xxs:before {
  width: 8px;
  font-size: 8px;
  line-height: inherit; }

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .next-icon.next-xxs {
    transform: scale(0.5);
    margin-left: -4px;
    margin-right: -4px; }
  .next-icon.next-xxs:before {
    width: 16px;
    font-size: 16px; } }

.next-icon.next-xs:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit; }

.next-icon.next-small:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit; }

.next-icon.next-medium:before {
  width: 20px;
  font-size: 20px;
  line-height: inherit; }

.next-icon.next-large:before {
  width: 24px;
  font-size: 24px;
  line-height: inherit; }

.next-icon.next-xl:before {
  width: 32px;
  font-size: 32px;
  line-height: inherit; }

.next-icon.next-xxl:before {
  width: 48px;
  font-size: 48px;
  line-height: inherit; }

.next-icon.next-xxxl:before {
  width: 64px;
  font-size: 64px;
  line-height: inherit; }

.next-icon.next-inherit:before {
  width: inherit;
  font-size: inherit;
  line-height: inherit; }

.lp-collapse {
  line-height: 20px; }

.lp-collapse .lp-collapse-flex {
  display: flex;
  flex-wrap: nowrap; }

.lp-collapse .lp-button {
  margin-top: -2px;
  margin-left: 4px;
  font-size: unset; }

.lp-collapse .lp-button-area {
  align-self: flex-end; }

.lp-collapse .lp-button-area .lp-button {
  margin-top: -3px;
  margin-left: 4px;
  font-size: unset; }

.lp-collapse .icon-collapse-caret-up {
  margin-left: 1px;
  position: absolute;
  bottom: 0px;
  color: #0070cc; }

.lp-collapse .icon-collapse-caret-down {
  margin-left: 1px;
  position: absolute;
  right: -12px;
  bottom: 0px;
  color: #0070cc; }

.lp-collapse .next-icon-caret-up::before {
  content: ""; }

.lp-collapse .next-icon-caret-down::before {
  content: ""; }

.lp-collapse .lp-text-overflow {
  overflow: hidden;
  -webkit-box-orient: vertical;
  word-break: break-all;
  white-space: normal;
  text-overflow: ellipsis;
  display: "-webkit-inline-box"; }

.lp-collapse .lp-line-clamp-1 {
  -webkit-line-clamp: 1; }

.lp-collapse .lp-line-clamp-2 {
  -webkit-line-clamp: 2; }

.lp-collapse .lp-line-clamp-3 {
  -webkit-line-clamp: 3; }

.lp-collapse .lp-line-clamp-4 {
  -webkit-line-clamp: 4; }

.lp-collapse .lp-line-clamp-5 {
  -webkit-line-clamp: 5; }

.lp-collapse .lp-line-clamp-6 {
  -webkit-line-clamp: 6; }

.lp-collapse .lp-line-clamp-7 {
  -webkit-line-clamp: 7; }

.lp-collapse .lp-line-clamp-8 {
  -webkit-line-clamp: 8; }

.lp-collapse .lp-line-clamp-9 {
  -webkit-line-clamp: 9; }

.lp-collapse .lp-line-clamp-10 {
  -webkit-line-clamp: 10; }
