@csr632/next/dist/next-noreset-2.css

A configurable component library for web built on React.

/*!
 * @alifd/next@1.21.27 (https://fusion.design)
 * Copyright 2018-present Alibaba Group,
 * Licensed under MIT (https://github.com/alibaba-fusion/next/blob/master/LICENSE)
 */


.next-rating[dir="rtl"] .next-rating-overlay {
  right: 0;
  left: auto; }

.next-rating[dir="rtl"] .next-rating-underlay .next-rating-icon,
.next-rating[dir="rtl"] .next-rating-overlay .next-rating-icon {
  margin-right: 4px;
  margin-left: 0; }

.next-rating[dir="rtl"] .next-rating-underlay .next-rating-icon:last-child,
.next-rating[dir="rtl"] .next-rating-overlay .next-rating-icon:last-child {
  /* icon 放大会产生边缘溢出，这里使用 margin 为放大扩展一部分空间 */
  margin-left: 4px; }

.next-rating {
  vertical-align: top; }
  .next-rating {
    display: inline-block;
    position: relative; }
  .next-rating:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: ' ';
    clear: both; }
  .next-rating-base {
    float: left; }
  .next-rating-text {
    float: left; }
  .next-rating-base-disabled {
    cursor: not-allowed; }
  .next-rating-symbol-icon::before {
    content: "\E60E"; }
  .next-rating-underlay {
    white-space: nowrap;
    overflow: hidden; }
    .next-rating-underlay .next-icon {
      color: #E2E4E8; }
  .next-rating-stroke-mode .next-rating-underlay .next-icon {
    color: transparent;
    -webkit-text-stroke: 1px #5584FF; }
  .next-rating-overlay {
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    width: 0;
    top: 0;
    left: 0; }
    .next-rating-overlay .next-icon {
      color: #5584FF; }
  .next-rating-underlay .next-rating-icon, .next-rating-overlay .next-rating-icon {
    cursor: pointer;
    margin-left: 4px; }
  .next-rating-underlay .next-rating-icon:last-child, .next-rating-overlay .next-rating-icon:last-child {
    /* icon 放大会产生边缘溢出，这里使用 margin 为放大扩展一部分空间 */
    margin-right: 4px; }
  .next-rating-underlay .next-icon, .next-rating-overlay .next-icon {
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear; }
    .next-rating-underlay .next-icon.hover, .next-rating-overlay .next-icon.hover {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1); }
    .next-rating-underlay .next-icon.clicked, .next-rating-overlay .next-icon.clicked {
      -webkit-transform: scale3d(0.9, 0.9, 0.9);
              transform: scale3d(0.9, 0.9, 0.9); }
  .next-rating-info {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    border: 1px solid #E2E4E8;
    background: #FFFFFF;
    padding: 4px 8px 3px;
    font-size: 12px;
    white-space: nowrap; }
    .next-rating-info:after {
      position: absolute;
      content: '';
      width: 4px;
      height: 4px;
      -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
              transform: rotate(45deg);
      border: 1px solid #E2E4E8;
      background: #FFFFFF;
      border-bottom-color: transparent;
      border-right-color: transparent;
      top: -3px;
      left: 4px; }
  .next-rating:focus, .next-rating.hover {
    outline: none; }
    .next-rating:focus .next-rating-overlay .next-icon, .next-rating.hover .next-rating-overlay .next-icon {
      color: #5584FF; }

/* 状态 */
/* ======================================== */
.next-rating-grade-low .next-rating-overlay .next-icon {
  color: #666666; }

.next-rating-grade-low.hover .next-rating-overlay .next-icon {
  color: #666666; }

.next-rating-grade-high .next-rating-overlay .next-icon {
  color: #5584FF; }

.next-rating-grade-high.hover .next-rating-overlay .next-icon {
  color: #5584FF; }

/* 尺寸 */
/* ======================================== */
.next-rating-small {
  font-size: 12px; }
  .next-rating-small .next-icon:before,
  .next-rating-small .next-icon .next-icon-remote {
    width: 12px;
    font-size: 12px;
    line-height: inherit; }
  .next-rating-small .next-rating-text {
    margin-left: 8px; }

.next-rating-medium {
  font-size: 12px; }
  .next-rating-medium .next-icon:before,
  .next-rating-medium .next-icon .next-icon-remote {
    width: 16px;
    font-size: 16px;
    line-height: inherit; }
  .next-rating-medium .next-rating-text {
    margin-left: 12px; }

.next-rating-large {
  font-size: 16px; }
  .next-rating-large .next-icon:before,
  .next-rating-large .next-icon .next-icon-remote {
    width: 20px;
    font-size: 20px;
    line-height: inherit; }
  .next-rating-large .next-rating-text {
    margin-left: 16px; }

.next-search-simple[dir=rtl].next-large .next-search-icon {
  margin-left: 12px;
  margin-right: 0; }

.next-search-simple[dir=rtl].next-medium .next-search-icon {
  margin-left: 8px;
  margin-right: 0; }

.next-search-simple[dir=rtl].next-normal .next-search-left .next-search-left-addon {
  border-left: 1px solid #C4C6CF;
  border-right: none; }

.next-search-simple[dir=rtl].next-dark .next-search-left {
  border-color: #C4C6CF; }
  .next-search-simple[dir=rtl].next-dark .next-search-left .next-search-left-addon {
    border-right: 1px solid #C4C6CF; }

.next-search-simple[dir=rtl].next-dark:hover .next-search-left {
  border-color: #C4C6CF; }

.next-search-simple[dir=rtl].next-dark .next-search-icon {
  color: #999999; }
  .next-search-simple[dir=rtl].next-dark .next-search-icon:hover {
    color: #666666; }

.next-search-normal[dir=rtl] .next-search-left {
  border-left: none;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.next-search-normal[dir=rtl] .next-search-btn.next-btn {
  border-radius: 3px 0 0 3px !important; }

.next-search-normal[dir=rtl] .next-input {
  border-radius: 0 3px 3px 0; }

.next-search-normal[dir=rtl].next-primary .next-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px; }

.next-search-normal[dir=rtl].next-primary .next-search-left .next-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none; }

.next-search-normal[dir=rtl].next-secondary .next-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px; }

.next-search-normal[dir=rtl].next-secondary .next-search-left .next-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none; }

.next-search-normal[dir=rtl].next-normal .next-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px; }

.next-search-normal[dir=rtl].next-normal .next-search-left .next-search-left-addon {
  border-left: 1px solid #E6E7EB;
  border-right: none; }

.next-search-normal[dir=rtl].next-dark .next-search-left .next-search-left-addon {
  border-left: 1px solid #5584FF;
  border-right: none; }

.next-search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: inline-block; }
  .next-search *,
  .next-search *:before,
  .next-search *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .next-search .next-input,
  .next-search .next-select {
    border: none; }
  .next-search .next-select .next-input {
    height: auto; }
    .next-search .next-select .next-input .next-input-text-field {
      height: auto; }
  .next-search .next-search-left {
    border-style: solid;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear; }
  .next-search .next-search-left-addon .next-input,
  .next-search .next-search-left-addon .next-select-trigger-search {
    min-height: 100%;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }
  .next-search .next-search-left-addon .next-select-values {
    line-height: 1; }
  .next-search .next-search-left-addon.next-input-group-addon .next-select {
    margin: 0; }
  .next-search .next-search-left-addon + .next-search-input .next-input {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .next-search .next-search-input {
    width: 100%; }
  .next-search .next-search-btn {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .next-search .next-search-symbol-icon::before {
    content: "\E656"; }
  .next-search-normal {
    width: 600px; }
    .next-search-normal .next-search-left {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    .next-search-normal .next-input {
      border-radius: 3px 0 0 3px; }
    .next-search-normal .next-btn {
      border-radius: 0 3px 3px 0; }
    .next-search-normal.next-primary .next-search-left {
      border-color: #5584FF; }
      .next-search-normal.next-primary .next-search-left .next-search-left-addon {
        border-right: 1px solid #E6E7EB; }
    .next-search-normal.next-primary:hover .next-search-left,
    .next-search-normal.next-primary:hover .next-btn {
      border-color: #5584FF; }
    .next-search-normal.next-primary .next-search-btn {
      background: #5584FF;
      border-color: #5584FF;
      color: #FFFFFF; }
      .next-search-normal.next-primary .next-search-btn:hover {
        background: #3E71F7;
        border-color: #5584FF;
        color: #FFFFFF; }
      .next-search-normal.next-primary .next-search-btn .next-icon {
        color: #FFFFFF; }
        .next-search-normal.next-primary .next-search-btn .next-icon:hover {
          color: #FFFFFF; }
    .next-search-normal.next-primary.next-large {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-primary.next-large .next-search-left, .next-search-normal.next-primary.next-large .next-search-btn {
        border-width: 2px;
        height: 60px; }
      .next-search-normal.next-primary.next-large .next-search-input {
        height: 56px;
        overflow-y: hidden; }
        .next-search-normal.next-primary.next-large .next-search-input input {
          height: 56px;
          line-height: 56px \0; }
      .next-search-normal.next-primary.next-large .next-select {
        height: 56px; }
      .next-search-normal.next-primary.next-large .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-primary.next-large .next-search-btn .next-icon:before,
        .next-search-normal.next-primary.next-large .next-search-btn .next-icon .next-icon-remote {
          width: 24px;
          font-size: 24px;
          line-height: inherit; }
        .next-search-normal.next-primary.next-large .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-primary.next-medium {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-primary.next-medium .next-search-left, .next-search-normal.next-primary.next-medium .next-search-btn {
        border-width: 2px;
        height: 40px; }
      .next-search-normal.next-primary.next-medium .next-search-input {
        height: 36px;
        overflow-y: hidden; }
        .next-search-normal.next-primary.next-medium .next-search-input input {
          height: 36px;
          line-height: 36px \0; }
      .next-search-normal.next-primary.next-medium .next-select {
        height: 36px; }
      .next-search-normal.next-primary.next-medium .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-primary.next-medium .next-search-btn .next-icon:before,
        .next-search-normal.next-primary.next-medium .next-search-btn .next-icon .next-icon-remote {
          width: 16px;
          font-size: 16px;
          line-height: inherit; }
        .next-search-normal.next-primary.next-medium .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-primary .next-input {
      border-top-left-radius: 1px;
      border-bottom-left-radius: 1px; }
    .next-search-normal.next-secondary .next-search-left {
      border-color: #C4C6CF; }
      .next-search-normal.next-secondary .next-search-left .next-search-left-addon {
        border-right: 1px solid #E6E7EB; }
    .next-search-normal.next-secondary:hover .next-search-left,
    .next-search-normal.next-secondary:hover .next-btn {
      border-color: #5584FF; }
    .next-search-normal.next-secondary .next-search-btn {
      background: #5584FF;
      border-color: #5584FF;
      color: #FFFFFF; }
      .next-search-normal.next-secondary .next-search-btn:hover {
        background: #3E71F7;
        border-color: #5584FF;
        color: #FFFFFF; }
      .next-search-normal.next-secondary .next-search-btn .next-icon {
        color: #FFFFFF; }
        .next-search-normal.next-secondary .next-search-btn .next-icon:hover {
          color: #FFFFFF; }
    .next-search-normal.next-secondary.next-large {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-secondary.next-large .next-search-left, .next-search-normal.next-secondary.next-large .next-search-btn {
        border-width: 1px;
        height: 60px; }
      .next-search-normal.next-secondary.next-large .next-search-input {
        height: 58px;
        overflow-y: hidden; }
        .next-search-normal.next-secondary.next-large .next-search-input input {
          height: 58px;
          line-height: 58px \0; }
      .next-search-normal.next-secondary.next-large .next-select {
        height: 58px; }
      .next-search-normal.next-secondary.next-large .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-secondary.next-large .next-search-btn .next-icon:before,
        .next-search-normal.next-secondary.next-large .next-search-btn .next-icon .next-icon-remote {
          width: 24px;
          font-size: 24px;
          line-height: inherit; }
        .next-search-normal.next-secondary.next-large .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-secondary.next-medium {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-secondary.next-medium .next-search-left, .next-search-normal.next-secondary.next-medium .next-search-btn {
        border-width: 1px;
        height: 40px; }
      .next-search-normal.next-secondary.next-medium .next-search-input {
        height: 38px;
        overflow-y: hidden; }
        .next-search-normal.next-secondary.next-medium .next-search-input input {
          height: 38px;
          line-height: 38px \0; }
      .next-search-normal.next-secondary.next-medium .next-select {
        height: 38px; }
      .next-search-normal.next-secondary.next-medium .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon:before,
        .next-search-normal.next-secondary.next-medium .next-search-btn .next-icon .next-icon-remote {
          width: 16px;
          font-size: 16px;
          line-height: inherit; }
        .next-search-normal.next-secondary.next-medium .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-secondary .next-input {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    .next-search-normal.next-normal .next-search-left {
      border-color: #C4C6CF; }
      .next-search-normal.next-normal .next-search-left .next-search-left-addon {
        border-right: 1px solid #E6E7EB; }
    .next-search-normal.next-normal:hover .next-search-left,
    .next-search-normal.next-normal:hover .next-btn {
      border-color: #A0A2AD; }
    .next-search-normal.next-normal .next-search-btn {
      background: #F7F8FA;
      border-color: #C4C6CF;
      color: #666666; }
      .next-search-normal.next-normal .next-search-btn:hover {
        background: #EBECF0;
        border-color: #A0A2AD;
        color: #333333; }
      .next-search-normal.next-normal .next-search-btn .next-icon {
        color: #666666; }
        .next-search-normal.next-normal .next-search-btn .next-icon:hover {
          color: #333333; }
    .next-search-normal.next-normal.next-large {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-normal.next-large .next-search-left, .next-search-normal.next-normal.next-large .next-search-btn {
        border-width: 1px;
        height: 60px; }
      .next-search-normal.next-normal.next-large .next-search-input {
        height: 58px;
        overflow-y: hidden; }
        .next-search-normal.next-normal.next-large .next-search-input input {
          height: 58px;
          line-height: 58px \0; }
      .next-search-normal.next-normal.next-large .next-select {
        height: 58px; }
      .next-search-normal.next-normal.next-large .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-normal.next-large .next-search-btn .next-icon:before,
        .next-search-normal.next-normal.next-large .next-search-btn .next-icon .next-icon-remote {
          width: 24px;
          font-size: 24px;
          line-height: inherit; }
        .next-search-normal.next-normal.next-large .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-normal.next-medium {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-normal.next-medium .next-search-left, .next-search-normal.next-normal.next-medium .next-search-btn {
        border-width: 1px;
        height: 40px; }
      .next-search-normal.next-normal.next-medium .next-search-input {
        height: 38px;
        overflow-y: hidden; }
        .next-search-normal.next-normal.next-medium .next-search-input input {
          height: 38px;
          line-height: 38px \0; }
      .next-search-normal.next-normal.next-medium .next-select {
        height: 38px; }
      .next-search-normal.next-normal.next-medium .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-normal.next-medium .next-search-btn .next-icon:before,
        .next-search-normal.next-normal.next-medium .next-search-btn .next-icon .next-icon-remote {
          width: 16px;
          font-size: 16px;
          line-height: inherit; }
        .next-search-normal.next-normal.next-medium .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-normal .next-input {
      border-top-left-radius: 2px;
      border-bottom-left-radius: 2px; }
    .next-search-normal.next-dark .next-search-left {
      border-color: #5584FF; }
      .next-search-normal.next-dark .next-search-left .next-search-left-addon {
        border-right: 1px solid #5584FF; }
    .next-search-normal.next-dark:hover .next-search-left,
    .next-search-normal.next-dark:hover .next-btn {
      border-color: #5584FF; }
    .next-search-normal.next-dark .next-search-btn {
      background: #5584FF;
      border-color: #5584FF;
      color: #FFFFFF; }
      .next-search-normal.next-dark .next-search-btn:hover {
        background: #3E71F7;
        border-color: #5584FF;
        color: #FFFFFF; }
      .next-search-normal.next-dark .next-search-btn .next-icon {
        color: #FFFFFF; }
        .next-search-normal.next-dark .next-search-btn .next-icon:hover {
          color: #FFFFFF; }
    .next-search-normal.next-dark .next-select-inner,
    .next-search-normal.next-dark input {
      color: #FFFFFF; }
    .next-search-normal.next-dark .next-input {
      background: rgba(255, 255, 255, 0); }
    .next-search-normal.next-dark .next-select {
      background: rgba(255, 255, 255, 0); }
    .next-search-normal.next-dark.next-large {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-dark.next-large .next-search-left, .next-search-normal.next-dark.next-large .next-search-btn {
        border-width: 1px;
        height: 60px; }
      .next-search-normal.next-dark.next-large .next-search-input {
        height: 58px;
        overflow-y: hidden; }
        .next-search-normal.next-dark.next-large .next-search-input input {
          height: 58px;
          line-height: 58px \0; }
      .next-search-normal.next-dark.next-large .next-select {
        height: 58px; }
      .next-search-normal.next-dark.next-large .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-dark.next-large .next-search-btn .next-icon:before,
        .next-search-normal.next-dark.next-large .next-search-btn .next-icon .next-icon-remote {
          width: 24px;
          font-size: 24px;
          line-height: inherit; }
        .next-search-normal.next-dark.next-large .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
    .next-search-normal.next-dark.next-medium {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .next-search-normal.next-dark.next-medium .next-search-left, .next-search-normal.next-dark.next-medium .next-search-btn {
        border-width: 1px;
        height: 40px; }
      .next-search-normal.next-dark.next-medium .next-search-input {
        height: 38px;
        overflow-y: hidden; }
        .next-search-normal.next-dark.next-medium .next-search-input input {
          height: 38px;
          line-height: 38px \0; }
      .next-search-normal.next-dark.next-medium .next-select {
        height: 38px; }
      .next-search-normal.next-dark.next-medium .next-search-btn {
        font-size: 16px; }
        .next-search-normal.next-dark.next-medium .next-search-btn .next-icon:before,
        .next-search-normal.next-dark.next-medium .next-search-btn .next-icon .next-icon-remote {
          width: 16px;
          font-size: 16px;
          line-height: inherit; }
        .next-search-normal.next-dark.next-medium .next-search-btn .next-search-btn-text {
          display: inline-block;
          padding-left: 0px; }
  .next-search-normal:not([dir=rtl]) .next-search-left {
    border-right: none; }
  .next-search-simple {
    width: 300px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 3px; }
    .next-search-simple .next-search-icon {
      cursor: pointer;
      -webkit-transition: all 100ms linear;
      transition: all 100ms linear; }
    .next-search-simple .next-search-left, .next-search-simple .next-input {
      border-radius: 3px; }
    .next-search-simple.next-large .next-search-icon {
      margin-right: 12px; }
    .next-search-simple.next-medium .next-search-icon {
      margin-right: 8px; }
    .next-search-simple.next-normal .next-search-left {
      border-color: #C4C6CF; }
      .next-search-simple.next-normal .next-search-left .next-search-left-addon {
        border-right: 1px solid #C4C6CF; }
    .next-search-simple.next-normal:hover .next-search-left {
      border-color: #A0A2AD; }
    .next-search-simple.next-normal .next-search-icon {
      color: #999999; }
      .next-search-simple.next-normal .next-search-icon:hover {
        color: #666666; }
    .next-search-simple.next-normal .next-search-left {
      border-width: 1px; }
    .next-search-simple.next-normal.next-large .next-search-icon:before,
    .next-search-simple.next-normal.next-large .next-search-icon .next-icon-remote {
      width: 20px;
      font-size: 20px;
      line-height: inherit; }
    .next-search-simple.next-normal.next-medium .next-search-icon:before,
    .next-search-simple.next-normal.next-medium .next-search-icon .next-icon-remote {
      width: 12px;
      font-size: 12px;
      line-height: inherit; }
    .next-search-simple.next-dark .next-search-left {
      border-color: #C4C6CF; }
      .next-search-simple.next-dark .next-search-left .next-search-left-addon {
        border-right: 1px solid #C4C6CF; }
    .next-search-simple.next-dark:hover .next-search-left {
      border-color: #C4C6CF; }
    .next-search-simple.next-dark .next-search-icon {
      color: #999999; }
      .next-search-simple.next-dark .next-search-icon:hover {
        color: #666666; }
    .next-search-simple.next-dark .next-select-inner,
    .next-search-simple.next-dark input {
      color: #FFFFFF; }
    .next-search-simple.next-dark .next-input {
      background: rgba(255, 255, 255, 0); }
    .next-search-simple.next-dark .next-select {
      background: rgba(255, 255, 255, 0); }
    .next-search-simple.next-dark .next-search-left {
      border-width: 1px; }
    .next-search-simple.next-dark.next-large .next-search-icon:before,
    .next-search-simple.next-dark.next-large .next-search-icon .next-icon-remote {
      width: 20px;
      font-size: 20px;
      line-height: inherit; }
    .next-search-simple.next-dark.next-medium .next-search-icon:before,
    .next-search-simple.next-dark.next-medium .next-search-icon .next-icon-remote {
      width: 12px;
      font-size: 12px;
      line-height: inherit; }

.next-search-simple .next-select.next-large {
  height: 38px; }

.next-search-simple .next-select.next-medium {
  height: 26px; }

.next-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  /* Select trigger */
  /* 弹层 */
  /* 全选按钮 */
  /* -------------- IE polyfill -------------- */
  /* 根据最新的数据，在中国，PC 端的 IE9 份额为 2%， */
  /* 所以不应该因为 IE9 而不使用 flex，而是应该做降级 polyfill */
  /* @see http://gs.statcounter.com/ */
  /* IE10、IE11 虽然支持 flex，但还是会有各种各样奇奇怪怪的问题 */ }
  .next-select *,
  .next-select *:before,
  .next-select *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .next-select-trigger {
    min-width: 100px;
    outline: 0;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear; }
    .next-select-trigger .next-input-label {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto; }
    .next-select-trigger .next-select-values {
      display: block;
      width: 100%;
      -webkit-box-flex: 1;
          -ms-flex: 1 1 0px;
              flex: 1 1 0;
      overflow: hidden; }
      .next-select-trigger .next-select-values > em {
        font-style: inherit; }
      .next-select-trigger .next-select-values input {
        padding-left: 0;
        padding-right: 0; }
    .next-select-trigger .next-input-control {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
      width: auto; }
      .next-select-trigger .next-input-control > * {
        display: inline-block;
        width: auto; }
      .next-select-trigger .next-input-control > .next-select-arrow {
        padding-right: 0; }
    .next-select-trigger .next-input.next-disabled em {
      color: #CCCCCC; }
    .next-select-trigger .next-input.next-disabled .next-select-arrow {
      cursor: not-allowed; }
    .next-select-trigger .next-select-clear {
      display: none; }
    .next-select-trigger.next-has-clear:hover .next-select-clear {
      display: inline-block; }
    .next-select-trigger.next-has-clear:hover .next-select-arrow {
      display: none; }
  .next-select .next-select-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    min-width: 100px;
    outline: 0;
    color: #333333; }
    .next-select .next-select-inner .next-tag {
      line-height: 1;
      margin-right: 4px;
      margin-bottom: 3px;
      padding-left: 0px;
      padding-right: 0px; }
    .next-select .next-select-inner .next-input-inner {
      width: auto; }
  .next-select-trigger-search {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    width: 100%;
    max-width: 100%; }
    .next-select-trigger-search > input, .next-select-trigger-search > span {
      display: block;
      font-size: inherit;
      font-family: inherit;
      letter-spacing: inherit;
      white-space: nowrap;
      overflow: hidden; }
    .next-select-trigger-search input {
      position: absolute;
      background-color: transparent;
      width: 100%;
      height: 100% !important;
      z-index: 1;
      left: 0;
      border: 0;
      outline: 0;
      margin: 0;
      padding: 0;
      cursor: inherit; }
    .next-select-trigger-search > span {
      position: relative;
      visibility: hidden;
      white-space: pre;
      max-width: 100%;
      /* 在 table 布局中，100% 并没有什么x用 */
      z-index: -1; }
  .next-select-single {
    /* 搜索框激活时，展开后不显示值，只显示搜索框 */
    /* 搜索框未激活，或者menu未展开，如果有值，则不显示搜索(placeholder) */ }
    .next-select-single.next-no-search {
      cursor: pointer; }
    .next-select-single.next-has-search.next-active .next-select-values > em {
      display: none; }
    .next-select-single.next-no-search .next-select-values > em + .next-select-trigger-search, .next-select-single.next-inactive .next-select-values > em + .next-select-trigger-search {
      width: 1px;
      opacity: 0;
      filter: alpha(opacity=0);
      /* for IE 9 */ }
    .next-select-single.next-no-search .next-select-trigger-search input, .next-select-single.next-inactive .next-select-trigger-search input {
      color: transparent; }
    .next-select-single .next-select-values {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .next-select-single .next-select-values > em {
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .next-select-multiple .next-select-compact {
    position: relative;
    white-space: nowrap; }
    .next-select-multiple .next-select-compact .next-select-trigger-search {
      width: auto; }
    .next-select-multiple .next-select-compact .next-select-tag-compact {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      padding: 0 4px 0 16px;
      color: #333333;
      background: linear-gradient(90deg, transparent, #FFFFFF 10px); }
  .next-select-multiple, .next-select-tag {
    /* 如果有值，则搜索框变为1px */ }
    .next-select-multiple .next-select-values, .next-select-tag .next-select-values {
      /* Tag 有 3px 的 margin-bottom，所以包裹 Tag 的容器要作一下处理 */
      margin-bottom: -3px;
      height: auto !important; }
    .next-select-multiple .next-select-trigger-search, .next-select-tag .next-select-trigger-search {
      margin-bottom: 3px; }
    .next-select-multiple .next-tag + .next-select-trigger-search, .next-select-tag .next-tag + .next-select-trigger-search {
      width: auto;
      min-width: 1px;
      /* 保留一个光标的宽度 */ }
    .next-select-multiple .next-input, .next-select-tag .next-input {
      height: auto;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: start; }
    .next-select-multiple.next-small .next-select-values, .next-select-tag.next-small .next-select-values {
      min-height: 18px;
      padding-top: 2px;
      padding-bottom: 2px;
      line-height: 14px; }
    .next-select-multiple.next-small .next-select-values-compact, .next-select-tag.next-small .next-select-values-compact {
      height: 20px !important; }
    .next-select-multiple.next-small .next-tag, .next-select-tag.next-small .next-tag {
      border: 0;
      padding-top: 0px;
      padding-bottom: 0px;
      height: 14px; }
      .next-select-multiple.next-small .next-tag .next-tag-body, .next-select-multiple.next-small .next-tag .next-tag-close-btn, .next-select-tag.next-small .next-tag .next-tag-body, .next-select-tag.next-small .next-tag .next-tag-close-btn {
        line-height: 14px; }
      .next-select-multiple.next-small .next-tag-body, .next-select-tag.next-small .next-tag-body {
        line-height: 14px; }
    .next-select-multiple.next-small .next-input-label, .next-select-multiple.next-small .next-input-control, .next-select-multiple.next-small .next-select-tag-compact, .next-select-tag.next-small .next-input-label, .next-select-tag.next-small .next-input-control, .next-select-tag.next-small .next-select-tag-compact {
      line-height: 18px; }
    .next-select-multiple.next-medium .next-select-values, .next-select-tag.next-medium .next-select-values {
      min-height: 26px;
      padding-top: 3px;
      padding-bottom: 3px;
      line-height: 20px; }
    .next-select-multiple.next-medium .next-select-values-compact, .next-select-tag.next-medium .next-select-values-compact {
      height: 28px !important; }
    .next-select-multiple.next-medium .next-tag, .next-select-tag.next-medium .next-tag {
      padding-top: 1px;
      padding-bottom: 1px;
      height: 20px; }
      .next-select-multiple.next-medium .next-tag .next-tag-body, .next-select-multiple.next-medium .next-tag .next-tag-close-btn, .next-select-tag.next-medium .next-tag .next-tag-body, .next-select-tag.next-medium .next-tag .next-tag-close-btn {
        line-height: 18px; }
    .next-select-multiple.next-medium .next-input-label, .next-select-multiple.next-medium .next-input-control, .next-select-multiple.next-medium .next-select-tag-compact, .next-select-tag.next-medium .next-input-label, .next-select-tag.next-medium .next-input-control, .next-select-tag.next-medium .next-select-tag-compact {
      line-height: 26px; }
    .next-select-multiple.next-large .next-select-values, .next-select-tag.next-large .next-select-values {
      min-height: 38px;
      padding-top: 7px;
      padding-bottom: 7px;
      line-height: 24px; }
    .next-select-multiple.next-large .next-select-values-compact, .next-select-tag.next-large .next-select-values-compact {
      height: 40px !important; }
    .next-select-multiple.next-large .next-tag, .next-select-tag.next-large .next-tag {
      padding-top: 3px;
      padding-bottom: 3px;
      height: 24px; }
      .next-select-multiple.next-large .next-tag .next-tag-body, .next-select-multiple.next-large .next-tag .next-tag-close-btn, .next-select-tag.next-large .next-tag .next-tag-body, .next-select-tag.next-large .next-tag .next-tag-close-btn {
        line-height: 18px; }
    .next-select-multiple.next-large .next-input-label, .next-select-multiple.next-large .next-input-control, .next-select-multiple.next-large .next-select-tag-compact, .next-select-tag.next-large .next-input-label, .next-select-tag.next-large .next-input-control, .next-select-tag.next-large .next-select-tag-compact {
      line-height: 38px; }
  .next-select.next-no-search {
    /* 在搜索框未激活时，将 input 的 color 置为透明 */
    /* ISSUE: 在 firefox 中，readonly 的 input 仍然会显示光标 */ }
    .next-select.next-no-search .next-select-trigger-search input {
      color: transparent; }
  .next-select-auto-complete {
    width: 160px; }
    .next-select-auto-complete .next-input {
      width: 100%;
      /* table-cell 下 margin 无效 */ }
      .next-select-auto-complete .next-input .next-input-hint-wrap {
        padding-right: 1px; }
      .next-select-auto-complete .next-input .next-select-arrow {
        padding-left: 0; }
  .next-select.next-active .next-select-arrow .next-icon-arrow-down {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .next-select .next-select-unfold-icon::before {
    content: ""; }
  .next-select-symbol-fold::before {
    content: "\E63D"; }
  .next-select-arrow {
    cursor: pointer;
    width: auto !important;
    text-align: center;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    /* transform-origin: center 41.8%; // icon 图像中心 */ }
  .next-select-popup-wrap {
    -webkit-animation-duration: 300ms;
            animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease; }
  .next-select-menu-wrapper {
    max-height: 260px;
    overflow: auto;
    border: 1px solid #DCDEE3;
    border-radius: 3px;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .next-select-menu-wrapper .next-select-menu {
      max-height: none;
      border: none; }
  .next-select-menu {
    max-height: 260px;
    overflow: auto;
    /* autoComplete 没有选项时 menu 不显示 */ }
    .next-select-menu .next-select-menu-empty-content {
      padding-left: 8px;
      padding-right: 8px;
      color: #999999; }
    .next-select-menu.next-select-auto-complete-menu.next-select-menu-empty {
      display: none; }
    .next-select-menu .next-menu-item-text .next-icon {
      vertical-align: middle; }
  .next-select-all {
    display: block;
    cursor: pointer;
    padding: 0 8px;
    margin: 0 12px 8px;
    border-bottom: 1px solid #DCDEE3; }
    .next-select-all:hover {
      color: #3E71F7; }
    .next-select-all .next-menu-icon-selected.next-icon {
      display: inline-block !important;
      top: initial;
      color: #5584FF; }
  .next-select-highlight {
    color: #5584FF;
    font-size: 12px; }
  .next-select-in-ie.next-select-trigger .next-select-values {
    /* 在 table 布局中，overflow: hidden 会导致负的 margin 失效 */
    overflow: visible; }
  .next-select-in-ie.next-select-trigger .next-input-control, .next-select-in-ie.next-select-trigger .next-input-label {
    width: 1px; }
  .next-select-in-ie.next-select-trigger .next-input-control > * {
    display: table-cell;
    width: 1%; }
  .next-select-in-ie.next-select-trigger .next-select-arrow {
    display: table-cell; }
  .next-select-in-ie.next-select-trigger .next-select-clear {
    display: none; }
  .next-select-in-ie.next-select-trigger.next-select-multiple .next-select-inner, .next-select-in-ie.next-select-trigger.next-select-tag .next-select-inner {
    vertical-align: top; }
  .next-select-in-ie.next-select-trigger .next-select-inner {
    display: inline-table; }
  .next-select-in-ie.next-select-trigger.next-select-single .next-select-values {
    display: inline-table; }
  .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-small .next-select-values {
    line-height: 20px; }
  .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-medium .next-select-values {
    line-height: 28px; }
  .next-select-in-ie.next-select-trigger.next-select-single .next-input.next-large .next-select-values {
    line-height: 40px; }
  .next-select-in-ie.next-select-trigger .next-select-trigger-search > span {
    max-width: 100px; }
  .next-select-in-ie.next-select-trigger.next-select-single {
    /* 搜索框未激活，或者menu未展开，如果有值，则不显示搜索(placeholder) */ }
    .next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values {
      position: relative; }
      .next-select-in-ie.next-select-trigger.next-select-single.next-select-in-ie-fixwidth .next-select-values > em {
        position: absolute;
        display: inline-block;
        height: 100%;
        line-height: 1;
        vertical-align: middle;
        overflow: hidden;
        left: 4px;
        right: 0;
        top: 30%; }
    .next-select-in-ie.next-select-trigger.next-select-single.next-no-search .next-select-values > em + .next-select-trigger-search, .next-select-in-ie.next-select-trigger.next-select-single.next-inactive .next-select-values > em + .next-select-trigger-search {
      filter: alpha(opacity=0);
      /* for IE 9 */
      font-size: 0; }
    .next-select-in-ie.next-select-trigger.next-select-single.next-no-search .next-select-trigger-search input, .next-select-in-ie.next-select-trigger.next-select-single.next-inactive .next-select-trigger-search input {
      color: inherit; }
  .next-select-in-ie.next-select-trigger.next-no-search .next-select-trigger-search input {
    color: inherit; }

.next-select.next-select-multiple[dir='rtl'] .next-select-compact .next-select-tag-compact {
  left: 0;
  right: auto;
  padding: 0 16px 0 4px;
  background: linear-gradient(270deg, rgba(255, 255, 255, 0), #FFFFFF 10px); }

/* Slider */
/* -------------------------------------- */
.next-slick {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  /* 水平滑动 */
  /* 垂直滑动 */ }
  .next-slick *,
  .next-slick *:before,
  .next-slick *:after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .next-slick-initialized .next-slick-slide {
    display: block; }
  .next-slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
    .next-slick-list:focus {
      outline: none; }
    .next-slick-list.dragging {
      cursor: pointer;
      cursor: hand; }
  .next-slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }
  .next-slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear; }
    .next-slick[dir="rtl"] .next-slick-slide {
      float: right; }
    .next-slick-slide img {
      display: block; }
  .next-slick-arrow {
    display: block;
    position: absolute;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 100ms linear;
    transition: all 100ms linear;
    /* prev/next 按钮不同位置下的外观 */ }
    .next-slick-arrow.inner {
      color: #FFFFFF;
      background: #000000;
      opacity: 0.2;
      padding: 0;
      border: none; }
      .next-slick-arrow.inner:focus, .next-slick-arrow.inner:hover {
        color: #FFFFFF;
        background: #000000;
        opacity: 0.4; }
      .next-slick-arrow.inner.disabled {
        color: #CCCCCC;
        background: #F7F8FA;
        opacity: 0.5; }
    .next-slick-arrow.outer {
      color: #666666;
      background: transparent;
      opacity: 0.32;
      padding: 0;
      border: none;
      border-radius: 0px; }
      .next-slick-arrow.outer:focus, .next-slick-arrow.outer:hover {
        color: #333333;
        background: transparent;
        opacity: 0.32; }
      .next-slick-arrow.outer.disabled {
        color: #CCCCCC;
        background: transparent;
        opacity: 0.32; }
    .next-slick-arrow.disabled {
      cursor: not-allowed; }
  .next-slick-dots {
    display: block;
    position: absolute;
    margin: 0;
    padding: 0;
    /* dots 位于水平位置 */
    /* dots 位于右侧垂直位置 */ }
    .next-slick-dots-item {
      position: relative;
      display: inline-block;
      cursor: pointer; }
      .next-slick-dots-item button {
        cursor: pointer;
        border-width: 0px;
        border-color: white;
        border-style: solid;
        outline: none;
        padding: 0;
        height: 8px;
        width: 8px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.32); }
        .next-slick-dots-item button:hover {
          background-color: rgba(0, 0, 0, 0.32);
          /* border-width: $slick-dots-border-width-hover; */
          border-color: white; }
      .next-slick-dots-item button:focus,
      .next-slick-dots-item button:hover {
        background: rgba(255, 255, 255, 0.5); }
      .next-slick-dots-item.active button {
        background: #5584ff;
        /* border-width: $slick-dots-border-width-selected; */
        border-color: white;
        -webkit-animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1);
                animation: zoom 0.3s cubic-bezier(0.86, 0, 0.07, 1); }
    .next-slick-dots.hoz {
      width: 100%;
      bottom: 12px;
      left: 0;
      text-align: center; }
      .next-slick-dots.hoz .next-slick-dots-item {
        margin: 0 4px; }
    .next-slick-dots.ver {
      width: 16px;
      top: 0;
      right: 20px;
      bottom: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .next-slick-dots.ver .next-slick-dots-item {
        margin: 0px 0; }
  .next-slick.next-slick-hoz.next-slick-outer {
    padding: 0 24px; }
  .next-slick.next-slick-hoz .next-slick-arrow.medium {
    width: 28px;
    height: 56px;
    line-height: 56px; }
    .next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon:before,
    .next-slick.next-slick-hoz .next-slick-arrow.medium .next-icon .next-icon-remote {
      width: 20px;
      font-size: 20px;
      line-height: inherit; }
  .next-slick.next-slick-hoz .next-slick-arrow.medium.inner {
    top: calc((100% - 56px)/2); }
    .next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-prev {
      left: 0; }
    .next-slick.next-slick-hoz .next-slick-arrow.medium.inner.next-slick-next {
      right: 0; }
  .next-slick.next-slick-hoz .next-slick-arrow.medium.outer {
    top: calc((100% - 56px)/2); }
    .next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-prev {
      left: -4px; }
    .next-slick.next-slick-hoz .next-slick-arrow.medium.outer.next-slick-next {
      right: -4px; }
  .next-slick.next-slick-hoz .next-slick-arrow.large {
    width: 48px;
    height: 96px;
    line-height: 96px; }
    .next-slick.next-slick-hoz .next-slick-arrow.large .next-icon:before,
    .next-slick.next-slick-hoz .next-slick-arrow.large .next-icon .next-icon-remote {
      width: 32px;
      font-size: 32px;
      line-height: inherit; }
  .next-slick.next-slick-hoz .next-slick-arrow.large.inner {
    top: calc((100% - 96px)/2); }
    .next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-prev {
      left: 0; }
    .next-slick.next-slick-hoz .next-slick-arrow.large.inner.next-slick-next {
      right: 0; }
  .next-slick.next-slick-hoz .next-slick-arrow.large.outer {
    top: calc((100% - 96px)/2); }
    .next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-prev {
      left: -8px; }
    .next-slick.next-slick-hoz .next-slick-arrow.large.outer.next-slick-next {
      right: -8px; }
  .next-slick.next-slick-ver.next-slick-outer {
    padding: 24px 0; }
  .next-slick.next-slick-ver .next-slick-slide {
    display: block;
    height: auto;
    /* border: $slick-ver-slide-border-width solid transparent; */ }
  .next-slick.next-slick-ver .next-slick-arrow {
    /* size medium */
    /* size medium & position inner */
    /* size medium & position outer */
    /* size large */
    /* size large & position inner */
    /* size large & position outer */ }
    .next-slick.next-slick-ver .next-slick-arrow.medium {
      width: 56px;
      height: 28px;
      line-height: 28px; }
      .next-slick.next-slick-ver .next-slick-arrow.medium .next-icon:before,
      .next-slick.next-slick-ver .next-slick-arrow.medium .next-icon .next-icon-remote {
        width: 20px;
        font-size: 20px;
        line-height: inherit; }
    .next-slick.next-slick-ver .next-slick-arrow.medium.inner {
      left: calc((100% - 56px)/2); }
      .next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-prev {
        top: 0; }
      .next-slick.next-slick-ver .next-slick-arrow.medium.inner.next-slick-next {
        bottom: 0; }
    .next-slick.next-slick-ver .next-slick-arrow.medium.outer {
      left: calc((100% - 56px)/2); }
      .next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-prev {
        top: -4px; }
      .next-slick.next-slick-ver .next-slick-arrow.medium.outer.next-slick-next {
        bottom: -4px; }
    .next-slick.next-slick-ver .next-slick-arrow.large {
      width: 96px;
      height: 48px;
      line-height: 48px; }
      .next-slick.next-slick-ver .next-slick-arrow.large .next-icon:before,
      .next-slick.next-slick-ver .next-slick-arrow.large .next-icon .next-icon-remote {
        width: 32px;
        font-size: 32px;
        line-height: inherit; }
    .next-slick.next-slick-ver .next-slick-arrow.large.inner {
      left: calc((100% - 96px)/2); }
      .next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-prev {
        top: 0; }
      .next-slick.next-slick-ver .next-slick-arrow.large.inner.next-slick-next {
        bottom: 0; }
    .next-slick.next-slick-ver .next-slick-arrow.large.outer {
      left: calc((100% - 96px)/2); }
      .next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-prev {
        top: -16px; }
      .next-slick.next-slick-ver .next-slick-arrow.large.outer.next-slick-next {
        bottom: -16px; }

.next-split-btn {
  display: inline-block;
  position: relative; }
  .next-split-btn-trigger .next-icon {
    -webkit-transition: -webkit-transform 100ms linear;
    transition: -webkit-transform 100ms linear;
    transition: transform 100ms linear;
    transition: transform 100ms linear, -webkit-transform 100ms linear; }
  .next-split-btn-trigger.next-expand .next-split-btn-symbol-fold {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .next-split-btn-trigger.next-btn-normal:not(:disabled):not(.disabled) .next-icon {
    color: #999999; }
  .next-split-btn-trigger.next-small {
    padding-left: 4px;
    padding-right: 4px; }
  .next-split-btn-trigger.next-medium {
    padding-left: 8px;
    padding-right: 8px; }
  .next-split-btn-symbol-fold::before {
    content: "\E63D"; }
  .next-split-btn-symbol-unfold::before {
    content: ""; }

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

.next-step, .next-step:before, .next-step:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.next-step {
  width: 100%;
  position: relative;
  border: none; }
  .next-step-item {