/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-result {
  padding: 48px 32px;
}
.ant-result-success .ant-result-icon > .anticon {
  color: #23D05F;
}
.ant-result-error .ant-result-icon > .anticon {
  color: #E62154;
}
.ant-result-info .ant-result-icon > .anticon {
  color: #1890ff;
}
.ant-result-warning .ant-result-icon > .anticon {
  color: #FAAD14;
}
.ant-result-image {
  width: 250px;
  height: 295px;
  margin: auto;
}
.ant-result-icon {
  margin-bottom: 24px;
  text-align: center;
}
.ant-result-icon > .anticon {
  font-size: 72px;
}
.ant-result-title {
  color: #262626;
  font-size: 24px;
  line-height: 1.8;
  text-align: center;
}
.ant-result-subtitle {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.6;
  text-align: center;
}
.ant-result-extra {
  margin-top: 32px;
  text-align: center;
}
.ant-result-extra > * {
  margin-right: 8px;
}
.ant-result-extra > *:last-child {
  margin-right: 0;
}
.ant-result-content {
  margin-top: 24px;
  padding: 24px 40px;
  background-color: #fafafa;
}

.batch-record-table .process-status-div {
  width: 100px;
  height: 30px;
  border-radius: 15px;
  display: flex;
  text-align: center;
  justify-content: center;
  line-height: 30px;
  color: #ffffff; }
  .batch-record-table .process-status-div.process-submited {
    background: #3DD1E8; }
  .batch-record-table .process-status-div.process-done {
    background: #23D05F; }
  .batch-record-table .process-status-div.process-ing {
    background: #1D75E5; }

.batch-record-bar {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px; }
  .batch-record-bar .date-input {
    display: inline-block;
    margin-right: 10px; }
    .batch-record-bar .date-input .ant-calendar-picker {
      width: 280px;
      height: 42px; }
      .batch-record-bar .date-input .ant-calendar-picker .ant-calendar-range-picker-input {
        width: 90px;
        text-align: center; }
      .batch-record-bar .date-input .ant-calendar-picker .ant-calendar-range-picker-separator {
        min-width: 24px; }
      .batch-record-bar .date-input .ant-calendar-picker .ant-calendar-picker-icon {
        font-size: 16px !important; }

.batch-record-detail-head {
  height: 124px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .batch-record-detail-head .detail-number {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px; }
    .batch-record-detail-head .detail-number .text-number-div .number-info {
      text-align: center;
      display: block; }
    .batch-record-detail-head .detail-number .vertical-divider {
      width: 2px;
      height: 30px;
      background: #979797;
      margin-left: 20px;
      margin-right: 20px; }

.detail-compose-text {
  margin-bottom: 20px; }
  .detail-compose-text .compose-text-black {
    display: inline-block;
    width: 4px;
    height: 14px;
    margin-right: 9px;
    background: #262626; }

.batch-record-detail-bottom {
  padding-bottom: 20px; }
  .batch-record-detail-bottom .compose-info {
    margin-top: -4px;
    margin-bottom: 20px; }
    .batch-record-detail-bottom .compose-info .compose-total {
      font-size: 14px;
      margin-right: 20px; }
  .batch-record-detail-bottom .recompose-button {
    width: 80px;
    height: 42px;
    padding: 12px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-carousel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.ant-carousel .slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ant-carousel .slick-list:focus {
  outline: none;
}
.ant-carousel .slick-list.dragging {
  cursor: pointer;
}
.ant-carousel .slick-list .slick-slide {
  pointer-events: none;
}
.ant-carousel .slick-list .slick-slide input.ant-radio-input,
.ant-carousel .slick-list .slick-slide input.ant-checkbox-input {
  visibility: hidden;
}
.ant-carousel .slick-list .slick-slide.slick-active {
  pointer-events: auto;
}
.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input,
.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input {
  visibility: visible;
}
.ant-carousel .slick-slider .slick-track,
.ant-carousel .slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}
.ant-carousel .slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.ant-carousel .slick-track::before,
.ant-carousel .slick-track::after {
  display: table;
  content: '';
}
.ant-carousel .slick-track::after {
  clear: both;
}
.slick-loading .ant-carousel .slick-track {
  visibility: hidden;
}
.ant-carousel .slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .ant-carousel .slick-slide {
  float: right;
}
.ant-carousel .slick-slide img {
  display: block;
}
.ant-carousel .slick-slide.slick-loading img {
  display: none;
}
.ant-carousel .slick-slide.dragging img {
  pointer-events: none;
}
.ant-carousel .slick-initialized .slick-slide {
  display: block;
}
.ant-carousel .slick-loading .slick-slide {
  visibility: hidden;
}
.ant-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.ant-carousel .slick-arrow.slick-hidden {
  display: none;
}
.ant-carousel .slick-prev,
.ant-carousel .slick-next {
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  padding: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  background: transparent;
  border: 0;
  outline: none;
  cursor: pointer;
}
.ant-carousel .slick-prev:hover,
.ant-carousel .slick-next:hover,
.ant-carousel .slick-prev:focus,
.ant-carousel .slick-next:focus {
  color: transparent;
  background: transparent;
  outline: none;
}
.ant-carousel .slick-prev:hover::before,
.ant-carousel .slick-next:hover::before,
.ant-carousel .slick-prev:focus::before,
.ant-carousel .slick-next:focus::before {
  opacity: 1;
}
.ant-carousel .slick-prev.slick-disabled::before,
.ant-carousel .slick-next.slick-disabled::before {
  opacity: 0.25;
}
.ant-carousel .slick-prev {
  left: -25px;
}
.ant-carousel .slick-prev::before {
  content: '\2190';
}
.ant-carousel .slick-next {
  right: -25px;
}
.ant-carousel .slick-next::before {
  content: '\2192';
}
.ant-carousel .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
}
.ant-carousel .slick-dots-bottom {
  bottom: 12px;
}
.ant-carousel .slick-dots-top {
  top: 12px;
}
.ant-carousel .slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 2px;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
.ant-carousel .slick-dots li button {
  display: block;
  width: 16px;
  height: 3px;
  padding: 0;
  color: transparent;
  font-size: 0;
  background: #fff;
  border: 0;
  border-radius: 1px;
  outline: none;
  cursor: pointer;
  opacity: 0.3;
  transition: all 0.5s;
}
.ant-carousel .slick-dots li button:hover,
.ant-carousel .slick-dots li button:focus {
  opacity: 0.75;
}
.ant-carousel .slick-dots li.slick-active button {
  width: 24px;
  background: #fff;
  opacity: 1;
}
.ant-carousel .slick-dots li.slick-active button:hover,
.ant-carousel .slick-dots li.slick-active button:focus {
  opacity: 1;
}
.ant-carousel-vertical .slick-dots {
  top: 50%;
  bottom: auto;
  width: 3px;
  height: auto;
  transform: translateY(-50%);
}
.ant-carousel-vertical .slick-dots-left {
  left: 12px;
}
.ant-carousel-vertical .slick-dots-right {
  right: 12px;
}
.ant-carousel-vertical .slick-dots li {
  margin: 0 2px;
  vertical-align: baseline;
}
.ant-carousel-vertical .slick-dots li button {
  width: 3px;
  height: 16px;
}
.ant-carousel-vertical .slick-dots li.slick-active button {
  width: 3px;
  height: 24px;
}

.tree {
  text-align: left;
  width: 262px;
  cursor: pointer; }
  .tree .childList {
    margin-top: -5px;
    display: block; }
  .tree .parentNode {
    padding: 0 !important;
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .tree .count {
    font-size: 12px;
    padding: 0 5px;
    color: #6d6d6d; }
  .tree .level1 {
    font-weight: 400; }
  .tree .level0 {
    font-weight: 400;
    padding-left: 0 !important; }
  .tree .title {
    margin-bottom: 10px; }

.tree .childNode {
  padding-left: 15px;
  position: relative;
  background-color: #ffffff;
  z-index: 1; }

.tree .childNode .checkBox {
  position: absolute;
  width: 16px;
  left: 20px;
  top: 0;
  z-index: 2;
  margin: 7px 10px 0;
  height: 16px;
  box-sizing: border-box;
  border: 1px solid #d2d2d2;
  vertical-align: text-bottom;
  font-size: 0;
  border-radius: 2px;
  cursor: pointer; }

.tree .childNode .checkBox:hover {
  cursor: pointer;
  border-color: #5bb976; }

.tree .childNode .nodeName {
  padding-left: 5px;
  font-size: 14px;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  line-height: 30px;
  height: 30px;
  text-overflow: ellipsis;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 10px; }

.tree .childNode .nodeName.active {
  color: #e60122; }

.tree .childNode.open .openNode {
  background-size: 100% 100%;
  background: none; }

.tree .childNode.open .childList {
  display: block; }

.tree .childNode.close .childList {
  display: none; }

.tree .childNode .fileBox {
  position: absolute;
  width: 16px;
  left: 20px;
  top: 0;
  margin: 5px 10px 0;
  z-index: 2; }

.tree .childNode .fileBox:hover {
  cursor: pointer; }

.tree .childNode .fileBox img {
  width: 16px; }

.tree .border-top:after {
  position: absolute;
  bottom: 20px;
  left: 5px;
  width: 10px;
  height: 1px;
  z-index: 3;
  background-color: #e7e7e7;
  content: ''; }

.tree .border-right:before {
  position: absolute;
  left: 5px;
  top: -3px;
  width: 1px;
  height: 100%;
  background-color: #e7e7e7;
  content: '';
  z-index: 1; }

.tree .childNode.parentNode:before {
  border-top: none; }

.tree .childNode .openNode {
  position: absolute;
  z-index: 5;
  right: 0;
  top: 4px;
  width: 14px;
  height: 14px; }

.tree .childNode .openNode:hover {
  cursor: pointer; }

.tree .childNode.noChildren .openNode:hover {
  cursor: default; }

.tree .childNode .lastNode {
  position: absolute;
  bottom: -15px;
  left: -13px;
  width: 1px;
  height: 100%;
  z-index: 4;
  background-color: #ffffff; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.summaryOrder-div .line {
  width: 82%;
  margin-top: 0;
  margin-bottom: 32px;
  margin-left: 1%; }

.summaryOrder-div .summaryOrder-title-div {
  width: 1392px;
  height: 60px;
  line-height: 60px;
  background-color: #fafafa;
  font-weight: 400;
  font-size: 14px;
  color: #262626;
  margin-top: 30px; }
  .summaryOrder-div .summaryOrder-title-div .summaryOrder-productInfo {
    width: 480px;
    display: inline-block; }
    .summaryOrder-div .summaryOrder-title-div .summaryOrder-productInfo .summaryOrder-label {
      margin-left: 30px;
      margin-top: 20px; }
  .summaryOrder-div .summaryOrder-title-div .summaryOrder-productPrice {
    width: 240px;
    display: inline-block; }
  .summaryOrder-div .summaryOrder-title-div .summaryOrder-productCount {
    width: 250px;
    display: inline-block; }
  .summaryOrder-div .summaryOrder-title-div .summaryOrder-productTotal {
    width: 230px;
    display: inline-block; }

.summaryOrder-div .product-item {
  border-bottom: 1px solid #e0e0e0; }
  .summaryOrder-div .product-item:last-of-type {
    border-bottom: none; }

.summaryOrder-div .ladder-discount {
  margin-top: 20px;
  margin-bottom: -10px;
  padding-left: 28px;
  display: flex;
  align-items: center; }
  .summaryOrder-div .ladder-discount .discount {
    margin-right: 20px; }
    .summaryOrder-div .ladder-discount .discount .rectangle {
      background: #23d05f;
      border-radius: 2px;
      min-width: 120px;
      height: 24px;
      line-height: 24px;
      text-align: center; }
      .summaryOrder-div .ladder-discount .discount .rectangle .text {
        margin-left: 24px;
        font-size: 12px;
        color: #ffffff; }
      .summaryOrder-div .ladder-discount .discount .rectangle .percent {
        margin-left: 8px;
        font-size: 14px;
        color: #ffffff;
        padding-right: 10px; }
    .summaryOrder-div .ladder-discount .discount .triangle-topleft {
      position: relative;
      top: -2px;
      width: 0px;
      height: 0px;
      border-top: 8px solid #23d05f;
      border-right: 8px solid transparent; }
    .summaryOrder-div .ladder-discount .discount .dot {
      position: relative;
      border-radius: 100%;
      width: 4px;
      height: 4px;
      background: white;
      top: -22px;
      left: 14px; }
  .summaryOrder-div .ladder-discount .help {
    font-size: 12px;
    color: #777777;
    text-align: left; }

.summaryOrder-div .cart-item {
  margin-top: 20px;
  display: flex;
  border-bottom: 1px solid #ebebeb; }
  .summaryOrder-div .cart-item .item-select {
    min-width: 160px;
    padding-left: 20px;
    min-height: 100px;
    display: inline-block;
    position: relative; }
    .summaryOrder-div .cart-item .item-select .shelter-line {
      width: 30px;
      height: 4px;
      position: absolute;
      top: 99px;
      left: 0px;
      background: white; }
    .summaryOrder-div .cart-item .item-select .preview-div {
      display: inline-block;
      vertical-align: top;
      width: 80px;
      height: 80px;
      left: 10px;
      position: relative;
      border: 1px solid #ebebeb;
      display: flex;
      justify-content: center;
      align-items: center; }
      .summaryOrder-div .cart-item .item-select .preview-div:hover {
        border: 1px solid #23d05f; }
        .summaryOrder-div .cart-item .item-select .preview-div:hover .zoom-in-icon {
          color: #23d05f;
          position: absolute;
          right: 4px;
          bottom: 2px;
          cursor: pointer; }
      .summaryOrder-div .cart-item .item-select .preview-div .preview {
        max-width: 78px;
        max-height: 78px; }
      .summaryOrder-div .cart-item .item-select .preview-div .zoom-in-icon {
        position: absolute;
        right: 4px;
        bottom: 2px;
        cursor: pointer; }
  .summaryOrder-div .cart-item .item-info {
    min-width: 320px;
    display: inline-block; }
    .summaryOrder-div .cart-item .item-info .name {
      overflow: hidden;
      font-size: 16px;
      color: #262626;
      display: inline-block;
      white-space: nowrap;
      width: 100%;
      max-width: 310px;
      text-overflow: ellipsis; }
    .summaryOrder-div .cart-item .item-info .color-size {
      height: 26px;
      text-align: left;
      color: #777777;
      margin-top: 6px;
      display: flex;
      align-items: center; }
      .summaryOrder-div .cart-item .item-info .color-size .color-hex {
        display: flex;
        border: 1px solid #ebebeb;
        width: 14px;
        height: 14px;
        margin-left: 4px;
        vertical-align: middle; }
        .summaryOrder-div .cart-item .item-info .color-size .color-hex .color {
          flex: 1;
          height: 100%; }
      .summaryOrder-div .cart-item .item-info .color-size .size-edit {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        display: flex;
        align-items: center;
        height: 28px;
        margin-left: 30px;
        border: 1px solid white; }
    .summaryOrder-div .cart-item .item-info .value-added-services {
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      width: 74px;
      height: 18px;
      font-size: 12px;
      padding: 0px; }
      .summaryOrder-div .cart-item .item-info .value-added-services:hover {
        border: 1px solid #23d05f; }
  .summaryOrder-div .cart-item .item-qty {
    min-width: 250px;
    text-align: left; }
  .summaryOrder-div .cart-item .item-price {
    min-width: 240px;
    display: inline-block;
    text-align: left; }
    .summaryOrder-div .cart-item .item-price .originalprice {
      font-size: 14px;
      color: #262626;
      line-height: 22px; }
    .summaryOrder-div .cart-item .item-price .originalprice-witn-line {
      font-size: 14px;
      color: #777777;
      text-decoration: line-through;
      display: block;
      line-height: 22px; }
    .summaryOrder-div .cart-item .item-price .price-after-discount {
      font-size: 18px;
      color: #262626;
      line-height: 22px; }
  .summaryOrder-div .cart-item .item-amount {
    min-width: 230px;
    text-align: left; }

.coupon-page .couponList {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px; }
  .coupon-page .couponList .coupon {
    margin-right: 19px;
    margin-top: 20px;
    background: #ffffff;
    border-radius: 4px;
    width: 334px;
    height: 150px; }
    .coupon-page .couponList .coupon .coupon-title-active {
      background: #f0fff3;
      border: 1px solid #e60122; }
    .coupon-page .couponList .coupon .coupon-title-unactive {
      border: 1px solid #e0e0e0;
      background: #fafafa; }
    .coupon-page .couponList .coupon .coupon-title {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      padding-right: 10px;
      width: 334px;
      height: 37px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .coupon-page .couponList .coupon .coupon-title .coupon-title-span {
        display: block;
        margin-left: 8px;
        font-weight: 200;
        font-size: 14px;
        color: #262626;
        line-height: 22px;
        text-align: left;
        height: 22px; }
      .coupon-page .couponList .coupon .coupon-title .check-icon {
        text-align: right;
        margin: 2px 2px 2px auto;
        line-height: 10px;
        width: 16px;
        height: 16px;
        border: 1px solid #e0e0e0;
        border-radius: 50%;
        font-size: 10px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center; }
        .coupon-page .couponList .coupon .coupon-title .check-icon .iconfont {
          font-size: 12px; }
      .coupon-page .couponList .coupon .coupon-title .check-icon-active {
        background: #e60122; }
    .coupon-page .couponList .coupon .coupon-content-active {
      border-left: 1px solid #23d05f;
      border-right: 1px solid #23d05f; }
    .coupon-page .couponList .coupon .coupon-content-unactive {
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0; }
    .coupon-page .couponList .coupon .coupon-content {
      width: 334px;
      height: 59px;
      text-align: center;
      line-height: 59px; }
      .coupon-page .couponList .coupon .coupon-content .coupon-type {
        display: inline-block;
        font-weight: 300;
        font-size: 12px;
        color: #262626;
        letter-spacing: 0;
        text-align: left; }
      .coupon-page .couponList .coupon .coupon-content .coupon-value {
        font-weight: 400;
        display: inline-block;
        font-size: 30px;
        color: #262626;
        text-align: left;
        margin-left: 10px; }
    .coupon-page .couponList .coupon .coupon-circle {
      width: 334px;
      height: 10px;
      position: relative;
      overflow: hidden;
      text-align: center; }
      .coupon-page .couponList .coupon .coupon-circle .divider {
        display: inline-block;
        height: 15px;
        width: 316px; }
        .coupon-page .couponList .coupon .coupon-circle .divider .dividerTop {
          height: 5px;
          width: 316px;
          border-bottom: 1px dashed #e0e0e0; }
        .coupon-page .couponList .coupon .coupon-circle .divider .dividerBottom {
          display: inline-block;
          height: 5px;
          width: 316px; }
    .coupon-page .couponList .coupon .coupon-circle-unactive:after {
      border: 1px solid #e0e0e0; }
    .coupon-page .couponList .coupon .coupon-circle-active:after {
      border: 1px solid #23d05f; }
    .coupon-page .couponList .coupon .coupon-circle:after {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #fff;
      right: -5px; }
    .coupon-page .couponList .coupon .coupon-circle-unactive:before {
      border: 1px solid #e0e0e0; }
    .coupon-page .couponList .coupon .coupon-circle-active:before {
      border: 1px solid #23d05f; }
    .coupon-page .couponList .coupon .coupon-circle:before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #fff;
      left: -5px; }
    .coupon-page .couponList .coupon .coupon-divider {
      top: -29px !important;
      width: 272px !important;
      margin: 24px 5px !important;
      min-width: 0; }
    .coupon-page .couponList .coupon .coupon-footer-active {
      border-left: 1px solid #23d05f;
      border-right: 1px solid #23d05f;
      border-bottom: 1px solid #23d05f; }
    .coupon-page .couponList .coupon .coupon-footer-unactive {
      border-left: 1px solid #e0e0e0;
      border-right: 1px solid #e0e0e0;
      border-bottom: 1px solid #e0e0e0; }
    .coupon-page .couponList .coupon .coupon-footer {
      font-weight: 200;
      font-size: 12px;
      width: 334px;
      color: #777777;
      text-align: left;
      height: 47px;
      line-height: 47px;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      display: flex;
      justify-content: space-between; }
      .coupon-page .couponList .coupon .coupon-footer .margin-left-9 {
        margin-left: 9px; }
      .coupon-page .couponList .coupon .coupon-footer .footer-label {
        font-weight: 200;
        font-size: 12px;
        color: #777777;
        text-align: left;
        margin-right: 9px; }
      .coupon-page .couponList .coupon .coupon-footer .footer-left {
        display: inline-block; }
        .coupon-page .couponList .coupon .coupon-footer .footer-left .coupon-icon {
          width: 15px;
          height: 14px;
          font-size: 14px;
          margin-right: 4px; }
        .coupon-page .couponList .coupon .coupon-footer .footer-left span + .iconfont,
        .coupon-page .couponList .coupon .coupon-footer .footer-left .iconfont + span {
          margin-left: 0; }
      .coupon-page .couponList .coupon .coupon-footer .footer-right {
        display: inline-block; }
        .coupon-page .couponList .coupon .coupon-footer .footer-right span + .iconfont,
        .coupon-page .couponList .coupon .coupon-footer .footer-right .iconfont + span {
          margin-left: 0; }

.coupon-page .showAll {
  margin-top: 20px;
  text-align: right; }
  .coupon-page .showAll .showAllButton {
    font-weight: 300;
    font-size: 14px;
    color: #777777;
    text-align: right;
    line-height: 22px;
    cursor: pointer; }
    .coupon-page .showAll .showAllButton:hover {
      color: #23d05f; }
    .coupon-page .showAll .showAllButton .showAllIcon {
      margin-left: 10px; }

.order-modal-wrap {
  max-width: 1200px;
  width: 80% !important;
  min-width: 700px;
  top: 150px !important; }

.fba-head-wrap .title {
  padding: 8px 0;
  line-height: 1.5;
  font-weight: bold;
  font-size: 14px;
  color: #262626; }

.fba-head-wrap .fba-step-wrap {
  display: flex;
  padding: 0px 0px 10px;
  list-style: none; }
  .fba-head-wrap .fba-step-wrap li {
    width: -webkit-calc((100% - 50px) / 6);
    height: 36px;
    line-height: 36px;
    background: #e9e9e9;
    font-size: 12px;
    text-align: center;
    margin-right: 10px;
    position: relative;
    min-width: 80px; }
    .fba-head-wrap .fba-step-wrap li .text {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      z-index: 100; }
      .fba-head-wrap .fba-step-wrap li .text .desc {
        display: inline-block;
        min-width: 40px;
        height: 17px;
        line-height: 17px;
        border-radius: 4px;
        background: #e5c58a;
        color: #fff;
        position: absolute;
        top: 1px;
        right: -48px;
        z-index: 101;
        font-size: 10px; }
  .fba-head-wrap .fba-step-wrap li:not(:last-child):after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px;
    border-color: transparent transparent transparent #e9e9e9;
    position: absolute;
    top: 0;
    right: -34px;
    z-index: 60; }
  .fba-head-wrap .fba-step-wrap li:not(:first-child):before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px;
    border-color: #e9e9e9 #e9e9e9 #e9e9e9 #fff;
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 50; }

.category-public-select {
  margin-top: -20px;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-self: center;
  border-bottom: 1px solid #ebebeb; }
  .category-public-select .select-div {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .category-public-select .select-div .selected-line {
      position: absolute;
      left: 0px;
      top: 99px;
      width: 220px;
      height: 2px;
      background: #23d05f; }
    .category-public-select .select-div.disabled {
      color: #ccc;
      cursor: not-allowed; }

.goodslist-morefactor-div {
  margin-left: 30px;
  margin-right: 30px;
  display: inline-block;
  padding: 10px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 42px !important;
  height: 42px !important; }

.goodslist-searchbar {
  width: auto;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .goodslist-searchbar .goodslist-searchbar-left {
    display: inline-block;
    margin-bottom: 20px;
    user-select: none; }
    .goodslist-searchbar .goodslist-searchbar-left .date-input {
      display: inline-block;
      margin-right: 10px; }
      .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker {
        width: 280px;
        height: 42px; }
        .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-input {
          width: 90px;
          text-align: center; }
        .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-separator {
          min-width: 24px; }
        .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-picker-icon {
          font-size: 16px !important; }
    .goodslist-searchbar .goodslist-searchbar-left .key-search {
      width: 279px;
      margin-left: 20px; }
      .goodslist-searchbar .goodslist-searchbar-left .key-search .ant-input-lg {
        font-size: 14px; }

.category-morefactor-div-popover .ant-popover-inner-content {
  padding: 0; }
  .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content {
    width: 395px; }
    .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .status-div {
      padding-top: 20px;
      margin-left: 17px;
      margin-right: 17px;
      height: 62px; }
    .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div {
      border-top: 1px solid #ebebeb;
      padding: 9px 0;
      text-align: right; }
      .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .reset-text {
        color: #1d75e5;
        margin-right: 170px; }
        .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .reset-text:hover {
          cursor: pointer; }
      .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .cancel-button {
        width: 70px;
        height: 34px;
        margin-left: 20px !important;
        margin-right: 20px; }
      .category-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .search-button {
        width: 70px;
        height: 34px; }

.goodsList-morefactor-tech-options {
  z-index: 1060 !important; }

.category-wrap .categoryManagement-table .table-status {
  text-align: center;
  height: 30px;
  border-radius: 15px;
  width: 80px;
  line-height: 30px;
  color: #fff; }

.ant-popover-title {
  text-align: left !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: #262626;
  font-size: 14px;
}
.ant-breadcrumb .anticon {
  font-size: 14px;
}
.ant-breadcrumb a {
  color: #262626;
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #e60122;
}
.ant-breadcrumb > span:last-child {
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb > span:last-child a {
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: #262626;
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #ff7a81;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #ff7a81;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #eb344e;
  outline: none;
  box-shadow: 0 0 0 5px rgba(230, 1, 34, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #e60122;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #ff5260;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #ff5260;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 14px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: #262626;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #f38091;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}

.batch-design-timeline {
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 45px; }
  .batch-design-timeline .batch-design-timeline-div {
    width: 476px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .batch-design-timeline .batch-design-timeline-div .first-step {
      width: 40px;
      height: 40px;
      position: relative; }
      .batch-design-timeline .batch-design-timeline-div .first-step .step-icon-div {
        width: 40px;
        height: 40px;
        background: #23d05f;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 40px; }
      .batch-design-timeline .batch-design-timeline-div .first-step .step-text {
        color: #23d05f;
        position: absolute;
        width: 56px;
        top: 50px;
        left: -8px; }
    .batch-design-timeline .batch-design-timeline-div .after-step {
      width: 130px;
      height: 40px;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      position: relative; }
      .batch-design-timeline .batch-design-timeline-div .after-step .step-icon-div {
        width: 40px;
        height: 40px;
        background: #e0e0e0;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 40px; }
      .batch-design-timeline .batch-design-timeline-div .after-step .step-text {
        position: absolute;
        top: 50px;
        right: -8px; }
      .batch-design-timeline .batch-design-timeline-div .after-step .step-line {
        width: 90px;
        height: 1px; }

.batch-design-timeline-step-text {
  background: white;
  padding-bottom: 20px; }
  .batch-design-timeline-step-text .step-text-black {
    display: inline-block;
    width: 4px;
    height: 14px;
    margin-right: 9px;
    background: #262626; }
  .batch-design-timeline-step-text .text {
    font-size: 16px; }

.batch-design-products-pitch .pitch-list .add-product {
  display: inline-block;
  width: 170px;
  height: 170px;
  margin-bottom: 20px;
  border: 1px dashed #e0e0e0;
  border-radius: 4px; }
  .batch-design-products-pitch .pitch-list .add-product:hover {
    background: #fafafa;
    border: 1px dashed #23D05F; }
    .batch-design-products-pitch .pitch-list .add-product:hover .add-icon-div {
      margin-left: 54px;
      margin-top: 40px;
      margin-bottom: 9px;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 60px;
      border-radius: 100%;
      background: white; }
  .batch-design-products-pitch .pitch-list .add-product .add-icon-div {
    background: #fafafa;
    margin-left: 54px;
    margin-top: 40px;
    margin-bottom: 9px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    line-height: 60px; }
  .batch-design-products-pitch .pitch-list .add-product .add-text-div {
    color: #bfbfbf;
    margin-left: 54px; }

.batch-design-products-pitch .pitch-list .product-div-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -24px; }
  .batch-design-products-pitch .pitch-list .product-div-list .product-div {
    width: 170px;
    min-height: 215px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    box-sizing: content-box;
    border: 1px solid #e0e0e0; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div:hover {
      border: 1px solid #23d05f; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div:hover .product-colors {
        display: block; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div:hover .product-bottom {
        display: none; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .image-div {
      margin-bottom: 6px;
      width: 170px;
      min-height: 170px;
      z-index: 100;
      background: white;
      border: 1px solid white; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-colors {
      display: none;
      padding-left: 4px;
      padding-right: 4px;
      width: 169px;
      min-height: 30px;
      padding-top: 10px;
      padding-bottom: 10px;
      height: auto; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-colors .product-color {
        position: relative;
        width: 16px;
        height: 16px;
        margin-bottom: 4px;
        box-sizing: content-box;
        line-height: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        display: flex;
        border: 1px solid #e0e0e0; }
        .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-colors .product-color .color {
          flex: 1;
          height: 100%; }
        .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-colors .product-color.active {
          border: 1px solid #23D05F; }
        .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-colors .product-color .ds-check {
          position: absolute;
          top: 50%;
          right: 50%;
          transform: translate(50%, -50%); }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .edit-icon {
      position: absolute;
      right: 28px;
      top: 8px;
      z-index: 101; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div .edit-icon:hover {
        color: #23d05f; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .delete-icon {
      position: absolute;
      right: 8px;
      top: 8px;
      z-index: 101; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div .delete-icon:hover {
        color: #23d05f; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-bottom {
      padding: 10px 0;
      z-index: 80;
      left: 0;
      top: 150px;
      background: white;
      overflow: hidden; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div .product-bottom .product-name {
        overflow: hidden;
        font-size: 12px;
        color: #262626;
        display: block;
        white-space: nowrap;
        width: 170px;
        text-overflow: ellipsis; }
    .batch-design-products-pitch .pitch-list .product-div-list .product-div .under-product {
      width: 170px;
      height: 50px;
      position: absolute;
      top: 2px; }
      .batch-design-products-pitch .pitch-list .product-div-list .product-div .under-product .delete-icon1 {
        position: absolute;
        right: 8px;
        top: 8px; }

.batch-design-products-pitch .pitch-text-div {
  margin-top: -6px;
  margin-bottom: 20px; }
  .batch-design-products-pitch .pitch-text-div .pitch-text {
    color: #1d75e5;
    text-decoration: underline; }

.list-product-delete-icon .ant-popover-inner-content {
  padding: 0; }
  .list-product-delete-icon .ant-popover-inner-content .list-product-delete-icon-popover {
    width: 174px;
    height: 100px;
    padding-top: 14px;
    padding-left: 18px;
    padding-right: 18px; }
    .list-product-delete-icon .ant-popover-inner-content .list-product-delete-icon-popover .text-div {
      height: 40px;
      margin-bottom: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 12px; }
    .list-product-delete-icon .ant-popover-inner-content .list-product-delete-icon-popover .bottom-div .cancel-button {
      width: 48px;
      height: 24px;
      margin-right: 10px;
      padding: 0px; }
    .list-product-delete-icon .ant-popover-inner-content .list-product-delete-icon-popover .bottom-div .confirm-button {
      width: 48px;
      height: 24px;
      padding: 0px; }

.batch-design-product-drawer .drawer-top-div {
  margin-top: 6px;
  margin-bottom: 20px; }
  .batch-design-product-drawer .drawer-top-div .cate-select {
    margin-left: 20px;
    width: 242px;
    height: 42px; }
    .batch-design-product-drawer .drawer-top-div .cate-select .ant-select-selection--single {
      height: 42px; }
    .batch-design-product-drawer .drawer-top-div .cate-select .ant-select-selection__rendered {
      line-height: 42px; }
  .batch-design-product-drawer .drawer-top-div .key-search {
    width: 242px;
    margin-left: 20px; }
    .batch-design-product-drawer .drawer-top-div .key-search .ant-input-lg {
      font-size: 14px; }
  .batch-design-product-drawer .drawer-top-div .morefactor-div {
    display: inline-block;
    padding: 10px;
    margin-left: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 42px;
    height: 42px; }

.batch-design-product-drawer .list-content-body {
  position: relative;
  height: calc(100vh - 200px); }
  .batch-design-product-drawer .list-content-body .list-content-scroller {
    position: absolute;
    left: -20px;
    padding: 8px 20px;
    height: calc(100vh - 200px); }
  .batch-design-product-drawer .list-content-body .list-content-more {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }

.batch-design-product-drawer .drawer-imglist-div {
  min-width: 660px; }
  .batch-design-product-drawer .drawer-imglist-div .product-div {
    width: 150px;
    position: relative;
    min-height: 198px;
    margin-bottom: 20px; }
    .batch-design-product-drawer .drawer-imglist-div .product-div .image-div {
      width: 150px;
      min-height: 150px;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 100;
      background: white;
      margin-bottom: 7px;
      border: 1px solid white; }
      .batch-design-product-drawer .drawer-imglist-div .product-div .image-div:hover {
        min-height: 190px;
        border: 1px solid #23d05f; }
        .batch-design-product-drawer .drawer-imglist-div .product-div .image-div:hover .product-colors {
          display: block;
          padding-left: 4px;
          padding-right: 4px;
          width: 148px;
          min-height: 22px;
          height: auto;
          background: white; }
          .batch-design-product-drawer .drawer-imglist-div .product-div .image-div:hover .product-colors .product-color {
            position: relative;
            width: 16px;
            height: 16px;
            margin-bottom: 4px;
            box-sizing: content-box;
            line-height: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #e0e0e0; }
            .batch-design-product-drawer .drawer-imglist-div .product-div .image-div:hover .product-colors .product-color .color {
              flex: 1;
              height: 100%; }
            .batch-design-product-drawer .drawer-imglist-div .product-div .image-div:hover .product-colors .product-color.on-click {
              border: 1px solid #23D05F; }
      .batch-design-product-drawer .drawer-imglist-div .product-div .image-div .product-colors {
        display: none; }
      .batch-design-product-drawer .drawer-imglist-div .product-div .image-div .ds-check {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%); }
    .batch-design-product-drawer .drawer-imglist-div .product-div .product-checked-mask {
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
      width: 150px;
      height: 151px;
      left: 0px;
      top: 0px;
      z-index: 102; }
    .batch-design-product-drawer .drawer-imglist-div .product-div .product-check {
      position: absolute;
      right: 5px;
      top: 5px;
      z-index: 101; }
    .batch-design-product-drawer .drawer-imglist-div .product-div .product-bottom {
      position: absolute;
      left: 0;
      top: 150px;
      z-index: 81;
      position: absolute;
      left: 0;
      top: 150px;
      background: white; }
      .batch-design-product-drawer .drawer-imglist-div .product-div .product-bottom .product-price {
        display: block;
        color: #262626; }
      .batch-design-product-drawer .drawer-imglist-div .product-div .product-bottom .product-name {
        overflow: hidden;
        font-size: 12px;
        color: #262626;
        display: block;
        white-space: nowrap;
        width: 150px;
        text-overflow: ellipsis; }

.batch-design-product-drawer .drawer-bottom-div {
  position: absolute;
  z-index: 120;
  bottom: 0px;
  height: 60px;
  width: 100%;
  border-top: 1px solid #ebebeb;
  left: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between; }
  .batch-design-product-drawer .drawer-bottom-div .bottom-text {
    display: inline-block;
    margin-left: 30px;
    margin-top: 20px; }
  .batch-design-product-drawer .drawer-bottom-div .scroll-button {
    width: 70px;
    height: 34px;
    margin-right: 20px; }
  .batch-design-product-drawer .drawer-bottom-div .back-button {
    width: 70px;
    height: 34px;
    margin-right: 20px; }
  .batch-design-product-drawer .drawer-bottom-div .confirm-button {
    width: 70px;
    height: 34px; }

.product-drawer-morefactor .ant-popover-inner-content {
  padding: 0; }
  .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover {
    width: 205px;
    height: 150px; }
    .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .tech-div {
      padding-top: 36px;
      height: 100px;
      border-bottom: 1px solid #ebebeb; }
      .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .tech-div .tech-select {
        margin-left: 20px;
        width: 118px;
        height: 42px; }
        .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .tech-div .tech-select .ant-select-selection--single {
          height: 42px; }
        .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .tech-div .tech-select .ant-select-selection__rendered {
          line-height: 42px; }
    .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .bottom-div {
      padding-top: 5px; }
      .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .bottom-div .cancel-button {
        width: 70px;
        height: 34px;
        margin-left: 20px;
        margin-right: 20px; }
      .product-drawer-morefactor .ant-popover-inner-content .product-drawer-popover .bottom-div .search-button {
        width: 70px;
        height: 34px; }

.product-drawer-morefactor-tech-options {
  z-index: 1060 !important; }

.batch-design-colorconfig-drawer .drawer-top-div {
  margin-top: 6px;
  margin-bottom: 20px; }

.batch-design-colorconfig-drawer .drawer-content-div {
  padding-left: 86px;
  padding-right: 86px;
  height: auto;
  margin-bottom: 50px; }
  .batch-design-colorconfig-drawer .drawer-content-div .color-config-gallery {
    margin-left: -55px; }
  .batch-design-colorconfig-drawer .drawer-content-div .color-cofig-productname {
    font-size: 18px;
    color: #262626;
    line-height: 30px;
    text-align: left;
    margin-bottom: -4px; }
  .batch-design-colorconfig-drawer .drawer-content-div .tech-config {
    margin-top: 20px; }
    .batch-design-colorconfig-drawer .drawer-content-div .tech-config .text {
      font-size: 16px;
      line-height: 24px;
      margin-right: 304px;
      margin-top: -4px; }
    .batch-design-colorconfig-drawer .drawer-content-div .tech-config .product-techs {
      margin-top: 20px;
      margin-bottom: -12px; }
      .batch-design-colorconfig-drawer .drawer-content-div .tech-config .product-techs .product-tech {
        border: 1px solid #ccc;
        padding: 5px 10px;
        border-radius: 4px;
        margin-bottom: 8px;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: content-box;
        cursor: pointer; }
        .batch-design-colorconfig-drawer .drawer-content-div .tech-config .product-techs .product-tech.disabled {
          border: 1px solid #efefef;
          background: #efefef;
          cursor: not-allowed; }
  .batch-design-colorconfig-drawer .drawer-content-div .color-config .text {
    font-size: 16px;
    line-height: 24px;
    margin-right: 304px;
    margin-top: -4px; }
  .batch-design-colorconfig-drawer .drawer-content-div .color-config .product-colors {
    margin-top: 20px;
    margin-bottom: -12px; }
    .batch-design-colorconfig-drawer .drawer-content-div .color-config .product-colors .product-color {
      position: relative;
      width: 30px;
      height: 30px;
      margin-bottom: 8px;
      line-height: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: content-box;
      border: 2px solid #23D05F; }
      .batch-design-colorconfig-drawer .drawer-content-div .color-config .product-colors .product-color .color {
        flex: 1;
        height: 100%; }
      .batch-design-colorconfig-drawer .drawer-content-div .color-config .product-colors .product-color .ds-check {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%); }
  .batch-design-colorconfig-drawer .drawer-content-div .text-help-div {
    display: flex;
    justify-content: flex-start;
    align-items: center; }
    .batch-design-colorconfig-drawer .drawer-content-div .text-help-div .text {
      font-size: 16px;
      line-height: 24px;
      margin-right: 6px; }
  .batch-design-colorconfig-drawer .drawer-content-div .main-image {
    margin-top: -4px;
    margin-bottom: 20px; }
    .batch-design-colorconfig-drawer .drawer-content-div .main-image .main-color {
      display: block;
      margin-top: 20px;
      width: 28px;
      height: 28px;
      border-radius: 100%; }
    .batch-design-colorconfig-drawer .drawer-content-div .main-image .main-color-close {
      margin-top: 20px;
      width: 28px;
      height: 28px;
      border: 2px solid #E0E0E0;
      background: #FAFAFA;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 28px; }

.batch-design-colorconfig-drawer .drawer-bottom-div {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 60px;
  width: 100%;
  border-top: 1px solid #ebebeb;
  background: #ffffff; }
  .batch-design-colorconfig-drawer .drawer-bottom-div .back-button {
    display: inline-block;
    width: 70px;
    height: 34px;
    margin-left: 530px;
    margin-right: 20px; }
  .batch-design-colorconfig-drawer .drawer-bottom-div .confirm-button {
    width: 70px;
    height: 34px; }

.color-config-matrix .ant-popover-inner-content {
  padding: 10px !important; }
  .color-config-matrix .ant-popover-inner-content .matrix-div {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 175px; }
    .color-config-matrix .ant-popover-inner-content .matrix-div .color-element {
      display: flex;
      width: 25px;
      height: 25px; }
      .color-config-matrix .ant-popover-inner-content .matrix-div .color-element .color {
        flex: 1;
        height: 100%; }

.batch-design-compose-pitch .img-config-wrap .config-item {
  display: flex;
  align-items: center; }
  .batch-design-compose-pitch .img-config-wrap .config-item > ul {
    margin: 0;
    padding: 0;
    display: flex; }
    .batch-design-compose-pitch .img-config-wrap .config-item > ul > li {
      list-style: none;
      margin-right: 20px;
      border-radius: 4px;
      border: 1px solid #E0E0E0; }
      .batch-design-compose-pitch .img-config-wrap .config-item > ul > li.active {
        color: #E60122;
        border: 1px solid #E60122; }

.batch-design-compose-pitch .img-config-wrap .adaptation li {
  position: relative;
  width: 40px;
  height: 40px; }
  .batch-design-compose-pitch .img-config-wrap .adaptation li .iconfont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.batch-design-compose-pitch .img-config-wrap .tiled {
  margin: 20px 0; }
  .batch-design-compose-pitch .img-config-wrap .tiled li {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden; }
    .batch-design-compose-pitch .img-config-wrap .tiled li .check-img {
      position: absolute;
      right: 0;
      bottom: 0; }

.batch-design-compose-pitch .img-config-wrap .action {
  margin-bottom: 36px; }
  .batch-design-compose-pitch .img-config-wrap .action li {
    position: relative;
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px; }

.batch-design-compose-pitch .pitch-list {
  width: auto;
  height: auto; }
  .batch-design-compose-pitch .pitch-list .product-div-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start; }
    .batch-design-compose-pitch .pitch-list .product-div-list .product-div {
      width: 170px;
      margin-right: 30px;
      position: relative; }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .image-div {
        width: 170px;
        height: 170px;
        border: 1px solid #ebebeb; }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .delete-icon {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px;
        z-index: 99; }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .unselected-mask {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 170px;
        height: 170px;
        z-index: 11;
        background: rgba(0, 0, 0, 0.1); }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .selected-line {
        position: absolute;
        left: 0px;
        top: 215px;
        width: 170px;
        height: 2px;
        background: #E60122;
        z-index: 9; }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .product-bottom {
        background: white;
        padding-top: 6px;
        padding-bottom: 22px;
        margin-bottom: -22px; }
        .batch-design-compose-pitch .pitch-list .product-div-list .product-div .product-bottom .product-name {
          overflow: hidden;
          font-size: 12px;
          color: #262626;
          display: block;
          white-space: nowrap;
          width: 168px;
          text-overflow: ellipsis; }
      .batch-design-compose-pitch .pitch-list .product-div-list .product-div .under-product {
        width: 170px;
        height: 50px;
        position: relative; }
        .batch-design-compose-pitch .pitch-list .product-div-list .product-div .under-product .delete-icon1 {
          position: absolute;
          right: 10px;
          top: 8px; }

.batch-design-compose-pitch .compose-list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-top: -4px;
  margin-bottom: -24px; }
  .batch-design-compose-pitch .compose-list .product-div {
    width: 172px;
    min-height: 195px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #e0e0e0; }
    .batch-design-compose-pitch .compose-list .product-div .image-div {
      width: 170px;
      margin-bottom: 6px;
      min-height: 170px;
      z-index: 100;
      background: white; }
      .batch-design-compose-pitch .compose-list .product-div .image-div .create-afresh {
        position: absolute;
        top: 40%;
        left: 50px; }
        .batch-design-compose-pitch .compose-list .product-div .image-div .create-afresh:hover {
          color: #E60122; }
      .batch-design-compose-pitch .compose-list .product-div .image-div .design-img-div {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: absolute; }
    .batch-design-compose-pitch .compose-list .product-div .match-degree {
      position: absolute;
      left: 8px;
      top: 8px;
      width: 12px;
      height: 12px;
      border-radius: 100%;
      z-index: 101; }
    .batch-design-compose-pitch .compose-list .product-div .delete-icon {
      position: absolute;
      right: 8px;
      top: 8px;
      z-index: 101; }
      .batch-design-compose-pitch .compose-list .product-div .delete-icon:hover {
        color: #E60122; }
    .batch-design-compose-pitch .compose-list .product-div .zoom-mask {
      display: none;
      position: absolute;
      top: 0;
      width: 170px;
      height: 170px;
      background: rgba(0, 0, 0, 0.2); }
      .batch-design-compose-pitch .compose-list .product-div .zoom-mask .ds-zoom-in-icon {
        position: absolute;
        right: 62px;
        top: 85px;
        z-index: 101;
        font-size: 13px;
        color: #fff; }
    .batch-design-compose-pitch .compose-list .product-div .product-bottom {
      z-index: 80;
      left: 0;
      top: 150px; }
      .batch-design-compose-pitch .compose-list .product-div .product-bottom .product-name {
        overflow: hidden;
        font-size: 12px;
        color: #262626;
        display: block;
        white-space: nowrap;
        width: 170px;
        text-overflow: ellipsis;
        padding: 0 4px 4px 4px; }
    .batch-design-compose-pitch .compose-list .product-div .under-product {
      width: 160px;
      height: 50px;
      position: absolute;
      top: 0; }
      .batch-design-compose-pitch .compose-list .product-div .under-product .delete-icon1 {
        position: absolute;
        right: 10px;
        top: 8px;
        display: none; }
    .batch-design-compose-pitch .compose-list .product-div:hover {
      border: 1px solid #E60122; }
      .batch-design-compose-pitch .compose-list .product-div:hover .create-afresh {
        color: #E60122; }
      .batch-design-compose-pitch .compose-list .product-div:hover .zoom-mask {
        display: inline-block; }
  .batch-design-compose-pitch .compose-list .no-relative-goods {
    font-size: 12px;
    margin-left: 15px;
    margin-top: -4px;
    margin-bottom: 20px; }

.batch-design-compose-pitch .compose-bottom {
  padding-bottom: 20px; }
  .batch-design-compose-pitch .compose-bottom .compose-info {
    margin-top: -4px;
    margin-bottom: 20px; }
    .batch-design-compose-pitch .compose-bottom .compose-info .compose-total {
      font-size: 14px;
      margin-right: 20px; }
  .batch-design-compose-pitch .compose-bottom .compose-back {
    margin-right: 20px; }

.batch-design-compose-pitch .product-colors {
  padding-left: 4px;
  padding-right: 4px;
  width: 168px;
  min-height: 22px;
  height: auto;
  background: white; }
  .batch-design-compose-pitch .product-colors .product-color {
    width: 16px;
    height: 16px;
    margin-bottom: 4px;
    box-sizing: content-box;
    line-height: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0; }
    .batch-design-compose-pitch .product-colors .product-color .color {
      flex: 1;
      height: 100%; }
    .batch-design-compose-pitch .product-colors .product-color.active {
      border: 1px solid #E60122; }

.compose-product-delete-icon {
  top: -115px !important;
  left: 68px !important; }
  .compose-product-delete-icon .ant-popover-inner-content {
    padding: 0; }
    .compose-product-delete-icon .ant-popover-inner-content .compose-product-delete-icon-popover {
      width: 174px;
      height: 100px;
      padding-top: 14px;
      padding-left: 18px;
      padding-right: 18px; }
      .compose-product-delete-icon .ant-popover-inner-content .compose-product-delete-icon-popover .text-div {
        height: 40px;
        margin-bottom: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 12px; }
      .compose-product-delete-icon .ant-popover-inner-content .compose-product-delete-icon-popover .bottom-div .cancel-button {
        width: 48px;
        height: 24px;
        margin-right: 10px;
        padding: 0px; }
      .compose-product-delete-icon .ant-popover-inner-content .compose-product-delete-icon-popover .bottom-div .confirm-button {
        width: 48px;
        height: 24px;
        padding: 0px; }

.compose-goods-delete-icon .ant-popover-inner-content {
  padding: 0; }
  .compose-goods-delete-icon .ant-popover-inner-content .compose-goods-delete-icon-popover {
    width: 174px;
    height: 100px;
    padding-top: 14px;
    padding-left: 18px;
    padding-right: 18px; }
    .compose-goods-delete-icon .ant-popover-inner-content .compose-goods-delete-icon-popover .text-div {
      height: 40px;
      margin-bottom: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 12px; }
    .compose-goods-delete-icon .ant-popover-inner-content .compose-goods-delete-icon-popover .bottom-div .cancel-button {
      width: 48px;
      height: 24px;
      margin-right: 10px;
      padding: 0px; }
    .compose-goods-delete-icon .ant-popover-inner-content .compose-goods-delete-icon-popover .bottom-div .confirm-button {
      width: 48px;
      height: 24px;
      padding: 0px; }

.compose-detail-modal {
  width: 1000px;
  min-width: 1000px !important; }
  .compose-detail-modal .ant-modal-content .ant-modal-header {
    padding: 0px; }
  .compose-detail-modal .ant-modal-content .ant-modal-body {
    padding: 0px; }
    .compose-detail-modal .ant-modal-content .ant-modal-body .compose-detail-close {
      float: right;
      width: 20px;
      height: 20px;
      margin-right: 30px;
      margin-top: 30px;
      display: flex;
      justify-content: center;
      align-items: center; }
    .compose-detail-modal .ant-modal-content .ant-modal-body .compose-detail-colors {
      margin-left: 110px;
      margin-right: 144px;
      margin-top: 18px;
      padding-bottom: 28px;
      width: 746px;
      height: auto; }
      .compose-detail-modal .ant-modal-content .ant-modal-body .compose-detail-colors .compose-detail-color {
        width: 32px;
        height: 32px;
        margin-bottom: 8px;
        box-sizing: content-box;
        line-height: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #e0e0e0; }
        .compose-detail-modal .ant-modal-content .ant-modal-body .compose-detail-colors .compose-detail-color .color {
          flex: 1;
          height: 100%; }
        .compose-detail-modal .ant-modal-content .ant-modal-body .compose-detail-colors .compose-detail-color.detail-on-click {
          border: 2px solid #E60122; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #23D05F;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #E62154;
}
.ant-badge-status-warning {
  background-color: #FAAD14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #262626;
  font-size: 14px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #262626;
  font-size: 14px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #262626;
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #262626;
  background: #fff;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11.5px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 14px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f0fff3;
  border: 1px solid #a1f7b6;
}
.ant-alert-success .ant-alert-icon {
  color: #23D05F;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #FAAD14;
}
.ant-alert-error {
  background-color: #fff0f1;
  border: 1px solid #ff9eae;
}
.ant-alert-error .ant-alert-icon {
  color: #E62154;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: #262626;
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 14px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: #262626;
  font-size: 16px;
}
.ant-alert-message {
  color: #262626;
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

.itemsCarousel {
  width: 100%; }
  .itemsCarousel .indicators {
    display: flex;
    padding: 0;
    margin: auto;
    justify-content: center; }
    .itemsCarousel .indicators .item {
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #bfbfbf;
      list-style: none;
      margin: 0 2px;
      cursor: pointer; }
      .itemsCarousel .indicators .item--active {
        background-color: #e60122; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #262626;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #262626;
  font-size: 14px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #E62154;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #FAAD14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #23D05F;
}

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

.boxshadow {
  width: 100%;
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); }

.logo-container,
.register-wrap {
  font-weight: 400;
  margin: 0 auto;
  max-width: 1392px;
  margin-top: 50px;
  height: 90px;
  background: #ffffff; }
  .logo-container .retrunlink,
  .register-wrap .retrunlink {
    top: 55px; }
  .logo-container .title-container,
  .register-wrap .title-container {
    height: 90px; }
  .logo-container .register-title,
  .register-wrap .register-title {
    font-weight: 400;
    font-size: 36px;
    color: #262626; }
  .logo-container .logodiv,
  .register-wrap .logodiv {
    margin: 22px 0;
    height: 48px;
    line-height: 48px; }
  .logo-container .logo,
  .register-wrap .logo {
    width: 100px;
    height: 34px;
    vertical-align: sub;
    margin-right: 30px; }
  .logo-container .button-container,
  .register-wrap .button-container {
    width: 100%;
    text-align: right; }
    .logo-container .button-container .register-title-return,
    .register-wrap .button-container .register-title-return {
      height: 105px; }
  .logo-container .divider,
  .register-wrap .divider {
    background: #ffffff;
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 90px; }

.img-div {
  text-align: right; }
  .img-div .register-img {
    margin-top: 210px;
    margin-right: 45px;
    width: 640px;
    height: 409px; }

/*register*/
.register-div {
  font-size: 12px;
  color: #262626;
  text-align: left;
  min-height: 680px;
  max-width: 500px;
  font-weight: 400; }
  .register-div .upload-wrapper .ant-upload {
    width: 100%;
    position: relative;
    height: 190px; }
  .register-div .icon-delete-wrapper {
    position: absolute;
    top: 10px;
    right: 10px; }
  .register-div .img {
    width: 170px;
    height: 163px;
    cursor: zoom-in; }
  .register-div .icon-upload-border-div {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #fafafa;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
    .register-div .icon-upload-border-div .icon-upload {
      font-size: 24px;
      color: #e60122; }
  .register-div .rowL {
    display: flex;
    align-items: center;
    justify-content: center; }
  .register-div .icon-delete-wrapperL {
    position: absolute;
    top: 10px;
    right: 10px; }
  .register-div .rowR {
    display: flex;
    align-items: center;
    justify-content: center; }
  .register-div .add-edit-assetR .icon-delete-wrapperR {
    position: absolute;
    top: 10px;
    right: 10px; }
  .register-div .register-type-div {
    margin-top: 40px;
    font-size: 12px; }
    .register-div .register-type-div .title3 {
      margin-top: 30px;
      margin-bottom: 20px;
      font-size: 16px; }
    .register-div .register-type-div .has-error .ant-input-group-addon {
      border: 1px solid #e0e0e0;
      color: #000;
      background: #fafafa; }
    .register-div .register-type-div .ant-form-item-label {
      text-align: left; }
    .register-div .register-type-div .ant-form-item-label > label::after {
      content: ''; }
  .register-div .register-imgContainer-div {
    display: inline-block;
    background: #ffffff;
    border: 2px solid #e60122;
    border-radius: 4px;
    width: 80px;
    height: 70px;
    margin-right: 20px; }
    .register-div .register-imgContainer-div .active {
      text-align: right;
      margin: 2px 2px 2px auto;
      line-height: 12px;
      width: 13px;
      height: 13px;
      border: 1px solid #e0e0e0;
      border-radius: 50%;
      font-size: 10px;
      color: #fff;
      background: #e60122; }
      .register-div .register-imgContainer-div .active .iconfont {
        font-size: 12px; }
    .register-div .register-imgContainer-div .unactive {
      text-align: right;
      margin: 2px 2px 2px auto;
      width: 13px;
      height: 13px;
      border: 1px solid #e0e0e0;
      border-radius: 50%; }
    .register-div .register-imgContainer-div .icon-div {
      text-align: center;
      line-height: 10px;
      margin-top: -6px; }
      .register-div .register-imgContainer-div .icon-div .register-icon {
        height: 26px;
        width: 30px; }
    .register-div .register-imgContainer-div .label-div {
      text-align: center;
      line-height: 21px;
      margin-bottom: 9px; }
  .register-div .register-phone-div {
    width: 30px;
    height: 30px;
    background: red; }
  .register-div .register-button {
    height: 40px; }
  .register-div .register-privacy {
    font-weight: 200;
    font-size: 12px;
    color: #777777;
    text-align: left; }
  .register-div .register-privacy::after {
    content: ' '; }
  .register-div .underline {
    text-decoration: underline; }
  .register-div .register-label {
    float: right;
    margin-right: 100px;
    margin-bottom: 192px;
    font-size: 12px;
    font-weight: 200;
    color: #777777;
    margin-top: -9px; }
  .register-div .toLogin {
    color: #e60122; }
  .register-div .register-img-container {
    display: flex; }
  .register-div .register-img-div {
    width: 250px; }
  .register-div .register-company-img-div {
    width: 500px; }
  .register-div .ant-select-selection {
    height: 40px !important; }
  .register-div .ant-select-selection:hover {
    height: 40px !important;
    border: 1px solid #e60122 !important; }
  .register-div .ant-select-selection-selected-value {
    line-height: 40px !important; }
  .register-div .ant-upload-text {
    margin-top: 36px;
    width: 220px;
    height: 150px;
    line-height: 46px;
    text-align: center; }
  .register-div .ant-form-item-control-wrapper .ant-checkbox + span {
    font-weight: 200;
    font-size: 12px;
    color: #777777; }

/***add by donny 2019.12.2*/
.register-verification-input .ant-input-group-addon,
.register-verification-input .register-div .register-type-div .has-error .ant-input-group-addon {
  border: 0 !important;
  background: none !important;
  padding: 0 0 0 20px; }

.register-verification-input .ant-input-group > .ant-input:first-child,
.register-verification-input .ant-input-group-addon:first-child {
  border-radius: 4px; }

.register-main-container {
  max-width: 1392px;
  background-image: url("/static/img/ds-signup-illustration.svg");
  background-repeat: no-repeat;
  background-size: 45%;
  background-position: left;
  display: flex;
  margin: 0 auto;
  justify-content: flex-end; }
  .register-main-container .register-steps {
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.8);
    width: 50%;
    text-align: right;
    border-radius: 20px; }

.register-success-title {
  margin-top: 60px;
  margin-bottom: 20px; }
  .register-success-title label:first-child {
    font-size: 48px; }
  .register-success-title label:last-child {
    font-size: 24px; }

@media (max-width: 1391.98px) {
  .logodiv {
    padding: 0 20px; } }

@media (max-width: 991.98px) {
  .register-success-title label:last-child {
    display: block; }
  .register-main-container .register-steps {
    width: 100%; }
    .register-main-container .register-steps .register-div {
      padding: 20px; }
  .logo-container .logodiv {
    overflow: hidden; }
  .logo-container .register-title {
    font-size: 30px;
    overflow: hidden;
    white-space: nowrap; }
  .register-div .register-label {
    margin-bottom: 50px; } }

@media (max-width: 767.98px) {
  .register-wrap {
    margin-top: 0 !important; }
  .register-main-container .register-type-div {
    margin-top: 0 !important; }
    .register-main-container .register-type-div .ant-form-horizontal {
      margin-top: 20px; }
  .register-main-container .active {
    line-height: 7px !important; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: #262626;
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #e60122;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #FAFAFA;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: #262626;
}
.ant-menu-item > a:hover {
  color: #e60122;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: #262626;
}
.ant-menu-item > .ant-badge > a:hover {
  color: #e60122;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #e60122;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #e60122;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #e60122;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #FAFAFA;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 14px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: #262626 \9;
  background-image: linear-gradient(to right, #262626, #262626);
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #e60122, #e60122);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #e60122;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #e60122;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #e60122;
  border-bottom: 2px solid #e60122;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: #262626;
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #e60122;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #e60122;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: ' ';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #e60122;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 32px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 16px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: #FAFAFA;
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: #BFBFBF;
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: #BFBFBF;
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #e60122;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.separator-label {
  font-size: 18px;
  color: #262626;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  font-weight: 400; }

.recharge-payMode-div .payMode-icon-actived {
  display: static; }

.recharge-payMode-div .payMode-icon-unactived {
  display: none; }

.recharge-payMode-div .payMode-card-div {
  display: inline-flex;
  margin-top: 20px; }
  .recharge-payMode-div .payMode-card-div .payMode-card-actived {
    border: 2px solid #23d05f; }
  .recharge-payMode-div .payMode-card-div .payMode-card-unactived {
    border: 1px solid #e0e0e0; }
  .recharge-payMode-div .payMode-card-div .payMode-card-balance {
    border-radius: 4px;
    width: 256px;
    height: 156px;
    margin-right: 40px;
    text-align: center; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .payMode-card-funds {
      height: 20px;
      font-size: 20px;
      text-align: left;
      font-weight: 400; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .payMode-card-funds-label {
      height: 20px;
      text-align: left;
      font-weight: 300; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .payMode-icon-div {
      margin-left: 200px;
      height: 2px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .card-icon {
      margin-top: 6px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .offline-recharge {
      font-size: 20px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .card-subDiv-text {
      display: block;
      margin-top: -180px;
      margin-left: 104px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .card-subDiv-value {
      display: block;
      font-size: 20px;
      margin-top: -132px;
      margin-left: 104px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .payMode-icon {
      width: 20px;
      height: 20px;
      background-color: #48ce63;
      color: #fff;
      border-radius: 50%;
      margin-left: 21px;
      line-height: 25px;
      margin-top: 16px; }
    .recharge-payMode-div .payMode-card-div .payMode-card-balance .recharge-div {
      display: inline-block;
      height: 180px;
      vertical-align: middle;
      margin-left: 7px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.product-list-d {
  padding: 0 20px;
  margin-bottom: 16px; }
  .product-list-d .imYUvI {
    margin: 0 auto; }
  .product-list-d .item-wrapper {
    min-width: 235px;
    display: flex;
    justify-content: center; }
    .product-list-d .item-wrapper .v3-home-goods-item {
      width: 235px; }
  .product-list-d .item-wrap {
    position: relative;
    width: 22px;
    height: 22px; }
  .product-list-d .active {
    border: 1px solid #e60122; }
  .product-list-d .slider-item-arrow {
    background: #fff0;
    width: 30px; }
  .product-list-d .arrow-right {
    right: -20px; }
  .product-list-d .arrow-left {
    left: -20px; }

.col-md-per {
  float: left;
  flex: 0 0 auto; }
  .col-md-per img {
    max-width: 100%; }
  .col-md-per .v3-home-goods-item {
    position: relative;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 0 !important;
    border: 1px solid #ebebeb; }
    .col-md-per .v3-home-goods-item .color-list {
      padding: 0 20px;
      margin-bottom: 16px; }
      .col-md-per .v3-home-goods-item .color-list .sc-bwzfXH {
        overflow: hidden !important;
        width: auto; }
      .col-md-per .v3-home-goods-item .color-list .sc-bxivhb {
        min-width: 20px; }
      .col-md-per .v3-home-goods-item .color-list .item-wrap {
        position: relative;
        width: 22px;
        height: 22px; }
      .col-md-per .v3-home-goods-item .color-list .active {
        border: 1px solid #e60122; }
      .col-md-per .v3-home-goods-item .color-list .slider-item-arrow {
        background: #fff;
        width: 30px; }
        .col-md-per .v3-home-goods-item .color-list .slider-item-arrow.right {
          margin-left: -40px; }
        .col-md-per .v3-home-goods-item .color-list .slider-item-arrow.left {
          margin-right: -40px; }
      .col-md-per .v3-home-goods-item .color-list .color-item {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px;
        cursor: pointer;
        display: flex; }
        .col-md-per .v3-home-goods-item .color-list .color-item .color {
          flex: 1; }
    .col-md-per .v3-home-goods-item img {
      border-bottom: 1px solid #ebebeb;
      margin-bottom: 13px; }
    .col-md-per .v3-home-goods-item .v3-goods-title {
      font-size: 14px;
      line-height: 22px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      padding: 0 10px;
      line-height: 26px;
      font-weight: 400; }
    .col-md-per .v3-home-goods-item .v3-goods-technology {
      padding: 0px 10px 0 10px;
      color: #6d6d6d;
      font-size: 12px;
      line-height: 20px;
      font-weight: 200; }
    .col-md-per .v3-home-goods-item .v3-goods-price {
      padding: 10px 10px 20px 10px; }
      .col-md-per .v3-home-goods-item .v3-goods-price label {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400; }
      .col-md-per .v3-home-goods-item .v3-goods-price span {
        font-size: 12px;
        line-height: 20px;
        font-weight: 200;
        margin-left: 3px; }
    .col-md-per .v3-home-goods-item .live-wrap {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 31px;
      height: 31px;
      background: #ffffff;
      border: 1px solid #e7e7e7;
      border-radius: 50%; }
    .col-md-per .v3-home-goods-item .product-info {
      padding: 0 25px;
      font-size: 12px;
      color: #6d6d6d;
      margin: 0; }
      .col-md-per .v3-home-goods-item .product-info > li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
    .col-md-per .v3-home-goods-item .count-wrap {
      height: 60px;
      padding: 0 10px;
      margin: 12px 0; }
      .col-md-per .v3-home-goods-item .count-wrap > div {
        border-top: 1px solid #ebebeb; }
      .col-md-per .v3-home-goods-item .count-wrap .count-item {
        position: relative;
        padding-top: 10px;
        width: 70.33333px;
        text-align: center;
        overflow: hidden; }
        .col-md-per .v3-home-goods-item .count-wrap .count-item .count {
          font-size: 12px; }
        .col-md-per .v3-home-goods-item .count-wrap .count-item .price {
          font-weight: 400;
          margin-left: -10px; }
      .col-md-per .v3-home-goods-item .count-wrap .slider-item-arrow {
        border-radius: 50%;
        height: 24px;
        width: 24px;
        background: #fff;
        border: 1px solid #ededed;
        box-shadow: 0 2px 4px 0; }
        .col-md-per .v3-home-goods-item .count-wrap .slider-item-arrow .icon {
          position: relative;
          top: -2px; }
        .col-md-per .v3-home-goods-item .count-wrap .slider-item-arrow.right {
          margin-left: -70px;
          margin-top: 10px; }
        .col-md-per .v3-home-goods-item .count-wrap .slider-item-arrow.left {
          margin-right: -70px;
          margin-top: 10px; }
          .col-md-per .v3-home-goods-item .count-wrap .slider-item-arrow.left .icon {
            left: -3px; }
      .col-md-per .v3-home-goods-item .count-wrap .count-item:after {
        content: '';
        position: absolute;
        box-sizing: border-box;
        top: 12px;
        left: 0;
        width: 200%;
        height: 140%;
        border-right: 2px solid #ededed;
        border-radius: 4px;
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: top left;
        transform-origin: top left; }
    .col-md-per .v3-home-goods-item.v3-home-goods-item:hover {
      box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 768px) {
  .container .product-wrap .right-product {
    width: 100%; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #FAFAFA;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #e60122;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #e60122;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #e60122;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #e60122;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #e60122;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #e60122;
  border-color: #e60122;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #e60122;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #e60122;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #e60122;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #e60122;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #e60122;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: #262626;
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #FAFAFA;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #ffa3a5;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}

.filter-tag-wrap {
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 20px;
  -ms-overflow-style: none; }
  .filter-tag-wrap:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #777777; }
  .filter-tag-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5; }
  .filter-tag-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5; }
  .filter-tag-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e0e0e0; }
  .filter-tag-wrap .filter-tag-item {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #262626;
    color: #262626;
    border-radius: 2px;
    margin-bottom: 16px;
    background: #fff; }
    .filter-tag-wrap .filter-tag-item .anticon-close {
      font-size: 14px !important; }
    .filter-tag-wrap .filter-tag-item:hover {
      background: #fafafa; }
      .filter-tag-wrap .filter-tag-item:hover .anticon-close {
        color: red !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: #262626;
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #e60122;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 1, 34, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #e60122;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

.menu-wrap {
  width: 600px;
  display: flex; }
  .menu-wrap .left-container {
    flex: 0 240px;
    border-right: 1px solid #ebebeb; }
    .menu-wrap .left-container .menu-item {
      display: block;
      padding-left: 30px;
      font-size: 14px;
      font-weight: 400;
      height: 36px;
      line-height: 36px;
      cursor: pointer; }
      .menu-wrap .left-container .menu-item.active {
        background: #ebebeb; }
    .menu-wrap .left-container .menu-item:hover {
      background: #ebebeb; }
  .menu-wrap .right-container {
    flex: 1; }
    .menu-wrap .right-container .list {
      display: flex;
      flex-wrap: wrap; }
      .menu-wrap .right-container .list .children-item {
        flex: 0 50%;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        cursor: pointer; }
      .menu-wrap .right-container .list .children-item:hover {
        color: #e60122; }

.series-menu-wrap {
  display: flex;
  flex-direction: row; }
  .series-menu-wrap .menu-container {
    display: flex;
    flex-direction: column;
    width: 180px;
    cursor: pointer; }
    .series-menu-wrap .menu-container .item {
      padding: 0 30px;
      font-size: 14px;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
      .series-menu-wrap .menu-container .item.item:hover {
        color: #e60122; }
    .series-menu-wrap .menu-container .level1 {
      margin: 7px 0;
      color: #262626;
      font-weight: 500; }
    .series-menu-wrap .menu-container .level2 {
      margin-top: 14px;
      color: rgba(0, 0, 0, 0.75); }
    .series-menu-wrap .menu-container .all {
      display: flex;
      align-items: center;
      margin-top: 12px;
      font-weight: 500; }
      .series-menu-wrap .menu-container .all .icon {
        margin-left: 5px; }
      .series-menu-wrap .menu-container .all.all:hover > a {
        color: #e60122; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.cart-loading {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center; }

.cart .empty-cart {
  width: 360px;
  margin: 70px auto;
  text-align: center; }
  .cart .empty-cart .empty-cart-title {
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 12px; }
  .cart .empty-cart button {
    width: 100%;
    font-size: 12px; }

.cart .cart-list-wrapper .total-qty {
  font-size: 20px;
  line-height: 30px; }

.cart .cart-list-wrapper .title-header {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  background-color: #fbfbfb;
  text-align: center;
  width: 100%;
  color: #262626; }
  .cart .cart-list-wrapper .title-header .item-select {
    padding-left: 20px;
    width: 14.3%;
    text-align: left;
    display: inline-block; }
  .cart .cart-list-wrapper .title-header .item-info {
    display: inline-block;
    text-align: left;
    width: 23.3%; }
  .cart .cart-list-wrapper .title-header .item-qty {
    display: inline-block;
    width: 20%; }
    .cart .cart-list-wrapper .title-header .item-qty .num-action .btn-reduce-num {
      height: 40px !important;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
  .cart .cart-list-wrapper .title-header .item-price {
    display: inline-block;
    width: 15%; }
  .cart .cart-list-wrapper .title-header .item-amount {
    display: inline-block;
    width: 19.1%; }
  .cart .cart-list-wrapper .title-header .item-action {
    display: inline-block;
    width: 8.3%; }

.cart .cart-list-wrapper .ladder-discount {
  margin-top: 20px;
  margin-bottom: -10px;
  padding-left: 28px;
  display: flex;
  align-items: center; }
  .cart .cart-list-wrapper .ladder-discount .discount {
    margin-right: 20px; }
    .cart .cart-list-wrapper .ladder-discount .discount .rectangle {
      background: #23D05F;
      border-radius: 2px;
      min-width: 120px;
      height: 24px;
      line-height: 24px;
      text-align: center; }
      .cart .cart-list-wrapper .ladder-discount .discount .rectangle .text {
        margin-left: 24px;
        font-size: 12px;
        color: #ffffff; }
      .cart .cart-list-wrapper .ladder-discount .discount .rectangle .percent {
        margin-left: 8px;
        font-size: 14px;
        color: #ffffff;
        padding-right: 10px; }
        .cart .cart-list-wrapper .ladder-discount .discount .rectangle .percent .wort-qi {
          font-size: 12px;
          color: #ffffff; }
    .cart .cart-list-wrapper .ladder-discount .discount .triangle-topleft {
      position: relative;
      top: -2px;
      width: 0px;
      height: 0px;
      border-top: 8px solid #23D05F;
      border-right: 8px solid transparent; }
    .cart .cart-list-wrapper .ladder-discount .discount .dot {
      position: relative;
      border-radius: 100%;
      width: 4px;
      height: 4px;
      background: white;
      top: -22px;
      left: 14px; }
  .cart .cart-list-wrapper .ladder-discount .help {
    font-size: 12px;
    color: #777777;
    text-align: left; }

.cart .cart-list-wrapper .cart-item {
  margin-top: 20px;
  display: flex;
  border-bottom: 1px solid #ebebeb; }
  .cart .cart-list-wrapper .cart-item:hover .item-info {
    width: 23.3%;
    display: inline-block; }
    .cart .cart-list-wrapper .cart-item:hover .item-info .name {
      overflow: hidden;
      font-size: 16px;
      color: #262626;
      display: inline-block;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .cart .cart-list-wrapper .cart-item:hover .item-info .color-size {
      line-height: 24px;
      text-align: left;
      color: #777777;
      margin-top: 6px;
      display: flex;
      align-items: center; }
      .cart .cart-list-wrapper .cart-item:hover .item-info .color-size .color-hex {
        display: flex;
        border: 1px solid #ebebeb;
        width: 14px;
        height: 14px;
        margin-left: 4px;
        vertical-align: middle; }
        .cart .cart-list-wrapper .cart-item:hover .item-info .color-size .color-hex .color {
          flex: 1; }
      .cart .cart-list-wrapper .cart-item:hover .item-info .color-size .size-edit {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        display: flex;
        align-items: center;
        height: 28px;
        margin-left: 10px;
        border: 1px dashed #e0e0e0; }
        .cart .cart-list-wrapper .cart-item:hover .item-info .color-size .size-edit .edit-icon {
          display: inline; }
        .cart .cart-list-wrapper .cart-item:hover .item-info .color-size .size-edit:hover {
          border: 1px dashed #23d05f; }
    .cart .cart-list-wrapper .cart-item:hover .item-info .value-added-services {
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      width: 74px;
      height: 18px;
      font-size: 12px;
      padding: 0px; }
  .cart .cart-list-wrapper .cart-item .item-select {
    width: 14.3%;
    padding-left: 20px;
    min-height: 100px;
    display: inline-block;
    position: relative; }
    .cart .cart-list-wrapper .cart-item .item-select .relationship-line {
      position: absolute;
      top: 20px;
      left: 28px;
      border: 1px dashed #e0e0e0;
      width: 2px;
      height: 102px;
      z-index: 10; }
    .cart .cart-list-wrapper .cart-item .item-select .shelter-line {
      width: 58px;
      height: 4px;
      position: absolute;
      top: 99px;
      left: 0px;
      background: white; }
    .cart .cart-list-wrapper .cart-item .item-select .preview-div {
      display: inline-block;
      vertical-align: top;
      width: 80px;
      height: 80px;
      top: -20px;
      left: 40px;
      position: relative;
      border: 1px solid #ebebeb;
      display: flex;
      justify-content: center;
      align-items: center; }
      .cart .cart-list-wrapper .cart-item .item-select .preview-div:hover {
        border: 1px solid #23d05f; }
        .cart .cart-list-wrapper .cart-item .item-select .preview-div:hover .zoom-in-icon {
          color: #23d05f;
          position: absolute;
          right: 4px;
          bottom: 2px;
          cursor: pointer; }
      .cart .cart-list-wrapper .cart-item .item-select .preview-div .preview {
        max-width: 78px;
        max-height: 78px; }
      .cart .cart-list-wrapper .cart-item .item-select .preview-div .zoom-in-icon {
        position: absolute;
        right: 4px;
        bottom: 2px;
        cursor: pointer; }
  .cart .cart-list-wrapper .cart-item .item-info {
    width: 23.3%;
    display: inline-block; }
    .cart .cart-list-wrapper .cart-item .item-info .name {
      overflow: hidden;
      font-size: 16px;
      color: #262626;
      display: inline-block;
      white-space: nowrap;
      width: 100%;
      text-overflow: ellipsis; }
      .cart .cart-list-wrapper .cart-item .item-info .name span:hover {
        cursor: pointer; }
    .cart .cart-list-wrapper .cart-item .item-info .color-size {
      height: 26px;
      text-align: left;
      color: #777777;
      margin-top: 6px;
      display: flex;
      align-items: center; }
      .cart .cart-list-wrapper .cart-item .item-info .color-size .color-hex {
        display: flex;
        border: 1px solid #ebebeb;
        margin-right: 2px;
        width: 14px;
        height: 14px;
        margin-left: 4px;
        vertical-align: middle; }
        .cart .cart-list-wrapper .cart-item .item-info .color-size .color-hex .color {
          flex: 1; }
      .cart .cart-list-wrapper .cart-item .item-info .color-size .size-edit {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        display: flex;
        align-items: center;
        height: 28px;
        margin-left: 30px;
        border: 1px solid white; }
        .cart .cart-list-wrapper .cart-item .item-info .color-size .size-edit .edit-icon {
          display: none; }
        .cart .cart-list-wrapper .cart-item .item-info .color-size .size-edit:hover {
          border: 1px dashed #23d05f;
          cursor: pointer; }
    .cart .cart-list-wrapper .cart-item .item-info .value-added-services {
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      width: 74px;
      height: 18px;
      font-size: 12px;
      padding: 0px; }
      .cart .cart-list-wrapper .cart-item .item-info .value-added-services:hover {
        border: 1px solid #23d05f; }
  .cart .cart-list-wrapper .cart-item .item-qty {
    width: 20%;
    display: inline-flex;
    justify-content: center; }
  .cart .cart-list-wrapper .cart-item .item-price {
    width: 15%;
    display: inline-block;
    text-align: center; }
    .cart .cart-list-wrapper .cart-item .item-price .originalprice {
      font-size: 14px;
      color: #262626;
      line-height: 22px; }
    .cart .cart-list-wrapper .cart-item .item-price .originalprice-witn-line {
      font-size: 14px;
      color: #777777;
      text-decoration: line-through;
      display: block;
      line-height: 22px; }
    .cart .cart-list-wrapper .cart-item .item-price .price-after-discount {
      font-size: 18px;
      color: #262626;
      line-height: 22px; }
  .cart .cart-list-wrapper .cart-item .item-amount {
    width: 19.1%;
    display: inline-block;
    text-align: center; }
  .cart .cart-list-wrapper .cart-item .item-action {
    width: 8.3%;
    display: inline-block; }
    .cart .cart-list-wrapper .cart-item .item-action .action-container {
      display: flex;
      align-items: center;
      justify-content: center; }
      .cart .cart-list-wrapper .cart-item .item-action .action-container .delete-icon {
        color: #bfbfbf; }
        .cart .cart-list-wrapper .cart-item .item-action .action-container .delete-icon:hover {
          color: #262626; }
      .cart .cart-list-wrapper .cart-item .item-action .action-container .divider {
        margin-left: 10px;
        margin-right: 10px; }
      .cart .cart-list-wrapper .cart-item .item-action .action-container .edit-icon {
        color: #bfbfbf; }
        .cart .cart-list-wrapper .cart-item .item-action .action-container .edit-icon:hover {
          color: #262626; }

.cart .sum-footer {
  padding-top: 30px; }
  .cart .sum-footer .item-select {
    padding-left: 20px; }
  .cart .sum-footer .btn-del-items,
  .cart .sum-footer .btn-clear-cart {
    color: #777; }
  .cart .sum-footer .btn-clear-cart {
    margin-left: 30px; }
  .cart .sum-footer .sum-qty-wrapper,
  .cart .sum-footer .total-amount-wrapper {
    text-align: right; }
  .cart .sum-footer .sel-qty,
  .cart .sum-footer .total-amount {
    font-size: 30px;
    vertical-align: middle;
    font-weight: 400; }
  .cart .sum-footer .sum-qty-title,
  .cart .sum-footer .sum-amount-title {
    margin-right: 30px;
    vertical-align: middle; }

.cart .sum-footer-addition {
  padding-bottom: 30px;
  border-bottom: 1px solid #ebebeb; }
  .cart .sum-footer-addition .amount-descp {
    margin-top: 5px;
    text-align: right;
    font-size: 12px;
    color: #777; }

.cart .action {
  padding-top: 20px;
  padding-bottom: 80px;
  text-align: right; }
  .cart .action button {
    height: 50px;
    padding: 14px 48px;
    line-height: 1; }

.btn-popover {
  height: 24px; }

.preview-images {
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1000; }
  .preview-images .content {
    max-width: 1392px;
    max-height: 800px;
    padding: 20px 10px;
    margin: auto;
    position: absolute;
    width: 80%;
    min-width: 680px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff; }
  .preview-images .thumb-carousel .move-prev i,
  .preview-images .thumb-carousel .move-next i {
    font-size: 20px; }
  .preview-images .gallery {
    height: 100%; }
    .preview-images .gallery .current-img {
      margin-left: 40px; }
  .preview-images .close-gallery {
    float: right;
    position: absolute;
    width: 22px;
    line-height: 22px;
    top: 30px;
    right: 30px; }
    .preview-images .close-gallery .icon-ds-close {
      font-size: 22px; }
  .preview-images img {
    width: 100%; }

.cart-modal-wrap {
  max-width: 1200px;
  width: 80% !important;
  min-width: 700px;
  top: 150px !important; }

.ladder-discount-popover .ant-popover-inner-content {
  padding: 0; }
  .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content {
    width: 212px;
    min-height: 164px;
    padding-top: 16px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .big-text {
      font-size: 14px;
      line-height: 24px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .small-text {
      font-size: 12px;
      line-height: 22px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .word-qi {
      font-size: 10px;
      margin-left: 2px;
      line-height: 22px;
      display: inline-block; }

.color-size-eait-popover .ant-popover-inner-content {
  padding: 0; }
  .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content {
    width: 400px;
    padding-left: 38px;
    padding-top: 16px; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 20px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color {
          position: relative;
          cursor: pointer;
          display: flex;
          width: 20px;
          height: 20px;
          line-height: 20px;
          border: 1px solid #979797;
          margin: 0 10px 10px 0px;
          justify-content: center;
          align-items: center;
          border-radius: 0 !important; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color .color {
            flex: 1;
            height: 100%; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color > .icon-ds-check {
            font-size: 12px;
            display: none; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected > .icon-ds-check {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-110%, -50%);
            display: block;
            color: #e60122; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color .icon-ds-close {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-110%, -50%); }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected, .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color:hover {
            border-color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled {
          cursor: not-allowed; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-close:before {
            font-size: 10px; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-check:before {
            content: \e627; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 12px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size {
          font-weight: 200;
          display: inline-block;
          padding: 5px 10px;
          text-align: left;
          cursor: pointer;
          margin: 0px 5px 5px 0px;
          border: 1px solid #979797;
          text-align: center; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected {
            background: #e60122;
            color: #fff;
            border: 1px solid #e60122; }
            .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected:hover {
              color: #fff; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size:hover {
            border: 1px solid #e60122;
            color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.disabled {
          cursor: not-allowed;
          border-color: #e0e0e0;
          color: #bfbfbf;
          background: #fafafa; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div {
      margin-left: -40px;
      padding-bottom: 16px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .cancel-button {
        width: 48px;
        height: 24px;
        margin-right: 10px;
        padding: 0px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .confirm-button {
        width: 48px;
        height: 24px;
        padding: 0px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: #262626;
  font-weight: normal;
  font-size: 14px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #e60122;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #e60122;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 14px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 14px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto; }

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute; }

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent; }

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6; }

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9; }

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute; }

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px; }

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px; }

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important; } }

.scrollbar-container {
  position: relative;
  height: 100%; }

/* overwrite prefect-scrollbar styles */
.ps .ps__rail-x {
  height: 10px !important; }
  .ps .ps__rail-x:hover, .ps .ps__rail-x:focus, .ps .ps__rail-x.ps--clicking {
    background-color: transparent !important;
    opacity: 1 !important;
    height: 10px !important; }
  .ps .ps__rail-x .ps__thumb-x {
    background-color: #E0E0E0 !important;
    border-radius: 4px !important;
    height: 4px !important; }
  .ps .ps__rail-x:hover > .ps__thumb-x,
  .ps .ps__rail-x:focus > .ps__thumb-x,
  .ps .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #777777 !important;
    height: 4px !important; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.modal-announce {
  font-size: 14px; }
  .modal-announce .ant-modal-body {
    margin: 30px;
    padding: 0; }
  .modal-announce .ant-modal-footer {
    margin: 0;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 20px;
    text-align: right; }
    .modal-announce .ant-modal-footer a.more {
      float: left; }
    .modal-announce .ant-modal-footer a.disabled, .modal-announce .ant-modal-footer a[disabled] {
      color: #BFBFBF; }
    .modal-announce .ant-modal-footer a .iconfont {
      font-size: 14px; }
  .modal-announce .title {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-weight: 400; }
  .modal-announce .quote {
    margin-top: 14px;
    color: #777777;
    line-height: 20px;
    text-align: center; }
  .modal-announce .content {
    height: 300px;
    overflow: hidden;
    overflow-y: auto; }
    .modal-announce .content .to {
      margin-top: 30px;
      font-size: 14px; }
    .modal-announce .content .abstract {
      margin: 20px 70px 0;
      padding: 14px;
      border: 1px dotted #e0e0e0;
      font-size: 12px;
      font-weight: 400; }
    .modal-announce .content img {
      height: auto; }

.slider-news-wrap {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  color: #fff;
  padding: 0 10px;
  cursor: pointer; }
  .slider-news-wrap .icon {
    flex: 0 0 24px; }
  .slider-news-wrap .news-container {
    flex: 1; }
    .slider-news-wrap .news-container .slider-container {
      width: 360px; }
      .slider-news-wrap .news-container .slider-container .news {
        color: #fff;
        display: flex;
        align-items: center; }
        .slider-news-wrap .news-container .slider-container .news .text {
          position: relative;
          top: 3px;
          flex: 0 0 270px;
          width: 270px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          font-size: 13px; }
        .slider-news-wrap .news-container .slider-container .news .date {
          flex: 1;
          position: relative;
          top: -1px;
          font-size: 13px;
          margin-left: 10px; }
    .slider-news-wrap .news-container .slick-list {
      height: 24px; }

@media (max-width: 767.98px) {
  .slider-news-wrap .icon {
    flex: 0 0 24px; }
  .slider-news-wrap .news-container .slider-container {
    width: 130px; }
    .slider-news-wrap .news-container .slider-container .news {
      color: #fff;
      display: flex;
      align-items: center; }
      .slider-news-wrap .news-container .slider-container .news .text {
        flex: 0 0 80px;
        width: 80px; }
  .slider-news-wrap .news-container .slick-list {
    height: 24px; } }

.image-list-layout {
  padding: 0px !important;
  border: none !important; }
  .image-list-layout .image-info-wrap {
    display: flex; }
    .image-list-layout .image-info-wrap .left {
      flex: 0 0 64px; }
    .image-list-layout .image-info-wrap .right {
      flex: 1;
      margin-left: 16px; }
  .image-list-layout .checked-wrap {
    margin-bottom: 20px;
    margin-left: 16px; }

.imglist-searchbar {
  width: auto;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .imglist-searchbar .imglist-searchbar-left {
    display: inline-block;
    margin-bottom: 20px;
    user-select: none; }
    .imglist-searchbar .imglist-searchbar-left .date-input {
      display: inline-block; }
      .imglist-searchbar .imglist-searchbar-left .date-input .ant-calendar-picker {
        width: 280px;
        height: 42px; }
        .imglist-searchbar .imglist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-input {
          width: 90px;
          text-align: center; }
        .imglist-searchbar .imglist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-separator {
          min-width: 24px; }
        .imglist-searchbar .imglist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-picker-icon {
          font-size: 16px !important; }
    .imglist-searchbar .imglist-searchbar-left .key-search {
      width: 279px;
      margin-left: 16px; }
      .imglist-searchbar .imglist-searchbar-left .key-search .ant-input-lg {
        font-size: 14px; }

.imglist-searchbar-morefactor .ant-popover-inner-content {
  padding: 0; }

.navigationPage {
  display: flex;
  overflow: hidden; }
  .navigationPage .categoryNavigation {
    border-radius: 3px;
    border: 1px solid #e0e0e0;
    user-select: none;
    display: inline-block;
    height: 700px;
    max-width: 300px;
    min-width: 180px;
    position: relative; }
    .navigationPage .categoryNavigation .navigationTitle {
      border-bottom: 1px solid #e0e0e0;
      font-size: 18px;
      color: #262626;
      text-align: left;
      height: 42px;
      text-align: center;
      line-height: 42px; }
    .navigationPage .categoryNavigation .categorySearch {
      margin: 8px; }
      .navigationPage .categoryNavigation .categorySearch .ant-input {
        height: 34px !important; }
    .navigationPage .categoryNavigation .ant-input-affix-wrapper {
      width: auto !important; }
    .navigationPage .categoryNavigation .categoryTree {
      overflow-x: scroll;
      overflow-y: scroll;
      height: 594px;
      max-width: 300px;
      min-width: 170px;
      padding-bottom: 10px;
      border-radius: 3px; }
      .navigationPage .categoryNavigation .categoryTree::-webkit-scrollbar {
        width: 6px;
        height: 6px; }
      .navigationPage .categoryNavigation .categoryTree::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px #9b9ba3;
        background: #e0e0e0; }
        .navigationPage .categoryNavigation .categoryTree::-webkit-scrollbar-thumb:active {
          background: #777777; }
        .navigationPage .categoryNavigation .categoryTree::-webkit-scrollbar-thumb:horizontal {
          width: 20px; }
      .navigationPage .categoryNavigation .categoryTree .ant-tree-treenode-selected {
        color: #e60122; }
      .navigationPage .categoryNavigation .categoryTree .ant-tree-node-selected {
        color: #e60122;
        background: none;
        font-weight: 500; }
  .navigationPage .categoryWResize {
    cursor: w-resize;
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 700px; }

.imglist-table {
  -webkit-user-drag: auto;
  user-select: none; }
  .imglist-table:active {
    user-select: auto; }
  .imglist-table .imglist-table-preview {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0e0e0;
    background: white; }
    .imglist-table .imglist-table-preview .preview-ispng {
      max-width: 64px;
      max-height: 64px;
      background-size: 6px 6px;
      background-position: 0 0, 0 3px, 3px -3px, -3px 0;
      background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0); }
  .imglist-table .createTime-padding-left {
    padding-left: 60px !important; }

.imagelist-table-delete-text .ant-popover-inner-content {
  padding: 0; }
  .imagelist-table-delete-text .ant-popover-inner-content .imagelist-table-delete-text-popover {
    width: 174px;
    height: 100px;
    padding-top: 14px;
    padding-left: 18px;
    padding-right: 18px; }
    .imagelist-table-delete-text .ant-popover-inner-content .imagelist-table-delete-text-popover .text-div {
      height: 40px;
      margin-bottom: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 12px; }
    .imagelist-table-delete-text .ant-popover-inner-content .imagelist-table-delete-text-popover .bottom-div .cancel-button {
      width: 48px;
      height: 24px;
      margin-right: 10px;
      padding: 0px; }
    .imagelist-table-delete-text .ant-popover-inner-content .imagelist-table-delete-text-popover .bottom-div .confirm-button {
      width: 48px;
      height: 24px;
      padding: 0px; }

.imglist-table-preview-popover .ant-popover-inner-content .popover-img-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  background: white; }
  .imglist-table-preview-popover .ant-popover-inner-content .popover-img-div .popover-img-ispng {
    max-width: 500px;
    max-height: 500px;
    background-size: 6px 6px;
    background-position: 0 0, 0 3px, 3px -3px, -3px 0;
    background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0); }

.imglist-table-preview-popover .ant-popover-inner-content .popover-img-div-png {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px; }

.imglist-categoryselect-modal .ant-modal-content {
  min-width: 620px;
  height: 100%; }
  .imglist-categoryselect-modal .ant-modal-content .ant-modal-header {
    padding: 0px;
    height: 100%; }
  .imglist-categoryselect-modal .ant-modal-content .ant-modal-body {
    padding: 0px;
    height: 100%; }
    .imglist-categoryselect-modal .ant-modal-content .ant-modal-body .category-select-title {
      margin-left: 30px;
      margin-top: 19px;
      display: inline-block;
      font-size: 16px;
      color: #262626; }
    .imglist-categoryselect-modal .ant-modal-content .ant-modal-body .category-select-close {
      float: right;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .imglist-categoryselect-modal .ant-modal-content .ant-modal-body .category-select-close:hover {
        background: #23d05f; }
    .imglist-categoryselect-modal .ant-modal-content .ant-modal-body .category-select-inloading {
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      margin-top: -36px;
      width: 561px;
      height: 42px;
      padding: 11px 15px 11px 15px;
      justify-content: space-between; }

.imglist-imageedit-modal .ant-modal-content .ant-modal-header {
  padding: 0px; }

.imglist-imageedit-modal .ant-modal-content .ant-modal-body {
  padding: 0px; }
  .imglist-imageedit-modal .ant-modal-content .ant-modal-body .category-select-title {
    margin-left: 30px;
    margin-top: 19px;
    display: inline-block;
    font-size: 16px;
    color: #262626; }
  .imglist-imageedit-modal .ant-modal-content .ant-modal-body .category-select-close {
    float: right;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
    .imglist-imageedit-modal .ant-modal-content .ant-modal-body .category-select-close:hover {
      background: #23d05f; }

.imglist-uploadmodal .ant-modal-content {
  min-width: 1000px; }
  .imglist-uploadmodal .ant-modal-content .ant-modal-header {
    padding: 0px; }
  .imglist-uploadmodal .ant-modal-content .ant-modal-body {
    padding: 0px; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .uploadmodal-title {
      margin-left: 30px;
      margin-top: 19px;
      display: inline-block;
      font-size: 16px;
      color: #262626; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .uploadmodal-close {
      float: right;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .uploadmodal-close:hover {
        background: #23d05f; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box {
      width: 1000px;
      height: 560px;
      padding-bottom: 49px;
      padding-top: 51px;
      padding-left: 30px;
      padding-right: 30px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1 {
        width: 940px;
        height: 460px;
        border-radius: 4px;
        border: 1px dashed #e0e0e0; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1:hover {
          background: #fafafa;
          border: 1px dashed #23d05f; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1:hover .note1 {
            padding-left: 312px;
            padding-right: 310px;
            padding-top: 119px;
            padding-bottom: 80px;
            display: flex;
            text-align: center;
            justify-content: space-between; }
            .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1:hover .note1 .ds-upload-icon-div {
              background: white; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1 .note1 {
          padding-left: 312px;
          padding-right: 310px;
          padding-top: 119px;
          padding-bottom: 80px;
          display: flex;
          text-align: center;
          justify-content: space-between; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step1box .step1 .note1 .ds-upload-icon-div {
            line-height: 100px;
            background: #fafafa;
            display: flex;
            text-align: center;
            justify-content: center;
            width: 100px;
            height: 100px;
            border-radius: 100%; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box {
      margin-top: 18px;
      width: 1000px;
      height: 560px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .uploadlist {
        margin-left: 24px;
        margin-right: 10px;
        width: 966px;
        height: 500px;
        overflow-y: scroll;
        overflow-x: hidden; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .uploadlist::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .uploadlist::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 5px #9b9ba3;
          background: #e0e0e0; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .uploadlist::-webkit-scrollbar-thumb:active {
            background: #777777; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .uploadlist::-webkit-scrollbar-thumb:horizontal {
            width: 20px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .bottomcontent {
        border-top: 1px solid #ebebeb;
        width: 1000px;
        height: 60px;
        display: flex;
        justify-content: space-between; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step2box .step2 .bottomcontent .lefttext {
          margin-left: 30px;
          margin-top: 20px;
          font-size: 14px;
          color: #262626;
          text-align: left; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box {
      width: 1000px;
      height: 560px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .failurelist {
        padding-top: 20px;
        margin-left: 24px;
        margin-right: 10px;
        width: 966px;
        height: 335px;
        border: 1px dashed #e62154;
        overflow-y: scroll;
        overflow-x: hidden; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .failurelist::-webkit-scrollbar {
          width: 6px;
          height: 6px; }
        .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .failurelist::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 5px #9b9ba3;
          background: #e0e0e0; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .failurelist::-webkit-scrollbar-thumb:active {
            background: #777777; }
          .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .failurelist::-webkit-scrollbar-thumb:horizontal {
            width: 20px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step3box .step3 .bottomcontent {
        margin-top: 5px;
        padding-top: 13px;
        border-top: 1px solid #ebebeb;
        width: 1000px;
        height: 60px;
        display: flex;
        justify-content: flex-end; }
    .imglist-uploadmodal .ant-modal-content .ant-modal-body .step4box {
      width: 1000px;
      height: 560px; }
      .imglist-uploadmodal .ant-modal-content .ant-modal-body .step4box .step4 .centercontent {
        padding-top: 150px;
        width: 1000px;
        height: 500px;
        border-bottom: 1px solid #e0e0e0; }

.imglist-upload-continue-div-container {
  width: 100px;
  height: auto;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 19px; }
  .imglist-upload-continue-div-container .continue-div {
    width: 100px;
    height: 100px;
    border: 1px solid #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: 'relative';
    cursor: pointer;
    color: #ebebeb; }
    .imglist-upload-continue-div-container .continue-div:hover {
      border: 1px solid #23d05f; }

.imglist-upload-image {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 19px;
  width: 100px;
  height: auto; }
  .imglist-upload-image .main-img-div {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px; }
    .imglist-upload-image .main-img-div .img-center-div {
      display: flex;
      align-items: center;
      justify-content: center; }
      .imglist-upload-image .main-img-div .img-center-div .img-ispng {
        max-width: 98px;
        max-height: 98px;
        background-size: 6px 6px;
        background-position: 0 0, 0 3px, 3px -3px, -3px 0;
        background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0); }
  .imglist-upload-image .uploadNotFailure {
    border: 1px solid #ebebeb; }
    .imglist-upload-image .uploadNotFailure:hover {
      border: 1px solid #23d05f; }
      .imglist-upload-image .uploadNotFailure:hover .delete-icon-inUploadImage {
        color: #23d05f; }
  .imglist-upload-image .uploadFailure {
    border: 1px solid #e62154; }
    .imglist-upload-image .uploadFailure:hover .delete-icon-inUploadImage {
      color: #23d05f; }

.upload-failure-icon-popover .ant-popover-content .ant-popover-arrow {
  border-left-color: transparent;
  border-top-color: transparent;
  border-right-color: rgba(0, 0, 0, 0.75);
  border-bottom-color: rgba(0, 0, 0, 0.75); }

.upload-failure-icon-popover .ant-popover-content .ant-popover-inner {
  background-color: transparent; }
  .upload-failure-icon-popover .ant-popover-content .ant-popover-inner .ant-popover-inner-content {
    padding-left: 9px;
    padding-right: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: rgba(0, 0, 0, 0.75);
    border-radius: 6px;
    white-space: nowrap;
    font-size: 14px;
    color: #ffffff; }

.categoryManagement-table .ant-table-row-expand-icon {
  line-height: 15px; }

.category-management-modal .ant-modal-content {
  min-width: 620px; }
  .category-management-modal .ant-modal-content .ant-modal-header {
    padding: 0px; }
  .category-management-modal .ant-modal-content .ant-modal-body {
    padding: 0px; }
    .category-management-modal .ant-modal-content .ant-modal-body .category-select-title {
      margin-left: 30px;
      margin-top: 19px;
      display: inline-block;
      font-size: 16px;
      color: #262626; }
    .category-management-modal .ant-modal-content .ant-modal-body .category-select-close {
      float: right;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer; }
      .category-management-modal .ant-modal-content .ant-modal-body .category-select-close:hover {
        background: #23d05f; }

.category-cascader {
  width: auto;
  max-width: 561px;
  overflow-x: scroll; }
  .category-cascader::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .category-cascader::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #9b9ba3;
    background: #e0e0e0; }
    .category-cascader::-webkit-scrollbar-thumb:active {
      background: #777777; }
    .category-cascader::-webkit-scrollbar-thumb:horizontal {
      width: 20px; }
  .category-cascader .ant-cascader-menu {
    margin-right: 1px !important;
    overflow-y: scroll; }
    .category-cascader .ant-cascader-menu::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px #9b9ba3;
      background: #e0e0e0; }
      .category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb:active {
        background: #777777; }
      .category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb:horizontal {
        width: 20px; }
    .category-cascader .ant-cascader-menu .ant-cascader-menu-item-expand {
      padding-right: 40px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-goodsListByPlatform .nav-search,
.page-goodsListByMerchant .nav-search {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  margin-bottom: 20px;
  justify-content: space-between; }
  .page-goodsListByPlatform .nav-search .ant-input-search,
  .page-goodsListByMerchant .nav-search .ant-input-search {
    margin-right: 16px; }
  .page-goodsListByPlatform .nav-search .nav-command .ant-btn,
  .page-goodsListByMerchant .nav-search .nav-command .ant-btn {
    margin-left: 16px; }

.goods-list-wrap .goods-design-actions {
  z-index: 1060; }
  .goods-list-wrap .goods-design-actions .ant-popover-inner-content {
    padding: 12px 8px; }
  .goods-list-wrap .goods-design-actions .designer-btn-wrap > div:nth-child(1) {
    margin-bottom: 10px; }

.goods-list-wrap .checked-wrap {
  margin-bottom: 20px;
  margin-left: 20px; }

.page-goodsEdit .goods-infos > .ant-tabs-bar .ant-tabs-tab {
  width: 220px;
  height: 80px;
  line-height: 50px;
  font-size: 18px;
  color: #bfbfbf; }
  .page-goodsEdit .goods-infos > .ant-tabs-bar .ant-tabs-tab.ant-tabs-tab-active {
    color: #23d05f; }
  .page-goodsEdit .goods-infos > .ant-tabs-bar .ant-tabs-tab .iconfont {
    margin-left: 34px;
    font-size: 18px;
    vertical-align: 0; }

.page-goodsEdit .goods-infos > .ant-tabs-content {
  padding: 16px 0 30px; }

.page-goodsEdit .vas-infos {
  margin-top: 16px; }
  .page-goodsEdit .vas-infos > .ant-tabs-bar .ant-tabs-tab {
    width: 140px;
    height: 50px;
    line-height: 26px;
    text-align: center; }
  .page-goodsEdit .vas-infos > .ant-tabs-content {
    padding-top: 30px; }
  .page-goodsEdit .vas-infos .ant-table-footer {
    background-color: transparent; }

.modal-create-sysbased-vas .ant-modal-body {
  display: flex; }
  .modal-create-sysbased-vas .ant-modal-body > .preview {
    width: 180px;
    min-height: 260px; }

.modal-create-sysbased-vas .preview {
  height: 100%; }

.modal-create-sysbased-vas .upload-preview-image {
  position: relative;
  display: block;
  width: 240px;
  height: 240px;
  border: dashed 1px #e0e0e0;
  border-radius: 4px;
  text-align: center; }
  .modal-create-sysbased-vas .upload-preview-image .remove-preview {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    font-size: 12px;
    cursor: pointer; }
  .modal-create-sysbased-vas .upload-preview-image.preview {
    border-style: solid; }
    .modal-create-sysbased-vas .upload-preview-image.preview .remove-preview {
      display: block; }
  .modal-create-sysbased-vas .upload-preview-image .command {
    position: absolute;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 160px;
    height: 60px;
    font-size: 14px;
    cursor: pointer; }
    .modal-create-sysbased-vas .upload-preview-image .command > i {
      display: block;
      float: left;
      font-size: 30px;
      width: 60px;
      height: 60px;
      line-height: 66px;
      border-radius: 30px;
      color: #e60122;
      background-color: #fafafa; }
    .modal-create-sysbased-vas .upload-preview-image .command > span {
      display: block;
      float: left;
      margin-left: 10px;
      padding: 10px 0;
      color: #bfbfbf;
      text-align: left; }
      .modal-create-sysbased-vas .upload-preview-image .command > span .green {
        color: #e60122; }
  .modal-create-sysbased-vas .upload-preview-image .preview {
    margin: 40px 20px; }
    .modal-create-sysbased-vas .upload-preview-image .preview > * {
      width: 200px;
      height: 160px; }

.page-goodsList a.goodsList {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal; }

.goodslist-public-select {
  margin-top: -48px;
  border-bottom: 1px solid #ebebeb;
  height: 100px;
  display: flex;
  justify-content: flex-start;
  align-self: center; }
  .goodslist-public-select .select-div {
    width: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative; }
    .goodslist-public-select .select-div .selected-line {
      position: absolute;
      left: 0px;
      top: 99px;
      width: 220px;
      height: 2px;
      background: #23d05f; }

.searchbar-table-container {
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  padding: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 3px; }
  .searchbar-table-container .goodslist-searchbar {
    width: auto;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left {
      display: inline-block;
      margin-bottom: 20px;
      user-select: none; }
      .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input {
        display: inline-block;
        margin-right: 10px; }
        .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker {
          width: 280px;
          height: 42px; }
          .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-input {
            width: 90px;
            text-align: center; }
          .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-separator {
            min-width: 24px; }
          .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-picker-icon {
            font-size: 16px !important; }
      .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .key-search {
        width: 279px;
        margin-left: 20px; }
        .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .key-search .ant-input-lg {
          font-size: 14px; }

.goodslist-morefactor-div {
  margin-right: 16px;
  display: inline-block;
  padding: 10px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 42px !important;
  height: 42px !important; }

.goodslist-morefactor-div-popover .ant-popover-inner-content {
  padding: 0; }
  .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content {
    width: 395px;
    height: 210px; }
    .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .tech-div {
      padding-top: 36px;
      margin-left: 17px;
      margin-right: 17px;
      height: 100px;
      border-bottom: 1px solid #ebebeb; }
      .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .tech-div .tech-select {
        margin-left: 20px;
        width: 312px;
        height: 42px; }
        .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .tech-div .tech-select .ant-select-selection--single {
          height: 42px; }
        .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .tech-div .tech-select .ant-select-selection__rendered {
          line-height: 42px; }
    .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .status-div {
      padding-top: 20px;
      margin-left: 17px;
      margin-right: 17px;
      height: 62px; }
    .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div {
      border-top: 1px solid #ebebeb;
      padding-top: 5px; }
      .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .reset-text {
        color: #1d75e5; }
        .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .reset-text:hover {
          cursor: pointer; }
      .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .cancel-button {
        width: 70px;
        height: 34px;
        margin-left: 172px;
        margin-right: 20px; }
      .goodslist-morefactor-div-popover .ant-popover-inner-content .goodslist-morefactor-popover-content .bottom-div .search-button {
        width: 70px;
        height: 34px; }

.goodsList-morefactor-tech-options {
  z-index: 1060 !important; }

.goodslist-category-delete-text .ant-popover-inner-content {
  padding: 0; }
  .goodslist-category-delete-text .ant-popover-inner-content .goodslist-category-delete-text-popover {
    width: 174px;
    height: 100px;
    padding-top: 14px;
    padding-left: 18px;
    padding-right: 18px; }
    .goodslist-category-delete-text .ant-popover-inner-content .goodslist-category-delete-text-popover .text-div {
      height: 40px;
      margin-bottom: 12px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      font-size: 12px; }
    .goodslist-category-delete-text .ant-popover-inner-content .goodslist-category-delete-text-popover .bottom-div .cancel-button {
      width: 48px;
      height: 24px;
      margin-right: 10px;
      padding: 0px; }
    .goodslist-category-delete-text .ant-popover-inner-content .goodslist-category-delete-text-popover .bottom-div .confirm-button {
      width: 48px;
      height: 24px;
      padding: 0px; }

.goodslist-category-management .new-category-div {
  width: 150px;
  display: flex;
  align-items: center;
  font-size: 18px; }
  .goodslist-category-management .new-category-div .new-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #ffffff;
    background-color: #23d05f; }

.goodslist-category-management .batch-delete-div {
  margin-top: 20px;
  height: 40px;
  margin-bottom: 30px; }
  .goodslist-category-management .batch-delete-div .batch-delete-button {
    float: right;
    width: 106px;
    height: 40px; }

.goodslist-category-management .goodslist-category-table .ant-table-row-expand-icon {
  line-height: 15px; }

.goods-mapping-management .key-search {
  width: 279px;
  margin-bottom: 15px; }
  .goods-mapping-management .key-search .ant-input-lg {
    font-size: 14px; }

.goods-mapping-management .goods-mapping-table .preview-div {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center; }

.goods-mapping-table-preview-popover .ant-popover-inner-content .popover-img-div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  background: white; }

.ant-select-dropdown,
.ant-cascader-menus {
  z-index: 1070 !important; }

.goods-wrap {
  padding: 0 !important; }
  .goods-wrap .left-container {
    float: left; }
  .goods-wrap .right-container {
    display: flex;
    flex-direction: column;
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    max-width: 88%;
    margin-left: 200px; }

.goods-morefactor-div-popover .ant-popover-inner-content {
  padding: 0; }
  .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content {
    width: 395px; }
    .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .tech-div {
      padding-top: 36px;
      margin-left: 17px;
      margin-right: 17px;
      height: 100px; }
      .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .tech-div .tech-select {
        margin-left: 20px;
        width: 312px;
        height: 42px; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .tech-div .tech-select .ant-select-selection--single {
          height: 42px; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .tech-div .tech-select .ant-select-selection__rendered {
          line-height: 42px; }
    .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .series-div {
      margin-left: 17px;
      margin-right: 17px;
      height: 70px;
      border-bottom: 1px solid #ebebeb; }
      .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .series-div .series-select {
        margin-left: 20px;
        width: 312px;
        height: 42px;
        text-align: left; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .series-div .series-select .ant-select-selection--single {
          height: 42px; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .series-div .series-select .ant-select-selection__rendered {
          line-height: 42px; }
    .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .recommend-div {
      padding-top: 20px;
      margin-left: 17px;
      margin-right: 17px; }
    .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .status-div {
      padding-top: 20px;
      margin-left: 17px;
      margin-right: 17px;
      height: 55px; }
    .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div {
      border-top: 1px solid #ebebeb;
      padding: 5px 0; }
      .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div .reset-text {
        color: #1d75e5; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div .reset-text:hover {
          cursor: pointer; }
        .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div .reset-text.ant-btn {
          border: none !important; }
      .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div .cancel-button {
        width: 70px;
        height: 34px;
        margin: 0 20px; }
      .goods-morefactor-div-popover .ant-popover-inner-content .goods-morefactor-popover-content .bottom-div .search-button {
        width: 70px;
        height: 34px;
        margin-left: 155px; }

.layout-management .content-container .contents > *:first-of-type {
  border: none; }

.table-goods-info-wrap {
  display: flex; }
  .table-goods-info-wrap .left {
    flex: 0 0 82px; }
  .table-goods-info-wrap .right {
    width: 70%;
    margin-left: 16px; }

.goods-list-wrap {
  padding: 0 !important; }
  .goods-list-wrap .triangle {
    width: 0;
    height: 0;
    border: 5px solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    display: inline-block;
    position: relative;
    top: 2px;
    left: 4px; }
  .goods-list-wrap .goods-list-container {
    margin-top: 40px !important; }
    .goods-list-wrap .goods-list-container .searchbar-table-container {
      margin-top: 20px;
      display: flex;
      flex-direction: column;
      padding: 30px;
      border: 1px solid #e0e0e0;
      border-radius: 3px; }
      .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar {
        width: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 0; }
        .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left {
          user-select: none;
          display: flex;
          align-items: center;
          margin-bottom: 0; }
          .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input {
            display: inline-block;
            margin-right: 16px; }
            .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker {
              width: 280px;
              height: 42px; }
              .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-input {
                width: 90px;
                text-align: center; }
              .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-range-picker-separator {
                min-width: 24px; }
              .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .date-input .ant-calendar-picker .ant-calendar-picker-icon {
                font-size: 16px !important; }
          .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .ant-btn {
            margin-right: 16px; }
          .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .key-search {
            width: 279px;
            margin-left: 0px !important;
            margin-right: 16px; }
            .goods-list-wrap .goods-list-container .searchbar-table-container .goodslist-searchbar .goodslist-searchbar-left .key-search .ant-input-lg {
              font-size: 14px; }
      .goods-list-wrap .goods-list-container .searchbar-table-container .ant-table-fixed .ant-table-row-cell-last {
        text-align: center; }
  .goods-list-wrap .goods-design-actions {
    z-index: 9999 !important; }

.goods-remove-confirm .ant-modal-confirm-body .ant-modal-confirm-title {
  display: inline-block !important;
  position: relative !important;
  top: 6px !important; }

.goods-remove-confirm .ant-modal-confirm-body .ant-modal-confirm-content {
  padding-left: 26px !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}

.batch-design-images-pitch .pitch-list {
  width: auto;
  height: auto; }
  .batch-design-images-pitch .pitch-list .add-image {
    display: inline-block;
    width: 170px;
    height: 170px;
    margin-bottom: 20px;
    border: 1px dashed #e0e0e0;
    border-radius: 4px; }
    .batch-design-images-pitch .pitch-list .add-image:hover {
      background: #fafafa;
      border: 1px dashed #23D05F; }
      .batch-design-images-pitch .pitch-list .add-image:hover .add-icon-div {
        margin-left: 54px;
        margin-top: 40px;
        margin-bottom: 9px;
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 60px;
        border-radius: 100%;
        background: white; }
    .batch-design-images-pitch .pitch-list .add-image .add-icon-div {
      background: #fafafa;
      margin-left: 54px;
      margin-top: 40px;
      margin-bottom: 9px;
      width: 60px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 100%;
      line-height: 60px; }
    .batch-design-images-pitch .pitch-list .add-image .add-text-div {
      color: #bfbfbf;
      margin-left: 54px; }
  .batch-design-images-pitch .pitch-list .image-div-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: -24px; }
    .batch-design-images-pitch .pitch-list .image-div-list .container-div {
      width: 170px;
      position: relative;
      margin-bottom: 20px; }
      .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-div {
        width: 170px;
        height: 170px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #ebebeb;
        background: white;
        margin-bottom: 7px;
        max-width: 170px;
        max-height: 170px; }
        .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-div:hover {
          border: 1px solid #23d05f; }
        .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-div .preview-ispng {
          max-width: 168px;
          max-height: 168px;
          background-size: 6px 6px;
          background-position: 0 0, 0 3px, 3px -3px, -3px 0;
          background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0); }
        .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-div .preview-not-png {
          max-width: 168px;
          max-height: 168px; }
      .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-delete-icon {
        position: absolute;
        right: 8px;
        top: 8px; }
        .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-delete-icon:hover {
          color: #23d05f; }
      .batch-design-images-pitch .pitch-list .image-div-list .container-div .image-bottom .image-name {
        overflow: hidden;
        font-size: 12px;
        color: #262626;
        display: block;
        white-space: nowrap;
        width: 170px !important;
        text-overflow: ellipsis; }
      .batch-design-images-pitch .pitch-list .image-div-list .container-div .delete-icon {
        position: absolute;
        right: 8px;
        top: 8px; }
        .batch-design-images-pitch .pitch-list .image-div-list .container-div .delete-icon:hover {
          color: #23d05f; }

.batch-design-images-pitch .pitch-text-div {
  margin-top: -6px;
  margin-bottom: 20px; }
  .batch-design-images-pitch .pitch-text-div .pitch-text {
    color: #1d75e5;
    text-decoration: underline; }

.list-image-delete-icon {
  top: -115px !important;
  left: 68px !important; }
  .list-image-delete-icon .ant-popover-inner-content {
    padding: 0; }
    .list-image-delete-icon .ant-popover-inner-content .list-image-delete-icon-popover {
      width: 174px;
      height: 100px;
      padding-top: 14px;
      padding-left: 18px;
      padding-right: 18px; }
      .list-image-delete-icon .ant-popover-inner-content .list-image-delete-icon-popover .text-div {
        height: 40px;
        margin-bottom: 12px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 12px; }
      .list-image-delete-icon .ant-popover-inner-content .list-image-delete-icon-popover .bottom-div .cancel-button {
        width: 48px;
        height: 24px;
        margin-right: 10px;
        padding: 0px; }
      .list-image-delete-icon .ant-popover-inner-content .list-image-delete-icon-popover .bottom-div .confirm-button {
        width: 48px;
        height: 24px;
        padding: 0px; }

.batch-design-image-drawer .drawer-top-div {
  margin-top: 6px;
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  .batch-design-image-drawer .drawer-top-div .date-input {
    width: 242px;
    margin-left: 20px;
    display: inline-block; }
  .batch-design-image-drawer .drawer-top-div .key-search {
    width: 242px;
    margin-left: 20px; }
    .batch-design-image-drawer .drawer-top-div .key-search .ant-input-lg {
      font-size: 14px; }
  .batch-design-image-drawer .drawer-top-div .morefactor-div {
    display: inline-block;
    padding: 10px;
    margin-left: 20px;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    width: 42px;
    height: 42px; }

.batch-design-image-drawer .list-content-body {
  position: relative;
  height: calc(100vh - 200px); }
  .batch-design-image-drawer .list-content-body .list-content-scroller {
    position: absolute;
    left: -20px;
    padding: 0px 20px;
    height: calc(100vh - 200px); }
  .batch-design-image-drawer .list-content-body .list-content-more {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5); }

.batch-design-image-drawer .drawer-imglist-div {
  min-width: 660px; }
  .batch-design-image-drawer .drawer-imglist-div .image-div {
    width: 150px;
    margin-bottom: 20px; }
    .batch-design-image-drawer .drawer-imglist-div .image-div .image-div {
      width: 150px;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #ebebeb;
      background: white;
      margin-bottom: 7px; }
      .batch-design-image-drawer .drawer-imglist-div .image-div .image-div:hover {
        border: 1px solid #23d05f; }
      .batch-design-image-drawer .drawer-imglist-div .image-div .image-div .preview-ispng {
        max-width: 149px;
        max-height: 149px;
        background-size: 6px 6px;
        background-position: 0 0, 0 3px, 3px -3px, -3px 0;
        background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0); }
      .batch-design-image-drawer .drawer-imglist-div .image-div .image-div .preview-not-png {
        max-width: 149px;
        max-height: 149px; }
    .batch-design-image-drawer .drawer-imglist-div .image-div .image-check {
      position: absolute;
      right: 5px;
      top: 5px; }
    .batch-design-image-drawer .drawer-imglist-div .image-div .image-checked-mask {
      position: absolute;
      background: rgba(0, 0, 0, 0.3);
      width: 150px;
      height: 150px;
      left: 0px;
      top: 0px; }
    .batch-design-image-drawer .drawer-imglist-div .image-div .image-bottom .image-name {
      overflow: hidden;
      font-size: 12px;
      color: #262626;
      display: block;
      white-space: nowrap;
      width: 150px;
      text-overflow: ellipsis; }

.batch-design-image-drawer .drawer-bottom-div {
  position: absolute;
  z-index: 120;
  bottom: 0;
  height: 60px;
  width: 100%;
  border-top: 1px solid #ebebeb;
  left: 0;
  background: #ffffff;
  display: flex;
  justify-content: space-between; }
  .batch-design-image-drawer .drawer-bottom-div .bottom-checkall {
    margin-top: 20px;
    margin-left: 30px; }
  .batch-design-image-drawer .drawer-bottom-div .bottom-text {
    display: inline-block;
    margin-left: 20px;
    margin-top: 20px;
    margin-right: 80px; }
  .batch-design-image-drawer .drawer-bottom-div .scroll-button {
    width: 70px;
    height: 34px; }
  .batch-design-image-drawer .drawer-bottom-div .back-button {
    width: 70px;
    height: 34px;
    margin-left: 20px;
    margin-right: 20px; }
  .batch-design-image-drawer .drawer-bottom-div .add-button {
    width: 70px;
    height: 34px; }

.image-drawer-morefactor .ant-popover-inner-content {
  padding: 0;
  text-align: left; }
  .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover {
    width: 615px;
    height: 150px; }
    .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover .cate-search-div {
      padding-top: 36px;
      height: 100px;
      border-bottom: 1px solid #ebebeb; }
      .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover .cate-search-div .text {
        margin-left: 20px;
        margin-right: 20px; }
    .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover .bottom-div {
      padding-top: 5px; }
      .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover .bottom-div .cancel-button {
        width: 70px;
        height: 34px;
        margin-left: 435px;
        margin-right: 20px; }
      .image-drawer-morefactor .ant-popover-inner-content .image-drawer-popover .bottom-div .search-button {
        width: 70px;
        height: 34px; }

.image-drawer-category-cascader {
  width: auto;
  max-width: 561px;
  overflow-x: scroll;
  z-index: 2000 !important; }
  .image-drawer-category-cascader::-webkit-scrollbar {
    width: 6px;
    height: 6px; }
  .image-drawer-category-cascader::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px #9b9ba3;
    background: #E0E0E0; }
    .image-drawer-category-cascader::-webkit-scrollbar-thumb:active {
      background: #777777; }
    .image-drawer-category-cascader::-webkit-scrollbar-thumb:horizontal {
      width: 20px; }
  .image-drawer-category-cascader .ant-cascader-menu {
    margin-right: 1px !important;
    overflow-y: scroll; }
    .image-drawer-category-cascader .ant-cascader-menu::-webkit-scrollbar {
      width: 6px;
      height: 6px; }
    .image-drawer-category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 5px #9b9ba3;
      background: #E0E0E0; }
      .image-drawer-category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb:active {
        background: #777777; }
      .image-drawer-category-cascader .ant-cascader-menu::-webkit-scrollbar-thumb:horizontal {
        width: 20px; }
    .image-drawer-category-cascader .ant-cascader-menu .ant-cascader-menu-item-expand {
      padding-right: 40px; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.container {
  max-width: 1392px;
  /* login */
  /*paySuccess*/
  /*payOrder*/
  /*settleOrder*/ }
  .container .payOrderTitle-step-actived .payOrder-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e60122;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-actived .ant-steps-item-title {
    color: #e60122;
    text-align: center;
    margin-left: 26px; }
  .container .payOrderTitle-step-actived .ant-steps-item-tail {
    padding: 10px 10px; }
  .container .payOrderTitle-step-actived .ant-steps-item-tail::after {
    background-color: #e60122; }
  .container .payOrderTitle-step-actived1 .payOrder-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e60122;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-title {
    color: #e60122;
    text-align: center; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-tail {
    padding: 10px 10px; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-tail::after {
    background-color: #e0e0e0; }
  .container .payOrderTitle-step-unactived .payOrder-step-icon-unactived {
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-unactived .ant-steps-item-title {
    color: #e0e0e0;
    text-align: center;
    margin-left: 26px; }
  .container .payOrderTitle-step-unactived .ant-steps-item-tail {
    padding: 10px 24px !important; }
  .container .payOrderTitle-step-unactived .ant-steps-item-tail::after {
    background-color: #e0e0e0; }
  .container .line {
    border-bottom: 1px solid #ebebeb;
    width: 1392px;
    height: 1px;
    margin-bottom: 31px;
    margin-top: 31px; }
  .container .separator {
    background: #262626;
    width: 4px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  .container .separator-label {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    font-weight: 400; }
  .container .login-div {
    text-align: center;
    min-height: 600px; }
    .container .login-div .title1-div {
      font-size: 48px;
      position: relative;
      margin-top: 120px;
      font-weight: 300; }
    .container .login-div .title2-div {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 49px;
      font-weight: 200; }
    .container .login-div .login-form {
      max-width: 400px;
      margin: 0px auto; }
      .container .login-div .login-form .ant-form-explain {
        float: left !important;
        font-size: 12px; }
    .container .login-div .input-style {
      border-radius: 4px;
      width: 400px; }
    .container .login-div .input-style:hover {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .input-style:focus {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .input-style:active {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .login-form-button {
      width: 100%; }
    .container .login-div .login-form-button:hover {
      width: 100%;
      background: #e60122;
      border: 1px solid #e60122; }
    .container .login-div .login-form-register {
      margin-top: -8px;
      float: left;
      font-size: 12px;
      color: #777777;
      margin-right: 9px; }
    .container .login-div .login-form-register:focus {
      color: #e60122; }
    .container .login-div .login-form-register:hover {
      color: #e60122; }
    .container .login-div .registerColor {
      color: #e60122; }
    .container .login-div .signin-error {
      color: #e60122;
      font-size: 12px;
      line-height: 22.5px; }
  .container .paySuccess-div {
    margin-top: 40px;
    text-align: center; }
    .container .paySuccess-div .paySuccess-step {
      width: 400px;
      margin: auto;
      text-align: center; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .paySuccess-step-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #e60122;
        color: #fff;
        text-align: center;
        line-height: 45px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-title {
        color: #e60122;
        text-align: center; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
        padding: 10px 10px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail::after {
        background-color: #e60122; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
        margin-left: 78px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-content {
        width: 123px;
        margin-left: 25px; }
    .container .paySuccess-div .paySuccess-title {
      margin-top: 100px;
      font-size: 48px; }
    .container .paySuccess-div .paySuccess-content {
      margin-top: 30px;
      font-size: 16px;
      font-weight: 200; }
    .container .paySuccess-div .paySuccess-button {
      margin-top: 40px;
      width: 500px;
      background-color: #e60122;
      color: #ffffff;
      height: 42px;
      border: 0; }
    .container .paySuccess-div .paySuccess-footer {
      margin-top: 16px;
      margin-bottom: 120px;
      font-size: 12px;
      color: #777777; }
  .container .payOrder-div {
    margin-top: 15px; }
    .container .payOrder-div .payOrder-title-div {
      width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 70px;
      text-align: center; }
    .container .payOrder-div .payMessage-div {
      text-align: center;
      margin-top: 16px; }
      .container .payOrder-div .payMessage-div .payMessage-code {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        font-weight: 300; }
      .container .payOrder-div .payMessage-div .payMessage-info {
        margin-top: 10px;
        font-size: 12px;
        color: #777777;
        font-weight: 200; }
      .container .payOrder-div .payMessage-div .payMessage-price {
        margin-top: 30px;
        margin-bottom: 40px; }
        .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-text {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle; }
        .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-value {
          font-weight: 400;
          display: inline-block;
          font-size: 30px;
          line-height: 22px;
          vertical-align: middle; }
          .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-value:before {
            content: '\A5'; }
    .container .payOrder-div .pay-submit-div {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
      left: 357px; }
      .container .payOrder-div .pay-submit-div .pay-button {
        background: #e60122;
        border-radius: 4px;
        width: 144px;
        height: 50px;
        margin-bottom: 100px; }
      .container .payOrder-div .pay-submit-div .pay-button-disable {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        background: #fafafa;
        border-radius: 4px;
        width: 144px;
        height: 50px;
        margin-bottom: 100px; }
  .container .settleOrder-div .settleOrderTitle-div {
    width: 400px;
    margin: auto;
    text-align: center; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .settleOrderTitle-step-icon-unactived {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #e0e0e0;
      color: #fff;
      text-align: center;
      line-height: 45px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .ant-steps-item-tail {
      padding: 10px 10px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .ant-steps-item-tail::after {
      background-color: #e0e0e0; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .settleOrderTitle-step-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #e60122;
      color: #fff;
      text-align: center;
      line-height: 45px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-title {
      color: #e60122;
      text-align: center; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-tail {
      padding: 10px 10px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-tail::after {
      background-color: #e0e0e0; }
  .container .settleOrder-div .receiverAddress-div {
    margin-top: 70px; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container {
      margin-top: 20px;
      width: 333px;
      height: 120px;
      border: 1px solid #e0e0e0;
      display: inline-block;
      margin-right: 20px;
      border-radius: 4px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title-actived {
        background: #f0fff3;
        border-bottom: 1px solid #e60122;
        color: #000; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title {
        height: 39px;
        width: 330px;
        border-radius: 5px 5px 0 0;
        line-height: 39px;
        margin-left: 1px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title .receiverAddress-card-label {
          margin-left: 10px;
          margin-right: 20px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-line-actived {
        background-color: #e60122; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-line {
        width: 311px;
        color: #000;
        background-color: #ebebeb;
        height: 2px;
        margin: 0 10px 0 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-content {
        font-weight: 200;
        padding: 7px 10px;
        height: 48px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-content .receiverAddress-card-label {
          padding: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer {
        margin-left: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-button-pry {
          height: 23px;
          font-size: 12px;
          margin-right: 10px;
          padding: 3px 8px;
          border: 0;
          color: #a5a1a1;
          background: #f0fff3;
          width: 60px;
          height: 24px;
          font-size: 12px;
          font-weight: 200;
          text-align: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .unactived-receiverAddress-card-button-pry {
          background: #ffffff;
          border: 1px solid #e0e0e0; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-button-edit {
          height: 17px;
          width: 24px;
          font-size: 12px;
          margin-left: 35px;
          border: 0;
          font-size: 12px;
          font-weight: 200;
          color: #777777;
          padding: 0px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .actived {
          display: inline-block; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .unactived {
          display: none !important; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-icon {
          width: 16px;
          height: 16px;
          background-color: #e60122;
          color: #fff;
          border-radius: 50%;
          margin-right: 11px;
          text-align: center;
          line-height: 16px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-radio {
          margin-left: 20px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        font-size: 30px;
        margin-left: 68px;
        border-radius: 50%;
        background: #fafafa;
        text-align: center;
        line-height: 55px;
        color: #e60122;
        margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-label-div {
        display: inline-block;
        color: #bfbfbf;
        font-weight: 400; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container-adtived {
      border: 1px solid #e60122; }
    .container .settleOrder-div .receiverAddress-div .add-card-container {
      line-height: 140px; }
    .container .settleOrder-div .receiverAddress-div .address-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-right: -20px; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address {
      margin-top: 20px;
      color: #a5a1a1;
      font-size: 14px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-icon {
        margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button {
        margin-right: 30px;
        color: #a5a1a1;
        cursor: pointer; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button:hover {
          color: #e60122; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button .receiverAddress-manage-address-icon {
          margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all {
        float: right;
        color: #a5a1a1;
        margin-right: 0px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all:hover {
          color: #e60122;
          cursor: pointer; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all .receiverAddress-manage-address-icon {
          margin-right: 10px; }
  .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div {
    margin-top: 20px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .logisticsInfo-table .ant-radio-inner {
      width: 18px;
      height: 18px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .logisticsInfo-table .ant-radio-inner::after {
      top: 4px;
      left: 4px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .ant-table-tbody > tr > td {
      border-bottom: 0 !important;
      padding: 10px 10px; }
  .container .settleOrder-div .receiverAddress-separator {
    background: #262626;
    width: 4px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  .container .settleOrder-div .receiverAddress-label {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    font-weight: 400; }
  .container .settleOrder-div .settle-div {
    display: flex;
    flex-direction: row-reverse;
    text-align: right;
    color: #262626; }
    .container .settleOrder-div .settle-div .settle-title {
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
    .container .settleOrder-div .settle-div .actualAmount-title {
      font-weight: 400;
      font-size: 14px;
      color: #262626;
      text-align: right;
      line-height: 22px;
      padding: 15px 0; }
    .container .settleOrder-div .settle-div .settle-value {
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
      .container .settleOrder-div .settle-div .settle-value:before {
        content: '\FFE5'; }
    .container .settleOrder-div .settle-div .actualAmount-value {
      font-weight: 600;
      font-size: 30px;
      color: #262626;
      line-height: 22px;
      text-align: left;
      padding: 15px 0; }
    .container .settleOrder-div .settle-div .coupon-value {
      line-height: 22px;
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
      .container .settleOrder-div .settle-div .coupon-value:before {
        content: '-\FFE5'; }
    .container .settleOrder-div .settle-div .amount {
      line-height: 22px;
      font-size: 30px;
      font-weight: 400; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-input {
    margin-top: 31px;
    width: 360px;
    margin-right: 20px; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-button {
    width: 120px;
    height: 42px; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-span-true {
    display: block;
    color: #e60122; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-span-false {
    display: block;
    color: red; }
  .container .settleOrder-div .settle-submit-div {
    text-align: right; }
    .container .settleOrder-div .settle-submit-div .settleOrder-button {
      width: 144px;
      height: 50px;
      font-size: 16px;
      margin-bottom: 80px; }

/* override antd.css */
.ant-input {
  height: 40px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 11px 0 11px 15px; }

b,
strong {
  font-weight: bold; }

textarea.ant-input {
  height: auto !important; }

.ant-input:hover:not(.ant-input-disabled),
.ant-input:focus:not(.ant-input-disabled) {
  border-color: #e60122; }

.ant-input-number-lg input {
  font-size: 14px; }

.ant-popover {
  z-index: 1062 !important; }

.ant-popover-inner .ant-popover-message {
  font-size: 12px;
  line-height: 20px; }

.ant-popover-inner .ant-popover-buttons {
  text-align: center; }
  .ant-popover-inner .ant-popover-buttons .ant-btn-sm {
    height: 24px; }

.ant-divider {
  color: #262626 !important; }

.ant-checkbox-inner::after {
  width: 12px !important;
  height: 12px !important;
  display: block !important;
  top: 1px !important;
  left: 1px !important;
  font-family: 'iconfont' !important;
  transform: scale(0.75) !important;
  transition: transform, border 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s !important; }

.ant-checkbox-checked .ant-checkbox-inner::after {
  content: '\E635' !important;
  font-size: 12px;
  border: none !important;
  color: #fff; }

a {
  color: #262626; }

a:hover,
a:focus {
  color: #262626;
  text-decoration: unset !important; }

button {
  border: none; }
  button:hover {
    cursor: pointer; }
  button:focus {
    outline: none; }

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  border-bottom: 2px solid #262626; }

.ant-dropdown-menu-item {
  padding: 10px 14px !important; }

.ant-radio-button-wrapper {
  min-width: 80px;
  font-size: 14px !important;
  text-align: center; }

.iconfont {
  vertical-align: -0.1em; }

span + .iconfont,
.iconfont + span {
  margin-left: 8px; }

.price:before {
  content: '\FFE5'; }

/* layout */
body {
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'Microsoft Yahei', 'Hiragino Sans GB', 'Heiti SC', 'sans-serif';
  color: #262626;
  font-weight: 300; }

img {
  max-width: 100%; }

/*header */
.dp-menu {
  left: -30px;
  top: -10px;
  padding: 30px 0 !important;
  z-index: 1; }

.navigation {
  width: 100%;
  padding: 0 10px;
  color: #262626;
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
  background-color: #fff; }
  .navigation .header {
    max-width: 1392px;
    margin: auto;
    display: flex;
    flex: 1;
    width: 100%; }
    .navigation .header .logo {
      display: inline-block;
      margin: 0 10px;
      width: 100px;
      max-width: 100px;
      line-height: 86px; }
      .navigation .header .logo img {
        width: 100px; }
    .navigation .header .menu {
      display: flex;
      flex: 2;
      position: relative; }
      .navigation .header .menu .menu-item {
        flex-grow: 1;
        display: flex;
        padding-left: 0;
        padding-right: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        text-align: center; }
        .navigation .header .menu .menu-item.selected, .navigation .header .menu .menu-item:hover {
          border-bottom-color: #262626; }
      .navigation .header .menu .nav-menu {
        height: 90px;
        line-height: 90px;
        border-bottom: unset;
        margin-left: 50px; }
        .navigation .header .menu .nav-menu a {
          color: #262626 !important; }
        .navigation .header .menu .nav-menu li.ant-menu-item {
          min-width: 40px;
          padding: 0 30px;
          margin: 0;
          width: auto;
          display: inline-block; }
  .navigation .mini-cart {
    width: 30px;
    margin-left: 30px;
    line-height: 90px; }
    .navigation .mini-cart .icon-cart {
      font-size: 24px; }
      .navigation .mini-cart .icon-cart:hover {
        color: #e60122; }
  .navigation #ico_cart {
    position: relative; }
  .navigation .mini-cart-wrapper {
    width: 400px;
    padding: 20px;
    position: absolute;
    right: 0px;
    top: 90px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); }
    .navigation .mini-cart-wrapper .mini-cart-loading {
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px; }
    .navigation .mini-cart-wrapper .empty-cart {
      margin-top: 30px;
      text-align: center; }
      .navigation .mini-cart-wrapper .empty-cart img {
        max-width: 140px; }
      .navigation .mini-cart-wrapper .empty-cart .empty-cart-title {
        margin-top: 30px;
        font-size: 12px; }
    .navigation .mini-cart-wrapper .cart-not-login {
      text-align: center; }
    .navigation .mini-cart-wrapper .mini-cart-list {
      max-height: 275px;
      padding-right: 8px;
      margin-right: -8px;
      overflow-y: auto; }
      .navigation .mini-cart-wrapper .mini-cart-list::-webkit-scrollbar {
        width: 2px; }
      .navigation .mini-cart-wrapper .mini-cart-list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #e0e0e0; }
        .navigation .mini-cart-wrapper .mini-cart-list::-webkit-scrollbar-thumb:window-inactive, .navigation .mini-cart-wrapper .mini-cart-list::-webkit-scrollbar-thumb:hover {
          background-color: #777; }
      .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item {
        border-bottom: 1px solid #ebebeb;
        display: -webkit-flex;
        display: flex;
        line-height: 30px; }
        .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .img {
          width: 70px;
          height: 70px;
          margin-top: 8px;
          word-break: break-all; }
        .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .info {
          width: calc(100% - 70px);
          padding-left: 10px; }
          .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .info .name {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis; }
          .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .info .attr {
            font-size: 12px; }
            .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .info .attr .size {
              margin-left: 10px; }
          .navigation .mini-cart-wrapper .mini-cart-list .mini-cart-item .info .price-qty {
            text-align: right;
            font-size: 16px;
            color: #e60122; }
    .navigation .mini-cart-wrapper .total-amount {
      margin-top: 20px;
      margin-bottom: 10px;
      display: -webkit-flex;
      display: flex;
      justify-content: space-between;
      align-items: center;
      line-height: 30px; }
      .navigation .mini-cart-wrapper .total-amount .price {
        font-size: 16px;
        color: #e60122; }
    .navigation .mini-cart-wrapper .lnk-cart button,
    .navigation .mini-cart-wrapper .lnk-product button,
    .navigation .mini-cart-wrapper .lnk-login button {
      width: 100%;
      font-size: 14px; }

.user-state {
  height: 50px;
  padding: 0 10px; }
  .user-state .btn-group {
    min-width: 190px; }
  .user-state .btn-login {
    color: #fff;
    border-color: rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-weight: 300; }
    .user-state .btn-login:hover, .user-state .btn-login:focus {
      background-color: unset !important;
      border-color: rgba(0, 0, 0, 0) !important; }
  .user-state .btn-register {
    width: 80px;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 300; }
  .user-state .user-info {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center; }
    .user-state .user-info .icon {
      font-size: 18px;
      margin-right: 5px; }
    .user-state .user-info .icon-menu {
      cursor: pointer; }

.brand-user-state {
  width: 100%;
  height: 50px;
  background: #1f1f1f; }
  .brand-user-state .head-top-wrap {
    display: flex;
    justify-content: space-between;
    height: 100%; }
  .brand-user-state .user-state {
    width: 100%;
    height: 50px;
    background-color: #1f1f1f; }
  .brand-user-state .user-info-inline {
    height: 100%;
    color: #fff;
    text-align: right;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .brand-user-state .user-info-inline a.name {
      cursor: pointer; }
    .brand-user-state .user-info-inline a {
      color: #fff; }
  .brand-user-state .user-info {
    height: 100%;
    padding: 5px 10px;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    color: #fff; }
    .brand-user-state .user-info .ant-btn {
      border: 0; }

.user-menu-wrapper .user-menu {
  width: 220px;
  padding: 20px 20px 10px 20px; }
  .user-menu-wrapper .user-menu .ant-dropdown-menu-item {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .user-menu-wrapper .user-menu .icon {
    font-size: 18px;
    margin-right: 10px; }
  .user-menu-wrapper .user-menu .txt-merchant-center {
    font-size: 16px; }
  .user-menu-wrapper .user-menu .btn-logout {
    width: 100%;
    border: 1px solid #e60122;
    font-size: 14px;
    color: #e60122; }

.header-left,
.header-right {
  display: flex; }

#ico_cart {
  width: 8%;
  display: flex; }

.search {
  width: 28px !important;
  display: flex;
  flex: 1;
  height: 40px;
  margin-top: 25px;
  margin-left: 10px;
  line-height: 40px;
  position: relative; }
  .search .ipt-search {
    width: 10px;
    padding-right: 35px;
    opacity: 0;
    border-width: 0 0 1px 0;
    border-radius: 0;
    position: absolute;
    right: 0;
    -webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; }
    .search .ipt-search.active {
      width: 100%;
      opacity: 1; }
    .search .ipt-search:hover, .search .ipt-search:focus {
      border-right: none; }
    .search .ipt-search:focus {
      box-shadow: none; }
  .search .icon-search {
    position: absolute;
    right: 0; }
    .search .icon-search:hover {
      color: #e60122; }
    .search .icon-search .iconfont {
      font-size: 24px; }

.sbc-breadCrumb-wrapper {
  width: 100%;
  padding-top: 25px;
  padding-bottom: 25px;
  margin-bottom: 30px;
  background-color: #fbfbfb;
  overflow: hidden;
  font-weight: 200; }
  .sbc-breadCrumb-wrapper .sbc-breadCrumb {
    max-width: 1392px;
    margin: auto; }
    .sbc-breadCrumb-wrapper .sbc-breadCrumb .ant-breadcrumb-link a,
    .sbc-breadCrumb-wrapper .sbc-breadCrumb .ant-breadcrumb-separator {
      color: #262626; }
    .sbc-breadCrumb-wrapper .sbc-breadCrumb:last-child .ant-breadcrumb-link {
      color: #777; }

.container {
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto; }
  .container.fullwidth {
    width: 100%;
    max-width: 100%; }

.list-container {
  position: relative;
  margin: auto;
  padding-top: 30px !important;
  padding-bottom: 30px !important; }
  .list-container .caption {
    font-size: 18px;
    font-weight: 400; }
  .list-container .nav-search {
    margin-top: 20px; }
    .list-container .nav-search > * {
      display: inline-block;
      margin-right: 30px;
      margin-bottom: 30px; }
      .list-container .nav-search > *:last-child {
        margin-right: 0; }
      .list-container .nav-search > * > label {
        margin-right: 20px; }
    .list-container .nav-search .nav-command {
      float: right; }
      .list-container .nav-search .nav-command .ant-btn {
        margin-left: 30px; }

.usage-detail {
  margin-top: 40px;
  font-size: 14px;
  overflow: hidden; }
  .usage-detail .title {
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    font-weight: 400; }
  .usage-detail .quote {
    margin-top: 20px;
    color: #777777;
    line-height: 20px;
    text-align: center; }
  .usage-detail .content {
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 100px;
    border-top: solid 1px #ebebeb; }
    .usage-detail .content img {
      max-width: 100%;
      height: auto; }

/* login */
.footer {
  padding: 49px 0 28px 0;
  position: relative;
  bottom: 0;
  color: rgba(119, 119, 119, 0.85);
  background: #1f1f1f;
  z-index: 1; }
  .footer .footer-title {
    margin-bottom: 15px;
    font-size: 30px;
    color: #e60122;
    font-weight: 400; }
  .footer .footer-subtitle {
    margin: 10px 0 20px 0;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 400; }
  .footer .footer-contact-menu {
    margin-bottom: 53px;
    line-height: 30px;
    font-weight: 400; }
    .footer .footer-contact-menu .wechat-qr {
      width: 64px; }
  .footer .footer-menu-item {
    display: block;
    line-height: 30px;
    font-weight: 200; }
  .footer .corp-info {
    padding-top: 30px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-weight: 200; }
    .footer .corp-info .lnk-corp {
      color: #e60122; }
  .footer a {
    color: inherit; }

@media (max-width: 500px) {
  .footer {
    min-width: auto;
    padding: 49px 24px 28px 24px; } }

.fixed-image-container {
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle; }
  .fixed-image-container > img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; }

.ant-select-dropdown-menu-item {
  line-height: 32px !important; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400; }

/**ADD BY DONNY*/
header.header {
  width: 100%;
  padding: 0;
  height: auto;
  background-color: unset;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1051; }

.dpj-service-phone {
  width: 124px;
  height: 20px;
  display: inline-block; }

.row-5column {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .row-5column .col {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    flex: 0 0 auto; }
    .row-5column .col img {
      max-width: 100%; }
  .row-5column .col-md-per20 {
    width: 20%; }

@media (max-width: 767.98px) {
  .row-5column .col.col-xs-per50 {
    width: 50%;
    margin-bottom: 20px; }
  .ant-menu-submenu-popup {
    z-index: 1060; }
    .ant-menu-submenu-popup a {
      font-weight: 400; }
  .mini-cart-wrapper {
    display: none !important; }
  .navigation .header {
    justify-content: space-between !important; }
  .kf5-chatSupport-right-bottom .kf5-chatSupport-style1,
  .kf5-chatSupport-right-bottom .kf5-chatSupport-style2 {
    right: 28px !important;
    bottom: 28px !important; } }

.ant-message {
  z-index: 1500 !important; }

.ant-drawer {
  z-index: 1052 !important; }

.ant-modal-wrap {
  z-index: 1062 !important; }

.ant-select-dropdown {
  z-index: 1067 !important; }

.ant-cascader-menus {
  z-index: 1063 !important; }

.ant-tooltip {
  z-index: 1070 !important; }

/**Add by Donny 2019.11.30*/
/*应用于响应式*/
.xs-menu {
  display: none; }

main.ant-layout-content {
  padding-top: 140px; }

.login-container {
  overflow: hidden; }

@media (max-width: 1024px) {
  .navigation .search {
    width: 240px; } }

@media (max-width: 1391.98px) {
  .sbc-breadCrumb-wrapper {
    padding-left: 20px;
    padding-right: 20px; }
  .container {
    margin-left: 20px;
    margin-right: 20px; } }

@media (max-width: 910px) {
  .navigation .header .menu .nav-menu li.ant-menu-item {
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 767.98px) {
  .container.login-container {
    padding-top: 0px; }
  .container .login-div {
    min-height: auto !important; }
    .container .login-div .title1-div {
      margin-top: 40px !important; }
  .sbc-breadCrumb-wrapper {
    margin-top: 0px; }
  .navigation {
    padding: 0 0 0 20px; }
    .navigation .header {
      justify-content: flex-end; }
  #ico_cart {
    flex: 4;
    justify-content: flex-end;
    display: flex; }
  .xs-menu {
    display: flex;
    flex: .5;
    order: 5;
    justify-content: flex-end;
    align-items: center; }
    .xs-menu .ant-menu-horizontal {
      border-bottom: 0px; }
    .xs-menu .ant-menu-horizontal > .ant-menu-item:hover,
    .xs-menu .ant-menu-horizontal > .ant-menu-submenu:hover,
    .xs-menu .ant-menu-horizontal > .ant-menu-item-active,
    .xs-menu .ant-menu-horizontal > .ant-menu-submenu-active,
    .xs-menu .ant-menu-horizontal > .ant-menu-item-open,
    .xs-menu .ant-menu-horizontal > .ant-menu-submenu-open,
    .xs-menu .ant-menu-horizontal > .ant-menu-item-selected,
    .xs-menu .ant-menu-horizontal > .ant-menu-submenu-selected {
      border-width: 0; }
    .xs-menu .ant-menu-item,
    .xs-menu .ant-menu-submenu-title {
      padding: 0 10px; }
  .navigation .header .menu {
    display: none; }
  .navigation .search {
    display: none; }
  .user-state {
    padding: 0 5px; }
  header.header {
    position: relative; }
  main.ant-layout-content {
    padding-top: 2px; }
  .footer {
    padding-left: 30px;
    padding-right: 30px; }
  .footer .footer-menu-item {
    display: inline-block;
    padding-right: 15px; }
  .container .login-div {
    padding: 0 20px; }
  .usages.list-container {
    padding-top: 0px !important; }
  .usages .nav-search {
    display: none; }
  .usages .category-block.common {
    margin: 15px 0px; } }

@media (max-width: 414px) {
  .ant-pagination > li {
    display: none; }
    .ant-pagination > li.ant-pagination-prev, .ant-pagination > li.ant-pagination-next {
      display: inline-block; }
  .navigation .mini-cart-wrapper {
    left: 20px !important;
    width: calc(100% - 40px);
    z-index: 10000; }
  .usages .ant-table-thead tr th:last-child,
  .usages .ant-table-thead tr td:last-child,
  .usages .ant-table-tbody tr th:last-child,
  .usages .ant-table-tbody tr td:last-child {
    display: none; } }

.v3-home-goods-item .labels,
.product-detail-gallery .gallery .labels {
  position: absolute;
  text-align: left;
  font-size: 0;
  font-weight: 400;
  top: 8px;
  left: 8px;
  z-index: 1;
  pointer-events: none; }
  .v3-home-goods-item .labels > .ui-label,
  .product-detail-gallery .gallery .labels > .ui-label {
    margin-right: 4px; }

.product-detail .favorite-wap {
  width: 40px;
  height: 40px; }
  .product-detail .favorite-wap .iconfont {
    font-size: 20px; }

.ant-select-selection--single {
  height: 40px;
  line-height: 40px; }

.ant-pagination .ant-select-selection--single {
  height: 32px !important;
  line-height: 32px !important; }

.ant-pagination .ant-select-selection__rendered {
  line-height: 32px !important; }

.ant-pagination .ant-pagination-options-quick-jumper {
  height: 32px !important;
  line-height: 32px !important; }
  .ant-pagination .ant-pagination-options-quick-jumper input {
    height: 32px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.error {
  display: flex; }
  .error > *.content > * {
    display: block; }
    .error > *.content > *.message {
      line-height: 33px;
      font-size: 24px;
      font-weight: 200;
      cursor: default; }
    .error > *.content > *.btn-back-home {
      margin-top: 16px;
      width: 120px; }
  .error.e500 {
    padding: 100px 60px 0; }
    .error.e500 > *.content {
      width: 272px; }
      .error.e500 > *.content > .message {
        margin-top: 24px; }
      .error.e500 > *.content > .btn-back-home {
        margin-top: 16px; }
    .error.e500 > *.illustration {
      margin-top: 8px;
      margin-left: 120px;
      width: 688px; }
  .error.e404 {
    padding: 150px 110px 0; }
    .error.e404 > *.content {
      margin-top: 100px;
      margin-left: 30px;
      width: 285px; }
      .error.e404 > *.content > .message {
        word-wrap: none;
        word-break: keep-all;
        white-space: nowrap; }
      .error.e404 > *.content > .btn-back-home {
        margin-top: 16px; }
    .error.e404 > *.illustration {
      width: 665px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.banner-detail {
  width: 1392px;
  margin: auto;
  margin-top: 110px;
  text-align: center; }
  .banner-detail > img {
    width: auto;
    height: auto;
    max-width: 1392px; }
  .banner-detail > .title {
    padding: 40px 0 30px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    border-bottom: 3px solid #ebebeb; }
  .banner-detail > .content {
    padding: 30px 0 100px; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.v2-business-conainer {
  /**共同的标题样式*/
  /*合作对象*/
  /**为什么选择德谱家**/
  /*渠道卖家，供应链无忧*/
  /**渠道卖家，供应链无忧**/
  /*品牌商户，模式创新*/
  /**产品分类**/
  /*产品工艺*/
  /*合作物流*/ }
  .v2-business-conainer img {
    max-width: 100%; }
  .v2-business-conainer .business-bg {
    background-image: url(/static/img/business/bg0.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 90px;
    background-size: cover; }
  .v2-business-conainer .b1,
  .v2-business-conainer .b2,
  .v2-business-conainer .b3,
  .v2-business-conainer .b4,
  .v2-business-conainer .b5,
  .v2-business-conainer .b6,
  .v2-business-conainer .b7,
  .v2-business-conainer .b8,
  .v2-business-conainer .b9 {
    /*合作对象 标题*/ }
    .v2-business-conainer .b1 h1,
    .v2-business-conainer .b2 h1,
    .v2-business-conainer .b3 h1,
    .v2-business-conainer .b4 h1,
    .v2-business-conainer .b5 h1,
    .v2-business-conainer .b6 h1,
    .v2-business-conainer .b7 h1,
    .v2-business-conainer .b8 h1,
    .v2-business-conainer .b9 h1 {
      text-align: center; }
      .v2-business-conainer .b1 h1:after,
      .v2-business-conainer .b2 h1:after,
      .v2-business-conainer .b3 h1:after,
      .v2-business-conainer .b4 h1:after,
      .v2-business-conainer .b5 h1:after,
      .v2-business-conainer .b6 h1:after,
      .v2-business-conainer .b7 h1:after,
      .v2-business-conainer .b8 h1:after,
      .v2-business-conainer .b9 h1:after {
        margin: 15px auto 0 auto;
        display: block;
        height: 4px;
        background: #e60122;
        content: ' ';
        width: 40px; }
  .v2-business-conainer .b0 {
    text-align: center;
    min-height: 300px;
    padding-bottom: 50px; }
    .v2-business-conainer .b0 h1 {
      font-size: 50px;
      line-height: 50px;
      font-weight: 600;
      color: #fff;
      margin-bottom: 20px; }
    .v2-business-conainer .b0 h2 {
      font-size: 18px;
      color: #fff; }
    .v2-business-conainer .b0 a.button {
      background: #e60122;
      border: 0;
      margin-bottom: 60px;
      padding: 10px 30px;
      border-radius: 6px;
      display: inline-block;
      color: #fff; }
    .v2-business-conainer .b0 .b0-feat {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      padding: 30px 0 70px 0; }
      .v2-business-conainer .b0 .b0-feat dl {
        display: table;
        color: #fff;
        flex-direction: column;
        width: 33.3333333%;
        margin: 0;
        text-align: center;
        align-items: center;
        justify-items: center;
        flex-grow: 1;
        flex-basis: 1em; }
        .v2-business-conainer .b0 .b0-feat dl dt {
          display: flex;
          font-size: 36px;
          font-weight: 600;
          margin: 0;
          flex: 1;
          justify-content: center; }
        .v2-business-conainer .b0 .b0-feat dl dd {
          display: flex;
          align-content: stretch;
          justify-content: center;
          flex: 1;
          font-size: 14px;
          margin: 0; }
  .v2-business-conainer .b1 {
    border-radius: 6px;
    border: 1px solid #e6e7e8;
    background: #fff;
    margin-bottom: 80px;
    padding: 40px;
    margin-top: -55px; }
    .v2-business-conainer .b1 .b1-right {
      padding-top: 15%;
      text-align: center; }
      .v2-business-conainer .b1 .b1-right blockquote {
        margin-left: auto;
        margin-right: auto; }
  .v2-business-conainer h1 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 40px; }
  .v2-business-conainer blockquote {
    width: 320px;
    font-size: 24px;
    margin: 58px 0 60px 0;
    text-align: center;
    line-height: 30px; }
    .v2-business-conainer blockquote:before, .v2-business-conainer blockquote:after {
      content: '"';
      color: #e60122;
      font-size: 24px;
      font-weight: 600;
      margin: 0 5px; }
  .v2-business-conainer .b2 {
    text-align: center;
    margin-bottom: 80px;
    /*合作伙伴*/ }
    .v2-business-conainer .b2 .b2-partner-item {
      text-align: center;
      border-radius: 6px;
      border: 1px solid #e6e7e8;
      padding: 30px;
      margin-top: 30px; }
      .v2-business-conainer .b2 .b2-partner-item img {
        max-width: 100%;
        border-radius: 6px; }
      .v2-business-conainer .b2 .b2-partner-item h2 {
        padding: 30px 0 0 0;
        font-size: 18px;
        font-weight: 600; }
      .v2-business-conainer .b2 .b2-partner-item .b2-partner-content {
        font-size: 14px;
        color: #5f5f5f;
        line-height: 20px; }
  .v2-business-conainer .b3 {
    background-color: #edeff3;
    margin-bottom: 80px;
    padding: 60px 0 50px 0; }
  .v2-business-conainer .b4,
  .v2-business-conainer .b5,
  .v2-business-conainer .b6 {
    text-align: left; }
    .v2-business-conainer .b4 h1,
    .v2-business-conainer .b5 h1,
    .v2-business-conainer .b6 h1 {
      text-align: left;
      font-weight: 600;
      margin-bottom: 30px; }
      .v2-business-conainer .b4 h1:after,
      .v2-business-conainer .b5 h1:after,
      .v2-business-conainer .b6 h1:after {
        margin-left: 0px;
        margin-right: 0px; }
    .v2-business-conainer .b4 ul,
    .v2-business-conainer .b5 ul,
    .v2-business-conainer .b6 ul {
      color: #5f5f5f;
      text-align: left;
      padding: 0px;
      margin: 0px; }
      .v2-business-conainer .b4 ul li,
      .v2-business-conainer .b5 ul li,
      .v2-business-conainer .b6 ul li {
        padding: 0px;
        margin: 7px 0px;
        list-style: none; }
  .v2-business-conainer .b4 {
    padding-top: 10px; }
    .v2-business-conainer .b4 .b4-right {
      padding-top: 120px; }
  .v2-business-conainer .shape-top-top {
    width: 100%;
    overflow: visible;
    transform: skewY(5deg);
    transform-origin: bottom left; }
    .v2-business-conainer .shape-top-top:before {
      padding-top: 10%;
      background: #f6f6f9;
      content: '';
      display: block; }
  .v2-business-conainer .shape-top-bottom {
    width: 100%;
    overflow: visible;
    transform: skewY(5deg);
    transform-origin: bottom left;
    margin-top: -9%;
    position: relative;
    z-index: 2; }
    .v2-business-conainer .shape-top-bottom:before {
      padding-top: 10%;
      background: #f6f6f9;
      content: '';
      display: block; }
  .v2-business-conainer .b5 {
    position: relative;
    z-index: 3;
    background: #f6f6f9; }
    .v2-business-conainer .b5 .b5-left {
      padding: 20% 0 20% 5%; }
    .v2-business-conainer .b5 .b5-right {
      position: relative;
      width: 100%;
      z-index: 3; }
  .v2-business-conainer .b6 {
    padding-top: 170px; }
    .v2-business-conainer .b6 .b6-left {
      z-index: 3;
      position: relative; }
    .v2-business-conainer .b6 .b6-right {
      padding: 170px 0 0 25%; }
  .v2-business-conainer .b7 {
    background-image: url(/static/img/business/bg3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding: 100px 0 140px 0; }
    .v2-business-conainer .b7 h1 {
      color: #fff;
      margin-bottom: 100px; }
    .v2-business-conainer .b7 .cat-item {
      text-align: center; }
      .v2-business-conainer .b7 .cat-item img {
        padding: 25px;
        background: #fff; }
      .v2-business-conainer .b7 .cat-item .cat-name {
        margin-top: 14px;
        font-size: 16px; }
  .v2-business-conainer .b8 {
    background: #f6f7fa;
    padding: 80px 0; }
    .v2-business-conainer .b8 .b8-tech-list {
      margin-top: 50px;
      display: flex;
      flex-direction: row;
      height: auto; }
      .v2-business-conainer .b8 .b8-tech-list .tech-col {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
        width: 33.3333333%;
        padding: 0px 10px; }
        .v2-business-conainer .b8 .b8-tech-list .tech-col .tech-item {
          margin-top: 20px;
          overflow: hidden;
          max-width: 100%;
          box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.04); }
          .v2-business-conainer .b8 .b8-tech-list .tech-col .tech-item img {
            max-width: 100%; }
        .v2-business-conainer .b8 .b8-tech-list .tech-col .tech-name {
          padding: 20px 0 38px 0;
          background: #fff;
          font-size: 16px;
          text-align: center; }
  .v2-business-conainer .b9 {
    margin: 80px 0 100px 0; }
    .v2-business-conainer .b9 .express-section {
      box-shadow: 0px 1px 10px 0 rgba(0, 0, 0, 0.1);
      padding: 30px;
      margin-top: 60px; }
      .v2-business-conainer .b9 .express-section h2 {
        font-size: 18px;
        padding: 0;
        margin: 0 0 30px 0; }
      .v2-business-conainer .b9 .express-section .express-list {
        min-height: 223px;
        background: #f6f6f9;
        margin: 0;
        padding: 5%; }
        .v2-business-conainer .b9 .express-section .express-list .express-item {
          padding: 20px; }
          .v2-business-conainer .b9 .express-section .express-list .express-item img {
            max-width: 100%;
            height: 40px; }

@media (max-width: 1199.98px) {
  .v2-business-conainer .b1 .b1-right {
    padding-top: 50px; } }

@media (max-width: 767.98px) {
  .v2-business-conainer .b8 .b8-tech-list {
    flex-direction: column; }
    .v2-business-conainer .b8 .b8-tech-list .tech-col {
      width: 100%; }
  .v2-business-conainer .b0 h1 {
    font-size: 40px; }
  .v2-business-conainer .b0 h2 {
    font-size: 16px; }
  .v2-business-conainer .b0 .b0-feat dl dt {
    font-size: 18px; }
  .v2-business-conainer .b0 .b0-feat dl dd {
    font-size: 12px; }
  .v2-business-conainer .b1 {
    padding-bottom: 20px; }
    .v2-business-conainer .b1 .b1-right {
      padding-top: 50px; }
      .v2-business-conainer .b1 .b1-right blockquote {
        width: auto;
        font-size: 18px; }
  .v2-business-conainer .b4 {
    padding-top: 38px; }
    .v2-business-conainer .b4 .b4-right {
      padding-top: 20px;
      padding-bottom: 50px;
      padding-left: 5%; }
  .v2-business-conainer .b5 {
    padding-top: 0px; }
  .v2-business-conainer .b6 .b6-right {
    padding: 20px 0; } }

.group-buy-wrap {
  display: flex;
  flex-direction: column; }
  .group-buy-wrap .banner-container {
    background: #FFFFFF;
    background-image: url("/static/img/group/banner-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: left; }
    .group-buy-wrap .banner-container .left {
      position: relative;
      top: -30px; }
    .group-buy-wrap .banner-container .ant-row {
      display: flex;
      align-items: center;
      padding: 6px 0; }
    .group-buy-wrap .banner-container .title {
      background-image: url("/static/img/group/title-2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      max-width: 707px;
      max-height: 80px;
      height: 80px; }
    .group-buy-wrap .banner-container .desc {
      margin: 0;
      margin-top: 30px;
      color: #FFFFFF;
      font-size: 28px;
      font-weight: 500; }
      .group-buy-wrap .banner-container .desc .text {
        font-size: 32px; }
  .group-buy-wrap .series-wrap {
    padding-bottom: 80px; }
    .group-buy-wrap .series-wrap .title-wrap {
      max-width: 550px;
      margin: 56px auto 6px auto;
      text-align: center; }
      .group-buy-wrap .series-wrap .title-wrap .title {
        font-size: 40px;
        margin: 0; }
    .group-buy-wrap .series-wrap .series-content {
      display: flex; }
      .group-buy-wrap .series-wrap .series-content .series-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        padding: 10px;
        border: 1px solid #EBEBEB;
        border-radius: 8px;
        margin: 30px 20px 20px 0; }
        .group-buy-wrap .series-wrap .series-content .series-item .image-container {
          text-align: center;
          margin-top: 10px;
          width: 100%; }
        .group-buy-wrap .series-wrap .series-content .series-item .desc {
          text-align: center;
          padding: 28px 0 18px 0;
          font-size: 18px; }
        .group-buy-wrap .series-wrap .series-content .series-item.mobile {
          display: none; }
  .group-buy-wrap .line-container {
    background: #F6F6F9; }
    .group-buy-wrap .line-container .line-wrap {
      padding: 0 0 80px 0; }
      .group-buy-wrap .line-container .line-wrap ol,
      .group-buy-wrap .line-container .line-wrap ul,
      .group-buy-wrap .line-container .line-wrap dl,
      .group-buy-wrap .line-container .line-wrap dt,
      .group-buy-wrap .line-container .line-wrap dd {
        margin: 0;
        padding: 0; }
      .group-buy-wrap .line-container .line-wrap .title-wrap {
        max-width: 550px;
        margin: 56px auto 56px auto;
        text-align: center; }
        .group-buy-wrap .line-container .line-wrap .title-wrap .title {
          font-size: 40px;
          margin: 0; }
      .group-buy-wrap .line-container .line-wrap .process-wrap .product-container {
        border-radius: 28px;
        background: #FFFFFF;
        padding: 56px 70px; }
        .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .title {
          text-align: center;
          font-size: 24px;
          font-weight: 500; }
        .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item {
          border: 1px solid #EBEBEB;
          margin-top: 28px;
          display: flex;
          border-radius: 8px; }
          .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .bg {
            margin-left: 28px; }
          .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .desc-wrap {
            display: flex;
            align-items: center; }
            .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .desc-wrap .count {
              width: 32px;
              height: 32px;
              background: #E60122;
              border-radius: 50%;
              color: #FFFFFF;
              text-align: center;
              line-height: 32px;
              margin: 0 14px 0 28px; }
            .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .desc-wrap .text {
              font-size: 20px;
              font-weight: 400; }
      .group-buy-wrap .line-container .line-wrap .btn-wrap {
        text-align: center;
        margin-top: 42px; }
  .group-buy-wrap .product-container {
    margin: 0px 0 120px 0; }
    .group-buy-wrap .product-container .title-wrap {
      max-width: 550px;
      margin: 80px auto 26px auto;
      text-align: center; }
      .group-buy-wrap .product-container .title-wrap .title {
        font-size: 40px;
        margin: 0; }
    .group-buy-wrap .product-container .product-content .product-title {
      font-size: 20px;
      padding-left: 10px;
      font-weight: 500;
      margin-top: 30px;
      margin-bottom: 0; }
    .group-buy-wrap .product-container .product-content .product-group {
      display: flex;
      flex-wrap: wrap; }
    .group-buy-wrap .product-container .product-content .product-item {
      flex: 0 0 18.55%;
      display: flex;
      flex-direction: column;
      border: 1px solid #EBEBEB;
      margin: 20px 0.7% 0px 0.7%;
      overflow: hidden; }
      .group-buy-wrap .product-container .product-content .product-item .image-container {
        text-align: center;
        max-width: 100%; }
        .group-buy-wrap .product-container .product-content .product-item .image-container img {
          width: 300px; }
      .group-buy-wrap .product-container .product-content .product-item .desc-wrap {
        padding: 10px;
        font-size: 16px;
        border-top: 1px solid #EBEBEB; }
        .group-buy-wrap .product-container .product-content .product-item .desc-wrap dl {
          margin: 0; }
        .group-buy-wrap .product-container .product-content .product-item .desc-wrap dt {
          width: 100%;
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block;
          margin: 0; }
      .group-buy-wrap .product-container .product-content .product-item:hover {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
    .group-buy-wrap .product-container .btn-wrap {
      text-align: center;
      margin-top: 42px; }

@media (max-width: 1199.98px) {
  .sample-wrap .banner-container {
    padding-top: 0px;
    padding-bottom: 0px;
    background-size: cover; }
    .sample-wrap .banner-container .title {
      max-width: 350px;
      max-height: 50px; }
    .sample-wrap .banner-container .desc {
      margin: 0;
      margin-top: 28px;
      color: #FFFFFF;
      font-size: 20px;
      padding-bottom: 0; }
  .sample-wrap .product-container .title-wrap {
    max-width: 310px !important;
    margin: 40px auto 28px auto !important; }
    .sample-wrap .product-container .title-wrap .title {
      font-size: 20px !important; }
  .sample-wrap .product-container .product-item .desc-wrap {
    padding: 6px 14px 0 14px !important;
    border-top: 1px solid #EBEBEB; }
    .sample-wrap .product-container .product-item .desc-wrap dl {
      margin: 0;
      font-size: 14px; } }

@media (max-width: 767.98px) {
  .group-buy-wrap .product-container .title-wrap {
    max-width: 310px;
    margin: 40px auto 28px auto;
    text-align: center; }
    .group-buy-wrap .product-container .title-wrap .title {
      font-size: 20px;
      margin: 0; }
  .group-buy-wrap .product-container .product-title {
    margin-top: 20px !important;
    margin-left: 2%;
    padding-left: 0 !important; }
  .group-buy-wrap .product-container .product-content .product-group {
    display: flex;
    flex-wrap: wrap; }
  .group-buy-wrap .product-container .product-content .product-item {
    flex: 0 0 46%;
    display: flex;
    flex-direction: column;
    border: 1px solid #EBEBEB;
    margin: 10px 2% 10px 2%;
    overflow: hidden; }
    .group-buy-wrap .product-container .product-content .product-item .image-container {
      text-align: center;
      max-width: 100%; }
      .group-buy-wrap .product-container .product-content .product-item .image-container img {
        width: 300px; }
    .group-buy-wrap .product-container .product-content .product-item:hover {
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
  .group-buy-wrap .product-container .btn-wrap {
    text-align: center;
    margin-top: 22px; }
  .group-buy-wrap .series-wrap {
    padding: 0 0 35px 0; }
    .group-buy-wrap .series-wrap .container {
      margin: 0 !important; }
    .group-buy-wrap .series-wrap .title-wrap {
      max-width: 310px;
      margin: 40px auto 28px auto;
      text-align: center; }
      .group-buy-wrap .series-wrap .title-wrap .title {
        font-size: 20px;
        margin: 0; }
    .group-buy-wrap .series-wrap .series-content {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      .group-buy-wrap .series-wrap .series-content .series-item {
        flex: 0 0 42%;
        display: flex;
        flex-direction: column;
        padding: 10px;
        border: 1px solid #EBEBEB;
        border-radius: 8px;
        margin: 0 10px 20px 10px;
        padding-top: 0; }
        .group-buy-wrap .series-wrap .series-content .series-item .image-container {
          text-align: center;
          margin-top: 10px; }
        .group-buy-wrap .series-wrap .series-content .series-item .desc {
          text-align: center;
          padding: 14px 0 8px 0;
          font-size: 16px; }
        .group-buy-wrap .series-wrap .series-content .series-item:nth-child(5) {
          display: none; }
        .group-buy-wrap .series-wrap .series-content .series-item.mobile {
          display: block;
          margin-top: 0; }
        .group-buy-wrap .series-wrap .series-content .series-item:last-child {
          flex: 0 0 90%;
          margin-left: 0;
          margin-right: 0; }
  .group-buy-wrap .line-container .line-wrap {
    padding: 0 0 35px 0; }
    .group-buy-wrap .line-container .line-wrap .title-wrap {
      max-width: 310px;
      margin: 40px auto 28px auto;
      text-align: center; }
      .group-buy-wrap .line-container .line-wrap .title-wrap .title {
        font-size: 20px;
        margin: 0; }
    .group-buy-wrap .line-container .line-wrap .process-wrap .product-container {
      border-radius: 14px;
      background: #FFFFFF;
      padding: 28px 35px; }
      .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .title {
        font-size: 15px; }
      .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item {
        padding: 5px 0;
        margin-top: 14px; }
        .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .bg {
          margin-left: 14px; }
          .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .bg img {
            width: 40px;
            max-width: 40px; }
        .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .desc-wrap .count {
          width: 20px;
          min-width: 20px;
          height: 20px;
          line-height: 20px;
          margin: 0 6px 0 14px;
          font-size: 10px; }
        .group-buy-wrap .line-container .line-wrap .process-wrap .product-container .process-item .desc-wrap .text {
          font-size: 14px;
          font-weight: 400; }
    .group-buy-wrap .line-container .line-wrap .process-wrap .ant-col:nth-child(2) {
      margin-top: 20px; }
    .group-buy-wrap .line-container .line-wrap .btn-wrap {
      text-align: center;
      margin-top: 22px; }
  .group-buy-wrap .banner-container {
    padding-top: 0px;
    padding-bottom: 0px;
    background-size: cover; }
    .group-buy-wrap .banner-container .left {
      top: 0; }
    .group-buy-wrap .banner-container .ant-row {
      flex-direction: column;
      justify-content: center; }
    .group-buy-wrap .banner-container .title {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      max-width: 280px;
      max-height: 35px;
      margin-top: 30px;
      margin-left: 10px; }
    .group-buy-wrap .banner-container .desc {
      color: #FFFFFF;
      font-size: 16px;
      padding-bottom: 0;
      max-width: 260px;
      margin-top: 14px;
      margin-left: 30px;
      padding-left: 0; }
      .group-buy-wrap .banner-container .desc .text {
        font-size: 18px; } }

.sample-wrap {
  display: flex;
  flex-direction: column; }
  .sample-wrap .banner-container {
    background: #F6F6F9;
    background-image: url("/static/img/sample/banner-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    text-align: left; }
    .sample-wrap .banner-container .ant-row {
      display: flex;
      align-items: center;
      padding: 6px 0; }
    .sample-wrap .banner-container .title {
      background-image: url("/static/img/sample/title.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      max-width: 707px;
      max-height: 80px;
      height: 80px; }
    .sample-wrap .banner-container .desc {
      margin: 0;
      margin-top: 30px;
      color: #FFFFFF;
      font-size: 28px;
      font-weight: 500; }
  .sample-wrap .line-container {
    background: #F6F6F9; }
    .sample-wrap .line-container .line-wrap {
      padding: 28px 0 80px 0; }
      .sample-wrap .line-container .line-wrap .head-wrap {
        height: 168px;
        background: #FFFFFF;
        opacity: 1;
        border-radius: 28px;
        display: flex;
        flex-direction: row;
        align-items: center; }
        .sample-wrap .line-container .line-wrap .head-wrap .logo-content {
          flex: 0 0 16%;
          text-align: center;
          margin-left: 16px; }
          .sample-wrap .line-container .line-wrap .head-wrap .logo-content .logo {
            max-width: 150px; }
        .sample-wrap .line-container .line-wrap .head-wrap .desc {
          flex: 1;
          font-size: 24px;
          font-weight: 500;
          border-left: 1px solid #e0e0e0;
          padding: 16px 32px; }
        .sample-wrap .line-container .line-wrap .head-wrap .action {
          flex: 0 0 16%;
          text-align: center; }
      .sample-wrap .line-container .line-wrap .title-wrap {
        max-width: 550px;
        margin: 80px auto 56px auto;
        text-align: center; }
        .sample-wrap .line-container .line-wrap .title-wrap .title {
          font-size: 40px;
          margin: 0; }
      .sample-wrap .line-container .line-wrap .process-wrap {
        padding: 0 16px; }
        .sample-wrap .line-container .line-wrap .process-wrap .process-item {
          display: flex;
          flex-direction: row;
          align-items: center; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .bg {
            width: 90%; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .bg img {
              max-width: none; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap {
            display: flex;
            align-items: center;
            margin-top: 28px; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl {
              margin-bottom: 0;
              margin-left: 8px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dt {
                display: flex;
                font-size: 20px;
                font-weight: 500; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dd {
                font-size: 16px; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .min {
              display: none; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .count {
              width: 40px;
              height: 40px;
              background: #E60122;
              border-radius: 50%;
              text-align: center;
              line-height: 40px;
              color: #FFFFFF;
              font-size: 20px; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-0 {
          justify-content: space-between;
          padding-left: 30px; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-0 .icon {
            position: absolute;
            right: 20px;
            top: 30%; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-1 {
          position: relative;
          justify-content: center; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-1 .process {
            position: relative;
            left: -20px; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-1 .icon {
            position: absolute;
            right: 0;
            top: 30%; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-2 {
          justify-content: center; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-2 .process {
            position: relative;
            right: -20px; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-2 .icon {
            position: absolute;
            right: -40px;
            z-index: 99;
            top: 30%; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-3 {
          justify-content: flex-end;
          padding-right: 30px; }
  .sample-wrap .product-container {
    margin: 0px 0 120px 0; }
    .sample-wrap .product-container .title-wrap {
      max-width: 550px;
      margin: 80px auto 56px auto;
      text-align: center; }
      .sample-wrap .product-container .title-wrap .title {
        font-size: 40px;
        margin: 0; }
    .sample-wrap .product-container .product-item {
      display: block;
      border: 1px solid #EBEBEB;
      position: relative;
      margin: 0 auto 20px auto;
      max-width: 340px; }
      .sample-wrap .product-container .product-item .bg {
        position: relative;
        padding-top: 100%;
        left: 0;
        right: 0;
        height: 100%; }
      .sample-wrap .product-container .product-item .desc-wrap {
        padding: 15px 0 0 15px;
        border-top: 1px solid #EBEBEB; }
        .sample-wrap .product-container .product-item .desc-wrap dt {
          width: 100%;
          font-weight: 400;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          display: inline-block; }
      .sample-wrap .product-container .product-item:hover {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }

@media (max-width: 1199.98px) {
  .sample-wrap .banner-container {
    padding-top: 0px;
    padding-bottom: 0px;
    background-size: cover; }
    .sample-wrap .banner-container .title {
      max-width: 350px;
      max-height: 50px; }
    .sample-wrap .banner-container .desc {
      margin: 0;
      margin-top: 28px;
      color: #FFFFFF;
      font-size: 20px;
      padding-bottom: 0; }
  .sample-wrap .line-container {
    background: #F6F6F9; }
    .sample-wrap .line-container .line-wrap {
      padding: 14px 0 40px 0; }
      .sample-wrap .line-container .line-wrap .head-wrap {
        height: 84px;
        border-radius: 14px; }
        .sample-wrap .line-container .line-wrap .head-wrap .logo-content {
          margin-left: 0;
          padding: 0 14px; }
          .sample-wrap .line-container .line-wrap .head-wrap .logo-content .logo {
            min-width: 60px; }
        .sample-wrap .line-container .line-wrap .head-wrap .desc {
          flex: 1;
          font-size: 18px;
          padding: 0px 8px; }
        .sample-wrap .line-container .line-wrap .head-wrap .action {
          padding-right: 14px; }
          .sample-wrap .line-container .line-wrap .head-wrap .action .ant-btn {
            width: 100px;
            height: 28px;
            font-size: 14px; }
      .sample-wrap .line-container .line-wrap .title-wrap {
        max-width: 225px;
        margin: 40px auto 28px auto; }
        .sample-wrap .line-container .line-wrap .title-wrap .title {
          font-size: 20px; }
      .sample-wrap .line-container .line-wrap .process-wrap {
        padding: 0; }
        .sample-wrap .line-container .line-wrap .process-wrap .process-item {
          margin-top: 16px; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .process {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .bg {
              width: 80%;
              text-align: center; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap {
              margin-top: 8px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .count {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 14px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl {
                margin-left: 8px; }
                .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dt {
                  font-size: 14px;
                  font-weight: 500; }
                .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dd {
                  font-size: 12px; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .icon {
            display: none; }
  .sample-wrap .product-container .title-wrap {
    max-width: 310px !important;
    margin: 40px auto 28px auto !important; }
    .sample-wrap .product-container .title-wrap .title {
      font-size: 20px !important; }
  .sample-wrap .product-container .product-item .desc-wrap {
    padding: 14px !important;
    border-top: 1px solid #EBEBEB; }
    .sample-wrap .product-container .product-item .desc-wrap dl {
      margin: 0; }
      .sample-wrap .product-container .product-item .desc-wrap dl dt {
        font-weight: 400;
        font-size: 16px; }
      .sample-wrap .product-container .product-item .desc-wrap dl dd {
        margin: 0;
        font-size: 13px; } }

@media (max-width: 767.98px) {
  .sample-wrap .banner-container {
    padding-top: 0px;
    padding-bottom: 0px;
    background-size: cover; }
    .sample-wrap .banner-container .ant-row {
      flex-direction: column;
      justify-content: center; }
    .sample-wrap .banner-container .title {
      background-image: url("/static/img/sample/title.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      max-width: 280px;
      max-height: 30px;
      margin-top: 30px;
      margin-left: 10px; }
    .sample-wrap .banner-container .desc {
      color: #FFFFFF;
      font-size: 16px;
      padding-bottom: 0;
      max-width: 260px;
      margin-top: 14px;
      margin-left: 30px;
      padding-left: 0; }
  .sample-wrap .line-container {
    background: #F6F6F9; }
    .sample-wrap .line-container .line-wrap {
      padding: 14px 0 40px 0; }
      .sample-wrap .line-container .line-wrap .head-wrap {
        height: 84px;
        padding: 0;
        align-items: center !important;
        border-radius: 14px; }
        .sample-wrap .line-container .line-wrap .head-wrap .logo-content {
          flex: 0 0 20%;
          margin-left: 0;
          padding: 0 8px 0 14px; }
          .sample-wrap .line-container .line-wrap .head-wrap .logo-content .logo {
            min-width: 60px; }
        .sample-wrap .line-container .line-wrap .head-wrap .desc {
          font-size: 12px;
          padding: 0px 8px; }
        .sample-wrap .line-container .line-wrap .head-wrap .action {
          padding-right: 14px;
          flex: 0 0 22%; }
          .sample-wrap .line-container .line-wrap .head-wrap .action .ant-btn {
            width: 80px;
            height: 28px;
            font-size: 12px;
            padding: 0 0px; }
      .sample-wrap .line-container .line-wrap .title-wrap {
        max-width: 225px;
        margin: 40px auto 0 auto; }
        .sample-wrap .line-container .line-wrap .title-wrap .ant-divider {
          margin: 0; }
        .sample-wrap .line-container .line-wrap .title-wrap .title {
          font-size: 20px; }
      .sample-wrap .line-container .line-wrap .process-wrap {
        padding: 0;
        width: 100%; }
        .sample-wrap .line-container .line-wrap .process-wrap .process-item {
          margin-top: 16px; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .process {
            display: flex;
            flex-direction: column;
            align-items: center; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .bg {
              width: 80px;
              height: 80px;
              text-align: center; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .bg > img {
                width: 80px; }
            .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap {
              margin-top: 8px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .count {
                width: 20px;
                height: 20px;
                line-height: 20px;
                font-size: 14px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .max {
                display: none; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap .min {
                display: inline-block;
                margin-right: 4px; }
              .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl {
                margin-left: 8px; }
                .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dt {
                  font-size: 14px;
                  font-weight: 500;
                  justify-content: center; }
                .sample-wrap .line-container .line-wrap .process-wrap .process-item .process .desc-wrap dl dd {
                  font-size: 12px;
                  text-align: center;
                  margin: 0;
                  margin-top: 4px; }
          .sample-wrap .line-container .line-wrap .process-wrap .process-item .icon {
            display: none; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-0 {
          padding-left: 0; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-0 .icon {
            position: absolute;
            right: 20px; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-1 {
          position: relative;
          justify-content: center; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-1 .process {
            position: initial; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-2 {
          justify-content: center; }
          .sample-wrap .line-container .line-wrap .process-wrap .item-2 .process {
            position: initial; }
        .sample-wrap .line-container .line-wrap .process-wrap .item-3 {
          justify-content: flex-end;
          padding-right: 0; } }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/*paySuccess*/
.paySuccess-div {
  margin-top: 40px;
  text-align: center; }
  .paySuccess-div .paySuccess-step {
    width: 400px;
    margin-left: 370px;
    text-align: center; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .paySuccess-step-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #23d05f;
      color: #fff;
      text-align: center;
      line-height: 45px; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-title {
      color: #23d05f;
      text-align: center; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
      padding: 10px 10px; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail::after {
      background-color: #23d05f; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
      margin-left: 78px; }
    .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-content {
      width: 123px;
      margin-left: 25px; }
  .paySuccess-div .paySuccess-title {
    margin-top: 100px;
    font-size: 48px; }
  .paySuccess-div .paySuccess-content {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 200; }
  .paySuccess-div .paySuccess-button {
    margin-top: 40px;
    width: 500px;
    background-color: #23d05f;
    color: #ffffff;
    height: 42px;
    border: 0; }
  .paySuccess-div .paySuccess-footer {
    margin-top: 16px;
    margin-bottom: 120px;
    font-size: 12px;
    color: #777777; }

.auth-product-user .product-name {
  font-weight: 500; }

.auth-product-user .search-wrap {
  margin-bottom: 16px; }

.auth-product-user .tips {
  position: absolute;
  bottom: 20px; }

.auth-product-user .ant-divider-horizontal {
  margin-bottom: 16px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.v3-home-goods-item-wrap {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #ebebeb; }
  .v3-home-goods-item-wrap .color-list {
    padding: 0 20px !important;
    margin-bottom: 12px !important; }
    .v3-home-goods-item-wrap .color-list .sc-bwzfXH {
      overflow: hidden !important; }
    .v3-home-goods-item-wrap .color-list .sc-bxivhb {
      min-width: 20px; }
    .v3-home-goods-item-wrap .color-list .item-wrap {
      position: relative;
      width: 22px;
      height: 22px; }
    .v3-home-goods-item-wrap .color-list .active {
      border: 1px solid #e60122; }
    .v3-home-goods-item-wrap .color-list .slider-item-arrow {
      background: #fff;
      width: 30px; }
      .v3-home-goods-item-wrap .color-list .slider-item-arrow.right {
        margin-left: -40px; }
      .v3-home-goods-item-wrap .color-list .slider-item-arrow.left {
        margin-right: -40px; }
    .v3-home-goods-item-wrap .color-list .color-list {
      margin-bottom: 8px; }
    .v3-home-goods-item-wrap .color-list .color-item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 18px;
      height: 18px;
      cursor: pointer;
      display: flex; }
      .v3-home-goods-item-wrap .color-list .color-item .color {
        flex: 1; }
  .v3-home-goods-item-wrap img {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 13px; }
  .v3-home-goods-item-wrap .v3-goods-title {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    font-weight: 400; }
  .v3-home-goods-item-wrap .v3-goods-technology {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .v3-home-goods-item-wrap .v3-goods-no {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .v3-home-goods-item-wrap .v3-goods-price label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
  .v3-home-goods-item-wrap .v3-goods-price span {
    font-size: 12px;
    line-height: 20px;
    font-weight: 200;
    margin-left: 3px; }
  .v3-home-goods-item-wrap .goods-price {
    padding: 4px 10px 6px 10px !important; }
  .v3-home-goods-item-wrap .live-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 50%; }
  .v3-home-goods-item-wrap .product-info {
    padding: 0 25px;
    font-size: 12px;
    color: #6d6d6d;
    margin: 0; }
    .v3-home-goods-item-wrap .product-info > li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .v3-home-goods-item-wrap .count-wrap {
    height: 60px;
    padding: 0 10px;
    margin: 12px 0; }
    .v3-home-goods-item-wrap .count-wrap > div {
      border-top: 1px solid #ebebeb; }
    .v3-home-goods-item-wrap .count-wrap .count-item {
      position: relative;
      padding-top: 10px;
      width: 77px;
      text-align: center;
      overflow: hidden; }
      .v3-home-goods-item-wrap .count-wrap .count-item .count {
        font-size: 12px; }
      .v3-home-goods-item-wrap .count-wrap .count-item .price {
        font-weight: 400;
        margin-left: -10px; }
    .v3-home-goods-item-wrap .count-wrap .slider-item-arrow {
      border-radius: 50%;
      height: 24px;
      width: 24px;
      background: #fff;
      border: 1px solid #ededed;
      box-shadow: 0 2px 4px 0; }
      .v3-home-goods-item-wrap .count-wrap .slider-item-arrow .icon {
        position: relative;
        top: -2px; }
      .v3-home-goods-item-wrap .count-wrap .slider-item-arrow.right {
        margin-left: -70px;
        margin-top: 10px; }
      .v3-home-goods-item-wrap .count-wrap .slider-item-arrow.left {
        margin-right: -70px;
        margin-top: 10px; }
        .v3-home-goods-item-wrap .count-wrap .slider-item-arrow.left .icon {
          left: -3px; }
    .v3-home-goods-item-wrap .count-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; }
  .v3-home-goods-item-wrap.v3-home-goods-item:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }
  .v3-home-goods-item-wrap .goods-info {
    text-align: center; }
    .v3-home-goods-item-wrap .goods-info .btn {
      display: inline-block;
      background: #e60122;
      border-radius: 15px;
      width: 60px;
      height: 24px;
      line-height: 24px;
      color: #fff;
      text-align: center;
      margin-bottom: 8px;
      font-size: 12px;
      margin-top: 4px; }
    .v3-home-goods-item-wrap .goods-info .date {
      font-size: 12px;
      color: #262626; }
      .v3-home-goods-item-wrap .goods-info .date > div {
        height: 18px; }
    .v3-home-goods-item-wrap .goods-info .actions {
      margin-top: 8px;
      padding: 4px 10px 6px 10px;
      display: flex; }
      .v3-home-goods-item-wrap .goods-info .actions > div {
        flex: 1;
        font-size: 12px;
        color: #1d75e5;
        cursor: pointer;
        border-top: 1px solid #ebebeb;
        position: relative;
        padding: 10px 0 5px 0; }
        .v3-home-goods-item-wrap .goods-info .actions > div > .action {
          padding: 0px 5px 5px 5px;
          display: block; }
        .v3-home-goods-item-wrap .goods-info .actions > div .hr {
          position: absolute;
          right: 0;
          top: 50%;
          height: 30px;
          transform: translateY(-50%);
          margin: 0; }

.goods-check {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 0;
  padding: 10px !important; }

.goods-share {
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 9px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  text-align: center;
  cursor: pointer;
  background: #fff; }
  .goods-share .icon-share {
    display: inline-block;
    margin-top: 2px;
    color: #676767; }
  .goods-share:hover {
    border: 1px solid #e60122; }
    .goods-share:hover .icon-share {
      color: #e60122; }

.goods-img-wrap {
  position: relative;
  display: block; }
  .goods-img-wrap .goods-show {
    position: absolute;
    background: #ffe6e6;
    width: 100%;
    height: 24px;
    line-height: 24px;
    bottom: 13px;
    font-size: 12px;
    z-index: 1;
    color: #e62154;
    text-align: center; }
  .goods-img-wrap .item-mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 36px;
    background: rgba(255, 255, 255, 0.4);
    z-index: 999; }

@media screen and (max-width: 767.98px) {
  .new-product-list .col-md-per {
    width: 50% !important;
    margin-bottom: 20px; }
    .new-product-list .col-md-per .v2-goods-price {
      padding: 10px !important; }
  .container .product-wrap .right-product {
    width: 100%; }
  .count-wrap {
    padding: 0 5px !important; }
    .count-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; } }

.businessCenter-goods-list .ant-table-fixed .ant-table-thead .ant-table-row-cell-last {
  text-align: center !important; }

.businessCenter-goods-list .goods-head-wrap {
  width: 100%;
  margin-bottom: 20px; }
  .businessCenter-goods-list .goods-head-wrap .checked {
    margin-left: 14px; }

.businessCenter-goods-list .goods-list-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  min-width: 1030px; }
  .businessCenter-goods-list .goods-list-wrap .col {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    flex: 0 0 auto; }
    .businessCenter-goods-list .goods-list-wrap .col img {
      max-width: 100%; }
  .businessCenter-goods-list .goods-list-wrap .col-md-per {
    flex: 1;
    min-width: 255px;
    max-width: 288px;
    position: relative; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: #262626;
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #262626;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #262626;
  font-size: 14px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #FAAD14;
  font-size: 14px;
}
.ant-popover-message-title {
  padding-left: 22px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

.fba-preview-table {
  width: calc(100% - 0.5px);
  min-width: 900px;
  margin-top: 20px; }
  .fba-preview-table thead, .fba-preview-table tbody {
    display: table;
    width: 100%;
    table-layout: fixed; }
  .fba-preview-table thead th {
    position: relative;
    background: #fafafa;
    height: 50px;
    white-space: nowrap;
    text-align: center; }
  .fba-preview-table .fba-table-wrap {
    height: 600px; }
  .fba-preview-table tbody .table-border {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    .fba-preview-table tbody .table-border p {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 22px; }
  .fba-preview-table tbody text-red {
    color: #e62154; }
  .fba-preview-table tbody .order-desc {
    background: #fafafa;
    border-top: 1px solid #dddddd;
    height: 40px; }
    .fba-preview-table tbody .order-desc .ant-typography-expand, .fba-preview-table tbody .order-desc .ant-typography-edit, .fba-preview-table tbody .order-desc .ant-typography-copy {
      color: #262626 !important; }
    .fba-preview-table tbody .order-desc .ant-typography a {
      color: #1d75e5 !important; }
  .fba-preview-table tbody .product-info-wrap {
    border: 1px solid #dddddd;
    height: 38px;
    border-left: none;
    padding: 10px 0 0 0;
    width: 52%;
    min-width: 450px; }
    .fba-preview-table tbody .product-info-wrap .product-info-content {
      display: flex;
      height: 110px;
      margin-bottom: 10px; }
      .fba-preview-table tbody .product-info-wrap .product-info-content .product-left {
        flex: 0 110px;
        margin-left: 20px;
        margin-right: 20px; }
      .fba-preview-table tbody .product-info-wrap .product-info-content .product-right {
        flex: 1; }
        .fba-preview-table tbody .product-info-wrap .product-info-content .product-right > p.text {
          max-width: 300px;
          margin: 0;
          padding: 0;
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .fba-preview-table tbody .product-info-wrap .product-info-content .product-right .color-size-count {
          margin-top: 5px;
          color: #777777;
          font-size: 14px; }
          .fba-preview-table tbody .product-info-wrap .product-info-content .product-right .color-size-count > span {
            min-width: 100px;
            display: inline-block; }
    .fba-preview-table tbody .product-info-wrap .product-more-tag {
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: rgba(250, 173, 20, 0.1); }
  .fba-preview-table tbody .logistics-wrap {
    border-bottom: 1px solid #dddddd;
    text-align: center;
    min-width: 160px; }
  .fba-preview-table tbody .table-action {
    border-bottom: 1px solid #dddddd; }
    .fba-preview-table tbody .table-action p {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 22px; }

@media (max-width: 1500.98px) {
  .fba-preview-table .fba-table-wrap {
    height: 420px !important; } }

.preview-modal-head {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  height: 50px;
  text-align: center;
  align-items: center;
  background: #fafafa; }
  .preview-modal-head li {
    flex: 1;
    color: #262626; }

.order-import-list-warp .order-info-wrap {
  display: flex;
  flex-direction: column;
  padding-top: 12px; }
  .order-import-list-warp .order-info-wrap .top-content {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 48px;
    width: 100%;
    background: #fafafa;
    border-bottom: 1px solid #ebebeb;
    font-weight: 500; }
  .order-import-list-warp .order-info-wrap .bottom-content {
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    height: 60px;
    justify-content: center;
    border-bottom: 1px solid #ebebeb; }

.order-import-list-warp .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.order-import-list-warp .order-list {
  display: flex;
  flex-direction: column;
  height: 495px;
  overflow: hidden;
  overflow-y: auto; }
  .order-import-list-warp .order-list .item-content {
    position: relative;
    display: flex;
    align-content: center;
    height: 100px;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    padding-left: 14px; }
    .order-import-list-warp .order-list .item-content .left-content {
      flex: 0 0 80px;
      border: 1px solid #e0e0e0;
      box-sizing: content-box;
      overflow: hidden; }
    .order-import-list-warp .order-list .item-content .mid-content {
      flex: 1;
      margin-left: 10px;
      overflow: hidden; }
      .order-import-list-warp .order-list .item-content .mid-content .name {
        max-width: 80%; }
      .order-import-list-warp .order-list .item-content .mid-content .orderno-sku {
        display: flex;
        padding: 8px 0; }
      .order-import-list-warp .order-list .item-content .mid-content .attr-content {
        display: flex; }
        .order-import-list-warp .order-list .item-content .mid-content .attr-content > div {
          margin-right: 20px;
          color: #777777; }
    .order-import-list-warp .order-list .item-content .right-content {
      flex: 0 0 80px;
      line-height: 80px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.favori-product-item .v3-home-goods-item {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #ebebeb; }
  .favori-product-item .v3-home-goods-item .color-list {
    padding: 0 20px;
    margin-bottom: 16px; }
    .favori-product-item .v3-home-goods-item .color-list .sc-bwzfXH {
      overflow: hidden !important; }
    .favori-product-item .v3-home-goods-item .color-list .sc-bxivhb {
      min-width: 20px; }
    .favori-product-item .v3-home-goods-item .color-list .item-wrap {
      position: relative;
      width: 22px;
      height: 22px; }
    .favori-product-item .v3-home-goods-item .color-list .active {
      border: 1px solid #e60122; }
    .favori-product-item .v3-home-goods-item .color-list .slider-item-arrow {
      background: #fff;
      width: 30px; }
      .favori-product-item .v3-home-goods-item .color-list .slider-item-arrow.right {
        margin-left: -40px; }
      .favori-product-item .v3-home-goods-item .color-list .slider-item-arrow.left {
        margin-right: -40px; }
    .favori-product-item .v3-home-goods-item .color-list .color-item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 18px;
      height: 18px;
      cursor: pointer;
      display: flex; }
      .favori-product-item .v3-home-goods-item .color-list .color-item .color {
        flex: 1; }
  .favori-product-item .v3-home-goods-item img {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 13px; }
  .favori-product-item .v3-home-goods-item .v3-goods-title {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    line-height: 26px;
    font-weight: 400; }
  .favori-product-item .v3-home-goods-item .v3-goods-technology {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .favori-product-item .v3-home-goods-item .v3-goods-no {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .favori-product-item .v3-home-goods-item .v3-goods-price label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
  .favori-product-item .v3-home-goods-item .v3-goods-price span {
    font-size: 12px;
    line-height: 20px;
    font-weight: 200;
    margin-left: 3px; }
  .favori-product-item .v3-home-goods-item .goods-price {
    padding: 10px 10px 14px 10px !important; }
  .favori-product-item .v3-home-goods-item .live-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 50%; }
  .favori-product-item .v3-home-goods-item .product-info-wrap {
    min-height: 152px; }
  .favori-product-item .v3-home-goods-item .product-info {
    padding: 0 25px;
    font-size: 12px;
    color: #6d6d6d;
    margin: 0; }
    .favori-product-item .v3-home-goods-item .product-info > li {
      padding: 2px 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .favori-product-item .v3-home-goods-item.v3-home-goods-item:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }
  .favori-product-item .v3-home-goods-item .product-info-wrap {
    text-align: center; }
    .favori-product-item .v3-home-goods-item .product-info-wrap .product-info {
      padding: 0 25px;
      font-size: 12px;
      color: #6d6d6d;
      margin: 0;
      text-align: left; }
      .favori-product-item .v3-home-goods-item .product-info-wrap .product-info > li {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .favori-product-item .v3-home-goods-item .tier-wrap {
    height: 60px;
    padding: 0 10px;
    margin: 12px 0; }
    .favori-product-item .v3-home-goods-item .tier-wrap > div {
      border-top: 1px solid #ebebeb; }
    .favori-product-item .v3-home-goods-item .tier-wrap .count-item {
      position: relative;
      padding-top: 10px;
      width: 77px;
      text-align: center;
      overflow: hidden; }
      .favori-product-item .v3-home-goods-item .tier-wrap .count-item .count {
        font-size: 12px; }
      .favori-product-item .v3-home-goods-item .tier-wrap .count-item .price {
        font-weight: 400;
        margin-left: -10px; }
    .favori-product-item .v3-home-goods-item .tier-wrap .slider-item-arrow {
      border-radius: 50%;
      height: 24px;
      width: 24px;
      background: #fff;
      border: 1px solid #ededed;
      box-shadow: 0 2px 4px 0; }
      .favori-product-item .v3-home-goods-item .tier-wrap .slider-item-arrow .icon {
        position: relative;
        top: -2px; }
      .favori-product-item .v3-home-goods-item .tier-wrap .slider-item-arrow.right {
        margin-left: -70px;
        margin-top: 10px; }
      .favori-product-item .v3-home-goods-item .tier-wrap .slider-item-arrow.left {
        margin-right: -70px;
        margin-top: 10px; }
        .favori-product-item .v3-home-goods-item .tier-wrap .slider-item-arrow.left .icon {
          left: -3px; }
    .favori-product-item .v3-home-goods-item .tier-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; }
    .favori-product-item .v3-home-goods-item .tier-wrap .sc-bxivhb:last-child .count-item::after {
      content: '';
      border-color: #ffffff; }

.goods-check {
  position: absolute;
  z-index: 1;
  right: 12px;
  top: 0;
  padding: 10px !important; }

.goods-share {
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 9px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ebebeb;
  text-align: center;
  cursor: pointer;
  background: #fff; }
  .goods-share .icon-share {
    display: inline-block;
    margin-top: 2px;
    color: #676767; }

.goods-img-wrap {
  position: relative;
  display: block; }
  .goods-img-wrap .mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 14px;
    background: rgba(0, 0, 0, 0.2); }
  .goods-img-wrap .actions-content {
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .goods-img-wrap .ant-popover-inner .ant-popover-message {
    text-align: left !important; }
    .goods-img-wrap .ant-popover-inner .ant-popover-message > .anticon {
      left: 0;
      top: 6px; }
  .goods-img-wrap .goods-show {
    position: absolute;
    background: #ffe6e6;
    width: 100%;
    height: 24px;
    line-height: 24px;
    bottom: 13px;
    font-size: 12px;
    z-index: 1;
    color: #e62154;
    text-align: center; }
  .goods-img-wrap:hover .mask {
    display: block; }
  .goods-img-wrap:hover .actions-content {
    display: block; }

@media screen and (max-width: 767.98px) {
  .new-product-list .col-md-per {
    width: 50% !important;
    margin-bottom: 20px; }
    .new-product-list .col-md-per .v2-goods-price {
      padding: 10px !important; }
  .container .product-wrap .right-product {
    width: 100%; }
  .count-wrap {
    padding: 0 5px !important; }
    .count-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; } }

.piece-color-wrap {
  display: flex;
  width: 16px;
  height: 16px;
  border: 1px solid #e0e0e0;
  margin-right: 6px;
  position: relative; }
  .piece-color-wrap .ds-check {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #e60122;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #bf0023;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #f2273f;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #f2273f;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: #262626;
  font-size: 16px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 14px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: #262626;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #FAFAFA;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #E62154;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #E62154;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 26px;
  font-size: 14px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #E62154;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: #FAFAFA;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #23D05F;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-descriptions-title {
  margin-bottom: 20px;
  color: #262626;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: #262626;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ' ';
}
.ant-descriptions-item-colon::after {
  content: ':';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: #262626;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 14px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #23D05F;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 14px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #E62154;
}
.ant-progress-status-exception .ant-progress-text {
  color: #E62154;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #E62154;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #23D05F;
}
.ant-progress-status-success .ant-progress-text {
  color: #23D05F;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #23D05F;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #262626;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #E62154;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #23D05F;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

.upload-wrap {
  display: flex; }
  .upload-wrap .left-container {
    flex: 0 200px;
    padding: 0 20px; }
  .upload-wrap .right-container {
    flex: 0 700px;
    display: flex; }
    .upload-wrap .right-container > div {
      width: 700px; }
  .upload-wrap .ant-input:hover:not(.ant-input-disabled),
  .upload-wrap .ant-input:focus:not(.ant-input-disabled) {
    border-color: #ffffff; }

.image-wrap ul,
.image-wrap li {
  list-style: none; }

.image-wrap .contain {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0; }
  .image-wrap .contain .desc {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    font-size: 14px;
    color: #333333; }

.image-wrap .contain > li {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 120px;
  margin: 5px;
  text-align: center;
  font-size: 30px;
  transition: all .5s;
  border: 1px solid #dddddd;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  -o-transition: all .5s; }
  .image-wrap .contain > li .upload {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    .image-wrap .contain > li .upload .icon-upload {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .image-wrap .contain > li .action-wrap {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    font-size: 12px;
    background: #e60122;
    color: #ffffff;
    line-height: 30px; }
    .image-wrap .contain > li .action-wrap .left {
      flex: 1;
      text-align: center;
      cursor: pointer; }
    .image-wrap .contain > li .action-wrap .right {
      flex: 1;
      text-align: center;
      vertical-align: center;
      cursor: pointer; }

.ant-dropdown {
  z-index: 1065 !important; }

.ant-dropdown-menu-submenu-popup {
  z-index: 1065 !important; }
  .ant-dropdown-menu-submenu-popup ul {
    height: 416px;
    overflow: hidden;
    overflow-y: auto; }

.combine-infoContent .ant-descriptions-item-label {
  width: 98px;
  margin-right: 24px;
  font-weight: bold; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #e60122;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #e60122;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 14px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: #262626;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 45px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: #262626;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #e60122;
  border-color: #e60122;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 56px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 37px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #e60122;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #e60122;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: #262626;
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #f2273f;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #bf0023;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #e60122;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 16px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 14px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: #262626;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #262626;
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: #262626;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #e60122;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: #262626;
  font-size: 16px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* override antd.css */
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  background-color: #e60122 !important;
  border-color: #e60122 !important; }
  .ant-pagination-item:focus a,
  .ant-pagination-item:hover a {
    color: #fff !important; }

.ant-pagination-item-active {
  background-color: #e60122 !important;
  border-color: #e60122 !important; }
  .ant-pagination-item-active a {
    color: #fff !important; }

body .ant-popover {
  z-index: 1060; }

.ant-form-item-required::before {
  display: none !important; }

.ant-form-item-required::after {
  display: inline-block !important;
  color: #f5222d;
  content: '*' !important; }

.ant-calendar .ant-calendar-footer-extra {
  padding-top: 18px;
  padding-bottom: 20px; }
  .ant-calendar .ant-calendar-footer-extra .ant-tag {
    margin-right: 10px;
    padding: 0 15px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 300;
    color: #262626;
    background-color: unset;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer; }

ul.ant-table-pagination.ant-pagination {
  margin: 24px 0; }

.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 12px 16px !important; }

.ant-btn i.iconfont {
  vertical-align: initial;
  line-height: 1; }

.ant-table-content .ant-table-fixed-left,
.ant-table-content .ant-table-fixed-right {
  z-index: 2; }

body {
  font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "sans-serif";
  color: #262626;
  font-weight: 300;
  cursor: default; }

.iconfont {
  vertical-align: -0.1em; }

.price:before,
.amount:before,
.balance:before {
  content: '\FFE5'; }

.price.usd:before,
.amount.usd:before,
.balance.usd:before {
  content: '$'; }

a {
  color: inherit; }
  a.link {
    color: #1d75e5; }
    a.link.green {
      color: #23d05f; }
  a[disabled] {
    color: #777777;
    pointer-events: none; }

img {
  max-width: 100%; }

span + .iconfont,
.iconfont + span {
  margin-left: 8px; }

.textarea.ant-input {
  height: auto !important; }

.layout-management {
  min-width: 898px;
  min-height: 100vh;
  /* layout */
  /* header */ }
  .layout-management .ant-layout {
    background-color: #ffffff;
    position: absolute;
    left: 200px;
    min-width: 898px;
    right: 0; }
  .layout-management .menu-collapsed {
    left: 50px !important; }
  .layout-management .no-wrap,
  .layout-management th,
  .layout-management a {
    word-wrap: none;
    word-break: keep-all;
    white-space: nowrap; }
  .layout-management .text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: none;
    word-break: keep-all;
    white-space: nowrap; }
  .layout-management body {
    color: #262626; }
  .layout-management table th {
    font-weight: 400; }
  .layout-management table td {
    font-weight: 200; }
  .layout-management table .operation a,
  .layout-management table .action a {
    color: #1d75e5; }
  .layout-management .user-state {
    display: inline-block; }
  .layout-management a.back-in-top {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 16px;
    line-height: 16px;
    z-index: 99; }
    .layout-management a.back-in-top::after {
      content: '\8FD4\56DE'; }
    .layout-management a.back-in-top .iconfont {
      vertical-align: -1px; }
  .layout-management .reject {
    color: #e62154; }
  .layout-management .ant-menu-submenu-title,
  .layout-management .ant-menu-item > a {
    color: #fff; }
  .layout-management .ant-menu-dark,
  .layout-management .ant-menu-dark .ant-menu-sub,
  .layout-management .ant-menu.ant-menu-dark .ant-menu-item-selected {
    background-color: #1f1f1f; }
  .layout-management .ant-menu-dark .ant-menu-inline.ant-menu-sub {
    background-color: #262626; }
  .layout-management .ant-menu-item:hover > a,
  .layout-management .ant-menu-item:hover > a *, .layout-management .ant-menu-item.ant-menu-item-active > a,
  .layout-management .ant-menu-item.ant-menu-item-active > a *, .layout-management .ant-menu-item.ant-menu-item-active:hover > a,
  .layout-management .ant-menu-item.ant-menu-item-active:hover > a *,
  .layout-management .ant-menu-item:hover > * > a,
  .layout-management .ant-menu-item:hover > * > a *,
  .layout-management .ant-menu-item.ant-menu-item-active > * > a,
  .layout-management .ant-menu-item.ant-menu-item-active > * > a *,
  .layout-management .ant-menu-item.ant-menu-item-active:hover > * > a,
  .layout-management .ant-menu-item.ant-menu-item-active:hover > * > a *, .layout-management .ant-menu-item.ant-menu-item-selected > a,
  .layout-management .ant-menu-item.ant-menu-item-selected > a *,
  .layout-management .ant-menu-submenu-title:hover > a,
  .layout-management .ant-menu-submenu-title:hover > a *,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active > a,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active > a *,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active:hover > a,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active:hover > a *,
  .layout-management .ant-menu-submenu-title:hover > * > a,
  .layout-management .ant-menu-submenu-title:hover > * > a *,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active > * > a,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active > * > a *,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active:hover > * > a,
  .layout-management .ant-menu-submenu-title.ant-menu-item-active:hover > * > a *,
  .layout-management .ant-menu-submenu-title.ant-menu-item-selected > a,
  .layout-management .ant-menu-submenu-title.ant-menu-item-selected > a * {
    color: #e60122; }
  .layout-management .ant-menu-sub .ant-menu-item {
    font-weight: 200; }
  .layout-management .ant-menu-inline-collapsed {
    width: 50px; }
    .layout-management .ant-menu-inline-collapsed .ant-menu-item,
    .layout-management .ant-menu-inline-collapsed .ant-menu-submenu {
      margin-left: -16px; }
      .layout-management .ant-menu-inline-collapsed .ant-menu-item a > span,
      .layout-management .ant-menu-inline-collapsed .ant-menu-submenu a > span {
        display: none; }
    .layout-management .ant-menu-inline-collapsed .ant-menu-submenu-title {
      margin-left: -12px; }
      .layout-management .ant-menu-inline-collapsed .ant-menu-submenu-title::before {
        content: '';
        display: inline-block;
        margin-right: 8px;
        width: 4px;
        height: 4px;
        background-color: rgba(255, 255, 255, 0.4);
        border-radius: 100%; }
    .layout-management .ant-menu-inline-collapsed .ant-menu-submenu-selected .ant-menu-submenu-title::before {
      background-color: #ffffff; }
  .layout-management .left-nav {
    min-height: 100vh;
    background-color: #1f1f1f;
    color: #ffffff;
    position: fixed;
    left: 0; }
    .layout-management .left-nav .nav-top-wrap {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 90px; }
    .layout-management .left-nav .nav-mind-wrap {
      position: absolute;
      top: 90px;
      left: 0;
      right: 0;
      bottom: 150px;
      overflow: hidden;
      overflow-y: auto; }
      .layout-management .left-nav .nav-mind-wrap::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #1f1f1f; }
      .layout-management .left-nav .nav-mind-wrap::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        background-color: rgba(255, 255, 255, 0.1); }
      .layout-management .left-nav .nav-mind-wrap::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: rgba(255, 255, 255, 0.3); }
    .layout-management .left-nav .nav-bottom-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 150px; }
      .layout-management .left-nav .nav-bottom-wrap .dsn-wrap {
        padding: 0 14px;
        margin: 28px 0; }
        .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .head {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .head .left {
            font-size: 14px;
            font-weight: 500; }
          .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .head .right {
            font-size: 12px;
            opacity: 0.8;
            cursor: pointer; }
            .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .head .right:hover {
              color: red; }
        .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .content {
          margin-top: 8px; }
          .layout-management .left-nav .nav-bottom-wrap .dsn-wrap .content .text {
            height: 20px;
            line-height: 20px;
            font-size: 12px;
            opacity: 0.8; }
    .layout-management .left-nav .top-block {
      padding: 28px 14px;
      height: 90px;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: center;
      align-items: center; }
      .layout-management .left-nav .top-block .logo {
        width: 100px; }
      .layout-management .left-nav .top-block .sider-collapse-trigger {
        font-size: 20px;
        cursor: pointer; }
    .layout-management .left-nav.ant-layout-sider-collapsed .logo {
      display: none; }
    .layout-management .left-nav.ant-layout-sider-collapsed .top-block .sider-collapse-trigger {
      float: none;
      width: 100%;
      text-align: center; }
  .layout-management .ant-input-number-handler-wrap {
    display: none; }
  .layout-management .left-nav-menu:not(.ant-menu-inline-collapsed) > .ant-menu-item,
  .layout-management .left-nav-menu:not(.ant-menu-inline-collapsed) > .ant-menu-submenu .ant-menu-submenu-title {
    padding-left: 16px !important; }
  .layout-management .left-nav-menu .anticon {
    margin: 0; }
  .layout-management .nav-header {
    padding: 0 20px;
    height: 72px;
    line-height: 72px;
    box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); }
    .layout-management .nav-header > .caption {
      font-size: 28px;
      font-weight: 200;
      cursor: default;
      float: left; }
    .layout-management .nav-header .no-wrap {
      float: right; }
    .layout-management .nav-header .title-left-section,
    .layout-management .nav-header .title-right-section {
      display: inline-block; }
      .layout-management .nav-header .title-left-section > *,
      .layout-management .nav-header .title-right-section > * {
        display: inline-block; }
      .layout-management .nav-header .title-left-section > .search,
      .layout-management .nav-header .title-right-section > .search {
        padding-top: 14px;
        margin: 0; }
      .layout-management .nav-header .title-left-section a,
      .layout-management .nav-header .title-right-section a {
        font-size: 14px; }
        .layout-management .nav-header .title-left-section a .iconfont,
        .layout-management .nav-header .title-right-section a .iconfont {
          font-size: 24px; }
    .layout-management .nav-header .title-left-section {
      margin-left: 30px; }
      .layout-management .nav-header .title-left-section > * {
        margin-right: 30px; }
    .layout-management .nav-header .title-right-section {
      margin-right: 30px;
      height: 72px; }
      .layout-management .nav-header .title-right-section > * {
        margin-left: 30px; }
  .layout-management .bread-crumb {
    padding: 10px 20px;
    line-height: 20px;
    font-weight: 200;
    background-color: #fbfbfb; }
  .layout-management .content-container {
    margin: 0 16px;
    position: relative; }
    .layout-management .content-container .page-caption {
      padding: 36px 0;
      line-height: 28px;
      font-size: 20px;
      border-bottom: solid 1px #ebebeb;
      cursor: default; }
      .layout-management .content-container .page-caption .goback {
        margin-right: 30px;
        font-size: 16px; }
        .layout-management .content-container .page-caption .goback::after {
          content: '\8FD4\56DE'; }
        .layout-management .content-container .page-caption .goback .iconfont {
          vertical-align: -1px; }
    .layout-management .content-container .contents .border,
    .layout-management .content-container .contents > * {
      padding: 20px 16px;
      border: solid 1px #e0e0e0;
      border-radius: 3px; }
    .layout-management .content-container .contents > * {
      margin-bottom: 16px; }
      .layout-management .content-container .contents > *.non-border {
        padding: 0;
        border: 0 none; }
      .layout-management .content-container .contents > *:first-of-type {
        margin-top: 18px; }
  .layout-management .footer {
    background-color: #ffffff;
    font-weight: 200;
    padding: 40px 0 28px 0; }
    .layout-management .footer .red {
      color: #e60122; }
  .layout-management .ant-form-item.nav-command .ant-btn {
    margin-right: 20px; }
  .layout-management .ant-form-item .ant-btn.btn-save,
  .layout-management .ant-form-item .ant-btn.btn-cancel {
    padding: 0 52px;
    line-height: 50px;
    height: 50px; }
  .layout-management .luxury-label {
    cursor: default; }
    .layout-management .luxury-label.block {
      display: block;
      padding: 0 10px;
      height: 30px;
      line-height: 30px;
      border-radius: 15px;
      color: #ffffff;
      background-color: #e60122;
      text-align: center; }
    .layout-management .luxury-label.bullet {
      position: relative;
      padding-left: 16px; }
      .layout-management .luxury-label.bullet .circle {
        position: absolute;
        display: block;
        left: 5px;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background-color: #e60122; }
  .layout-management .preview-album {
    position: relative;
    display: inline-block; }
    .layout-management .preview-album > * {
      position: relative;
      z-index: 1; }
    .layout-management .preview-album > img {
      display: block;
      overflow: hidden;
      background: #fff;
      border: 1px solid #e0e0e0; }
    .layout-management .preview-album.multiple:after {
      content: ' ';
      position: absolute;
      display: block;
      left: 3px;
      top: 3px;
      width: 100%;
      height: 100%;
      border: solid 1px #e0e0e0;
      z-index: 0; }
  .layout-management .card-container.card-1 > .caption {
    display: block;
    margin-bottom: 20px;
    line-height: 24px;
    font-size: 16px; }
    .layout-management .card-container.card-1 > .caption:before {
      content: ' ';
      display: block;
      float: left;
      margin-top: 5px;
      height: 15px;
      width: 10px;
      border-left: solid 4px #262626; }
    .layout-management .card-container.card-1 > .caption a.more {
      float: right;
      font-size: 12px;
      color: #777777; }
  .layout-management .list-container {
    position: relative;
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
    .layout-management .list-container .caption {
      font-size: 18px;
      font-weight: 400; }
    .layout-management .list-container .nav-search {
      margin-top: 20px; }
      .layout-management .list-container .nav-search > * {
        display: inline-block;
        margin-right: 30px;
        margin-bottom: 30px; }
        .layout-management .list-container .nav-search > *:last-child {
          margin-right: 0; }
        .layout-management .list-container .nav-search > * > label {
          margin-right: 20px; }
      .layout-management .list-container .nav-search .nav-command .ant-btn {
        margin-left: 30px; }
  .layout-management .cell-goods-info {
    display: flex;
    align-items: center; }
  .layout-management .nav-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .layout-management .nav-search .nav-command {
      float: none;
      flex-grow: 1;
      text-align: right; }
  .layout-management .category-block.common {
    padding-top: 10px;
    padding-bottom: 10px; }
    .layout-management .category-block.common .filter,
    .layout-management .category-block.common .filter:nth-last-of-type(n + 2) {
      margin-bottom: 0;
      padding-top: 4px; }
  .layout-management .summary-table td {
    font-weight: bold; }

.modal-cancel-order .details {
  max-height: 210px;
  overflow: hidden;
  overflow-y: auto; }
  .modal-cancel-order .details .info {
    margin-bottom: 20px;
    font-size: 14px;
    color: #faad14; }
    .modal-cancel-order .details .info > *:nth-child(2) {
      margin-left: 6px; }
  .modal-cancel-order .details .item {
    height: 40px; }
    .modal-cancel-order .details .item > * {
      margin-right: 10px;
      color: #777777; }
      .modal-cancel-order .details .item > *:last-of-type {
        margin-right: 0; }
      .modal-cancel-order .details .item > *.order-id {
        display: inline-block;
        color: #262626;
        width: 210px;
        word-wrap: none;
        word-break: keep-all;
        white-space: nowrap; }
      .modal-cancel-order .details .item > *.total-amount, .modal-cancel-order .details .item > *.refund-amount {
        display: inline-block;
        width: 150px;
        word-wrap: none;
        word-break: keep-all;
        white-space: nowrap; }
      .modal-cancel-order .details .item > * .refund {
        color: #eb5179; }

.modal-cancel-order .total {
  height: 60px; }
  .modal-cancel-order .total > * {
    display: block;
    float: right;
    margin-right: 10px;
    font-size: 14px;
    line-height: 80px; }
  .modal-cancel-order .total .amount {
    font-size: 30px;
    font-weight: 400; }

.tox-tinymce .tox-statusbar .tox-statusbar__branding {
  display: none !important; }

.layout-management main.ant-layout-content {
  padding-top: 0px; }

.ant-menu-item .anticon {
  margin: 0; }

.ant-tooltip {
  z-index: 1062; }

.image-gallery-layout {
  padding: 0 !important;
  border: none !important; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-accounts .cell-available {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #ffffff;
  text-align: center;
  cursor: default; }
  .page-accounts .cell-available.available {
    background-color: #e60122; }
  .page-accounts .cell-available.unavailable {
    background-color: #e62154; }

.page-accounts .button-create-account {
  line-height: 50px;
  cursor: pointer; }
  .page-accounts .button-create-account .icon {
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    color: #ffffff;
    background-color: #23d05f;
    text-align: center; }
    .page-accounts .button-create-account .icon i {
      font-size: 18px;
      line-height: 50px; }
  .page-accounts .button-create-account span {
    margin-left: 16px;
    font-size: 18px;
    font-weight: 400; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.banner-management-index .lnk-add-banner {
  width: 175px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px; }
  .banner-management-index .lnk-add-banner .icon-add-banner {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #e60122; }

.banner-management-index .banner-action {
  margin-top: 60px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .banner-management-index .banner-action .status-title {
    display: inline-block;
    margin-right: 20px; }
  .banner-management-index .banner-action .select-status {
    width: 220px;
    margin-right: 30px; }
  .banner-management-index .banner-action .btn-enable-banner {
    margin-right: 30px; }

.banner-management-index .enable-status {
  width: 80px;
  padding: 5px 19px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background-color: #bfbfbf; }
  .banner-management-index .enable-status.enabled {
    background-color: #e60122; }

.banner-management-index .tbl-col-title {
  max-width: 310px;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.banner-management-index .banner-img {
  width: 100%;
  height: 115px; }
  .banner-management-index .banner-img img {
    max-height: 100%; }

.banner-management-index .move-enable.disabled {
  color: #ccc;
  cursor: default; }

.add-edit-banner .title {
  margin-bottom: 12px; }
  .add-edit-banner .title.is-must::after {
    content: "*";
    color: red; }

.add-edit-banner .content {
  width: 785px; }

.add-edit-banner .row {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .add-edit-banner .row.align-start {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .add-edit-banner .row .banner-title,
  .add-edit-banner .row .banner-content {
    width: 100%; }
  .add-edit-banner .row .banner-status {
    width: 50%; }
    .add-edit-banner .row .banner-status .select-wrapper {
      width: 100%; }

.add-edit-banner .ant-upload.ant-upload-select-picture-card {
  background-color: #fff; }

.add-edit-banner .banner-img-file,
.add-edit-banner .click-content {
  width: 100%; }

.add-edit-banner .icon-upload-border {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fafafa;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .add-edit-banner .icon-upload-border .icon-upload {
    font-size: 24px;
    color: #e60122; }

.add-edit-banner .icon-delete-wrapper {
  position: absolute;
  top: 10px;
  right: 10px; }

.add-edit-banner .text-highlight {
  color: #e60122; }

.add-edit-banner .banner-img-file .row {
  margin-bottom: 0;
  -webkit-justify-content: center;
  justify-content: center;
  color: #bfbfbf; }
  .add-edit-banner .banner-img-file .row .icon-file,
  .add-edit-banner .banner-img-file .row .file-name {
    color: #e60122; }
  .add-edit-banner .banner-img-file .row .icon-file {
    font-size: 24px;
    margin-right: 13px; }

.add-edit-banner .banner-img-file .ant-upload-select-picture-card {
  height: 226px; }

.add-edit-banner .banner-img-file img {
  max-width: 100%;
  max-height: 200px; }

.add-edit-banner .upload-wrapper .ant-upload {
  width: 100%;
  position: relative; }

.add-edit-banner .action .btn-save,
.add-edit-banner .action .btn-return {
  width: 144px;
  height: 50px; }

.add-edit-banner .action .btn-return {
  margin-left: 20px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.help-management-index .lnk-add-help {
  width: 150px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px; }
  .help-management-index .lnk-add-help .icon-add-help {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #e60122; }

.help-management-index .help-action {
  margin-top: 60px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .help-management-index .help-action .category-title {
    display: inline-block;
    margin-right: 20px; }
  .help-management-index .help-action .select-category {
    width: 220px;
    margin-right: 30px; }
  .help-management-index .help-action .input-help-keyword {
    width: 380px; }
  .help-management-index .help-action .btn-enable-help {
    margin-right: 30px; }

.help-management-index .enable-status {
  width: 80px;
  padding: 5px 19px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background-color: #bfbfbf; }
  .help-management-index .enable-status.enabled {
    background-color: #e60122; }

.help-management-index .tbl-col-title {
  max-width: 310px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.add-edit-help .title {
  margin-bottom: 12px; }
  .add-edit-help .title.is-must::after {
    content: "*";
    color: red; }

.add-edit-help .content {
  width: 785px; }

.add-edit-help .row {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .add-edit-help .row.align-start {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .add-edit-help .row .help-title, .add-edit-help .row .help-content {
    width: 100%; }
  .add-edit-help .row .help-category {
    width: 50%; }
    .add-edit-help .row .help-category .select-wrapper {
      width: 100%; }
  .add-edit-help .row .enable-status-wrapper {
    margin-left: 30px; }

.add-edit-help .action .btn-save,
.add-edit-help .action .btn-return {
  width: 144px;
  height: 50px; }

.add-edit-help .action .btn-return {
  margin-left: 20px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-dashboard .card-group > .caption {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400; }

.page-dashboard .card {
  padding: 10px 0 30px; }
  .page-dashboard .card > * {
    padding: 0 30px; }
  .page-dashboard .card > .category {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-dashboard .card > .group.new {
    border-left: solid 1px #ebebeb; }
  .page-dashboard .card > .group > .caption {
    margin-top: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 16px; }
  .page-dashboard .card > .group > .item-caption {
    margin-top: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200; }
  .page-dashboard .card > .group > .item-value {
    margin-top: 4px;
    line-height: 40px;
    font-size: 28px; }
    .page-dashboard .card > .group > .item-value.warning {
      color: #e62154; }
  .page-dashboard .card:first-of-type > * {
    padding-left: 0; }
  .page-dashboard .card:first-of-type > .group.new {
    border: 0 none; }
  .page-dashboard .card:last-of-type > * {
    padding-right: 0; }

.page-dashboard .link-common {
  padding: 40px 60px;
  font-size: 14px;
  text-align: center;
  cursor: pointer; }
  .page-dashboard .link-common i {
    display: block;
    margin: auto;
    width: 110px;
    height: 110px;
    line-height: 110px;
    border-radius: 100%;
    font-size: 48px;
    color: #ffffff;
    background-color: #3dd1e8; }
  .page-dashboard .link-common a {
    line-height: 50px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-monitor-import-order .card-group > .caption, .page-monitor-package-goods .card-group > .caption, .page-monitor-export-goods .card-group > .caption {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400; }

.page-monitor-import-order .card, .page-monitor-package-goods .card, .page-monitor-export-goods .card {
  padding: 10px 0 30px; }
  .page-monitor-import-order .card > *, .page-monitor-package-goods .card > *, .page-monitor-export-goods .card > * {
    padding: 0 30px; }
  .page-monitor-import-order .card > .category, .page-monitor-package-goods .card > .category, .page-monitor-export-goods .card > .category {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-monitor-import-order .card > .group.new, .page-monitor-package-goods .card > .group.new, .page-monitor-export-goods .card > .group.new {
    border-left: solid 1px #ebebeb; }
  .page-monitor-import-order .card > .group > .caption, .page-monitor-package-goods .card > .group > .caption, .page-monitor-export-goods .card > .group > .caption {
    margin-top: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 16px; }
  .page-monitor-import-order .card > .group > .item-caption, .page-monitor-package-goods .card > .group > .item-caption, .page-monitor-export-goods .card > .group > .item-caption {
    margin-top: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200; }
  .page-monitor-import-order .card > .group > .item-value, .page-monitor-package-goods .card > .group > .item-value, .page-monitor-export-goods .card > .group > .item-value {
    margin-top: 4px;
    line-height: 40px;
    font-size: 28px; }
    .page-monitor-import-order .card > .group > .item-value.warning, .page-monitor-package-goods .card > .group > .item-value.warning, .page-monitor-export-goods .card > .group > .item-value.warning {
      color: #e62154; }
  .page-monitor-import-order .card:first-of-type > *, .page-monitor-package-goods .card:first-of-type > *, .page-monitor-export-goods .card:first-of-type > * {
    padding-left: 0; }
  .page-monitor-import-order .card:first-of-type > .group.new, .page-monitor-package-goods .card:first-of-type > .group.new, .page-monitor-export-goods .card:first-of-type > .group.new {
    border: 0 none; }
  .page-monitor-import-order .card:last-of-type > *, .page-monitor-package-goods .card:last-of-type > *, .page-monitor-export-goods .card:last-of-type > * {
    padding-right: 0; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-monitor-import-order .card-group > .caption, .page-monitor-package-goods .card-group > .caption, .page-monitor-export-goods .card-group > .caption {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400; }

.page-monitor-import-order .card, .page-monitor-package-goods .card, .page-monitor-export-goods .card {
  padding: 10px 0 30px; }
  .page-monitor-import-order .card > *, .page-monitor-package-goods .card > *, .page-monitor-export-goods .card > * {
    padding: 0 30px; }
  .page-monitor-import-order .card > .category, .page-monitor-package-goods .card > .category, .page-monitor-export-goods .card > .category {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-monitor-import-order .card > .group.new, .page-monitor-package-goods .card > .group.new, .page-monitor-export-goods .card > .group.new {
    border-left: solid 1px #ebebeb; }
  .page-monitor-import-order .card > .group > .caption, .page-monitor-package-goods .card > .group > .caption, .page-monitor-export-goods .card > .group > .caption {
    margin-top: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 16px; }
  .page-monitor-import-order .card > .group > .item-caption, .page-monitor-package-goods .card > .group > .item-caption, .page-monitor-export-goods .card > .group > .item-caption {
    margin-top: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200; }
  .page-monitor-import-order .card > .group > .item-value, .page-monitor-package-goods .card > .group > .item-value, .page-monitor-export-goods .card > .group > .item-value {
    margin-top: 4px;
    line-height: 40px;
    font-size: 28px; }
    .page-monitor-import-order .card > .group > .item-value.warning, .page-monitor-package-goods .card > .group > .item-value.warning, .page-monitor-export-goods .card > .group > .item-value.warning {
      color: #e62154; }
  .page-monitor-import-order .card:first-of-type > *, .page-monitor-package-goods .card:first-of-type > *, .page-monitor-export-goods .card:first-of-type > * {
    padding-left: 0; }
  .page-monitor-import-order .card:first-of-type > .group.new, .page-monitor-package-goods .card:first-of-type > .group.new, .page-monitor-export-goods .card:first-of-type > .group.new {
    border: 0 none; }
  .page-monitor-import-order .card:last-of-type > *, .page-monitor-package-goods .card:last-of-type > *, .page-monitor-export-goods .card:last-of-type > * {
    padding-right: 0; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-monitor-import-order .card-group > .caption, .page-monitor-package-goods .card-group > .caption, .page-monitor-export-goods .card-group > .caption {
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  font-weight: 400; }

.page-monitor-import-order .card, .page-monitor-package-goods .card, .page-monitor-export-goods .card {
  padding: 10px 0 30px; }
  .page-monitor-import-order .card > *, .page-monitor-package-goods .card > *, .page-monitor-export-goods .card > * {
    padding: 0 30px; }
  .page-monitor-import-order .card > .category, .page-monitor-package-goods .card > .category, .page-monitor-export-goods .card > .category {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-monitor-import-order .card > .group.new, .page-monitor-package-goods .card > .group.new, .page-monitor-export-goods .card > .group.new {
    border-left: solid 1px #ebebeb; }
  .page-monitor-import-order .card > .group > .caption, .page-monitor-package-goods .card > .group > .caption, .page-monitor-export-goods .card > .group > .caption {
    margin-top: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 16px; }
  .page-monitor-import-order .card > .group > .item-caption, .page-monitor-package-goods .card > .group > .item-caption, .page-monitor-export-goods .card > .group > .item-caption {
    margin-top: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200; }
  .page-monitor-import-order .card > .group > .item-value, .page-monitor-package-goods .card > .group > .item-value, .page-monitor-export-goods .card > .group > .item-value {
    margin-top: 4px;
    line-height: 40px;
    font-size: 28px; }
    .page-monitor-import-order .card > .group > .item-value.warning, .page-monitor-package-goods .card > .group > .item-value.warning, .page-monitor-export-goods .card > .group > .item-value.warning {
      color: #e62154; }
  .page-monitor-import-order .card:first-of-type > *, .page-monitor-package-goods .card:first-of-type > *, .page-monitor-export-goods .card:first-of-type > * {
    padding-left: 0; }
  .page-monitor-import-order .card:first-of-type > .group.new, .page-monitor-package-goods .card:first-of-type > .group.new, .page-monitor-export-goods .card:first-of-type > .group.new {
    border: 0 none; }
  .page-monitor-import-order .card:last-of-type > *, .page-monitor-package-goods .card:last-of-type > *, .page-monitor-export-goods .card:last-of-type > * {
    padding-right: 0; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.announcement-management-index .lnk-add-announcement {
  width: 150px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px; }
  .announcement-management-index .lnk-add-announcement .icon-add-announcement {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #e60122; }

.announcement-management-index .announcement-action {
  margin-top: 60px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .announcement-management-index .announcement-action .category-title {
    display: inline-block;
    margin-right: 20px; }
  .announcement-management-index .announcement-action .select-category {
    width: 220px;
    margin-right: 30px; }
  .announcement-management-index .announcement-action .input-announcement-keyword {
    width: 380px; }
  .announcement-management-index .announcement-action .btn-enable-announcement {
    margin-right: 30px; }

.announcement-management-index .enable-status {
  width: 80px;
  padding: 5px 19px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background-color: #bfbfbf; }
  .announcement-management-index .enable-status.enabled {
    background-color: #e60122; }

.announcement-management-index .tbl-col-title {
  max-width: 310px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.add-edit-announcement .title {
  margin-bottom: 12px; }
  .add-edit-announcement .title.is-must::after {
    content: "*";
    color: red; }

.add-edit-announcement .content {
  width: 785px;
  float: left; }

.add-edit-announcement .history {
  float: left;
  margin-left: 30px; }
  .add-edit-announcement .history h4 {
    margin-bottom: 20px; }

.add-edit-announcement .row {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .add-edit-announcement .row.align-start {
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .add-edit-announcement .row .announcement-title, .add-edit-announcement .row .announcement-content, .add-edit-announcement .row .announcement-digest {
    width: 100%; }
  .add-edit-announcement .row .announcement-category {
    width: 50%; }
    .add-edit-announcement .row .announcement-category .select-wrapper {
      width: 100%; }
  .add-edit-announcement .row .announcement-enable {
    margin-left: 30px; }

.add-edit-announcement .action .btn-save,
.add-edit-announcement .action .btn-return {
  width: 144px;
  height: 50px; }

.add-edit-announcement .action .btn-return {
  margin-left: 20px; }


/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-revenue .overview {
  padding-bottom: 40px;
  border-bottom: solid 1px #ebebeb; }
  .page-revenue .overview .card .caption {
    padding-top: 10px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-revenue .overview .card .content {
    padding-top: 40px; }
    .page-revenue .overview .card .content .icon {
      float: left;
      width: 80px;
      height: 80px;
      border-radius: 100%;
      text-align: center;
      color: #ffffff; }
      .page-revenue .overview .card .content .icon i {
        margin: auto;
        font-size: 34px;
        line-height: 80px; }
      .page-revenue .overview .card .content .icon.service-fee {
        background-color: #23D05F; }
      .page-revenue .overview .card .content .icon.shipping-fee {
        background-color: #1D75E5; }
      .page-revenue .overview .card .content .icon.goods-amount {
        background-color: #3DD1E8; }
    .page-revenue .overview .card .content .value {
      margin-left: 110px;
      margin: 6px 0 6px 110px;
      padding: 6px 0;
      border-right: solid 1px #ebebeb;
      border-width: 2px; }
      .page-revenue .overview .card .content .value .time {
        line-height: 22px; }
      .page-revenue .overview .card .content .value .balance {
        overflow: hidden;
        font-size: 30px;
        line-height: 34px;
        font-weight: 400; }
  .page-revenue .overview .card:last-of-type .content .value {
    border: 0 none; }

.page-revenue .detail-container {
  position: relative;
  padding: 40px 0 30px; }
  .page-revenue .detail-container .nav-search > * {
    margin-left: 30px; }
    .page-revenue .detail-container .nav-search > *:first-of-type {
      margin-left: 0; }
  .page-revenue .detail-container .table-records {
    margin-top: 30px; }
  .page-revenue .detail-container .sub-total {
    display: flex;
    align-items: center;
    margin-top: 30px; }
    .page-revenue .detail-container .sub-total > * {
      display: flex;
      align-items: center;
      margin-left: 30px;
      line-height: 34px; }
      .page-revenue .detail-container .sub-total > *:first-of-type {
        margin-left: 0; }
    .page-revenue .detail-container .sub-total .amount {
      font-size: 20px;
      font-weight: 400; }

.confirm-decline-offline-recharge-order .ant-modal-footer {
  padding-top: 13px;
  padding-bottom: 13px; }
  .confirm-decline-offline-recharge-order .ant-modal-footer .ant-btn {
    width: 70px;
    height: 34px; }

.notice-body {
  display: flex;
  flex-direction: column;
  padding: 12px 16px 24px; }
  .notice-body .type-list {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    margin-top: 16px; }
    .notice-body .type-list p {
      font-weight: bold;
      font-family: PingFangSC-Medium;
      font-size: 16px;
      min-width: 64px;
      color: #262626;
      line-height: 24px;
      text-align: left; }
    .notice-body .type-list .list-item {
      margin-left: 56px;
      width: 56px;
      min-width: 56px;
      display: flex;
      flex-direction: row;
      font-size: 14px;
      line-height: 22px;
      text-align: left; }
  .notice-body .notice-input-delete {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .notice-body .notice-input-delete .notice-input {
      margin-top: 15px;
      display: flex;
      flex-direction: row;
      align-items: center; }
      .notice-body .notice-input-delete .notice-input .input-reset {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-left: 16px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        font-weight: 500;
        width: 50px;
        height: 38px;
        font-display: auto;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #262626;
        letter-spacing: 0; }
  .notice-body .notice-list {
    margin-top: 20px; }
    .notice-body .notice-list .fba-order-table {
      width: calc(100% - 0.5px);
      min-width: 900px;
      margin-top: 20px;
      position: relative;
      min-width: 1500px;
      overflow: scroll; }
      .notice-body .notice-list .fba-order-table thead th {
        background: #fafafa;
        height: 50px;
        white-space: nowrap;
        text-align: center; }
      .notice-body .notice-list .fba-order-table tbody .table-border {
        border-right: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd; }
        .notice-body .notice-list .fba-order-table tbody .table-border p {
          margin: 0;
          padding: 0;
          text-align: center;
          line-height: 22px; }
      .notice-body .notice-list .fba-order-table tbody .text-red {
        color: #e62154; }
      .notice-body .notice-list .fba-order-table tbody .order-desc {
        background: #fafafa;
        border-top: 1px solid #dddddd;
        height: 40px; }
      .notice-body .notice-list .fba-order-table tbody .product-info-wrap {
        border: 1px solid #dddddd;
        height: 38px;
        border-left: none;
        padding: 10px 0 0 0;
        min-width: 330px;
        width: 30%; }
        .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content {
          display: flex;
          height: 110px;
          margin-bottom: 10px;
          min-width: 440px; }
          .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-left {
            flex: 0 110px;
            margin-left: 30px; }
          .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-right {
            flex: 1;
            margin-left: 20px; }
            .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-right > p {
              max-width: 330px;
              margin: 0;
              padding: 0;
              line-height: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap; }
            .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count {
              margin-top: 5px;
              color: #777777;
              font-size: 14px; }
              .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count > span {
                min-width: 100px;
                display: inline-block; }
              .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count .color {
                box-sizing: content-box;
                display: inline-block;
                width: 10px;
                height: 10px;
                background: red;
                border-radius: 50%;
                border: 1px solid #dddddd; }
        .notice-body .notice-list .fba-order-table tbody .product-info-wrap .product-more-tag {
          height: 36px;
          line-height: 36px;
          text-align: center;
          background: rgba(250, 173, 20, 0.1); }
      .notice-body .notice-list .fba-order-table tbody .order-status-wrap > div {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        border: none; }
        .notice-body .notice-list .fba-order-table tbody .order-status-wrap > div .status-button {
          min-width: 70px;
          height: 25px;
          text-align: center;
          border-radius: 15px;
          line-height: 25px;
          color: #ffffff;
          padding: 0 10px; }
        .notice-body .notice-list .fba-order-table tbody .order-status-wrap > div .connect-button {
          background: #e60122;
          border-radius: 4px;
          width: 80px;
          height: 28px;
          line-height: 28px;
          text-align: center;
          color: #fff;
          cursor: pointer; }
      .notice-body .notice-list .fba-order-table tbody .logistics-wrap {
        min-width: 166px; }
      .notice-body .notice-list .fba-order-table tbody .table-action {
        border-bottom: 1px solid #dddddd; }
        .notice-body .notice-list .fba-order-table tbody .table-action > div {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: column;
          border: none; }
      .notice-body .notice-list .fba-order-table tbody .no-fund {
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, 240%); }
    .notice-body .notice-list .ant-spin-nested-loading {
      margin-top: 20px; }
    .notice-body .notice-list .pagination .ant-pagination-total-text {
      font-size: 10px; }
    .notice-body .notice-list .pagination .ant-pagination-item, .notice-body .notice-list .pagination .ant-pagination-next, .notice-body .notice-list .pagination .ant-pagination-prev {
      min-width: 32px !important;
      height: 32px !important;
      line-height: 32px !important; }
    .notice-body .notice-list .ant-table-thead > tr > th.ant-table-selection-column, .notice-body .notice-list .ant-table-tbody > tr > td.ant-table-selection-column {
      width: 18px; }
  .notice-body .delete-read {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .notice-body .delete-read .ant-btn {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding-left: 10px; }

.include-model {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }

.not-model .ant-modal-footer {
  padding: 5px 16px 10px;
  height: 48px; }

.not-btn .ant-btn-sm {
  height: 30px; }

.not-model-content {
  display: flex;
  flex-direction: column; }
  .not-model-content .model-text {
    width: 472px;
    height: 100px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #262626;
    letter-spacing: 0; }
  .not-model-content .content-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 17px; }
    .not-model-content .content-type .type-text {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      border-radius: 2px;
      width: 62px;
      height: 20px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 20px; }
    .not-model-content .content-type .type-text0 {
      background: #fffbe6;
      border: 1px solid #faad14;
      color: #faad14; }
    .not-model-content .content-type .type-text1 {
      background: #f6ffed;
      border: 1px solid #b7eb8f;
      color: #52c41a; }
    .not-model-content .content-type .type-text2 {
      background: #e6f7ff;
      border: 1px solid #91d5ff;
      color: #1890ff; }
    .not-model-content .content-type .time {
      margin-left: 8px; }

.ant-pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end; }

.content-col-box {
  display: flex;
  flex-direction: row;
  align-items: center; }
  .content-col-box .content-col-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 1115px; }
  .content-col-box .icon-ds-book {
    margin-left: 5px; }
  .content-col-box .icon-ds-book:hover {
    color: #1890ff; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.enable-status {
  width: 80px;
  padding: 5px 19px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background-color: #bfbfbf; }
  .enable-status.enabled {
    background-color: #e60122; }

.zoom-wrapper {
  position: relative;
  height: 60px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .zoom-wrapper .asset-thumb {
    width: 35px;
    max-height: 100%; }

.zoom-img {
  width: 250px;
  height: 250px;
  padding: 10px;
  border: 1px solid #979797;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  position: absolute;
  top: -115px;
  left: 40px;
  background-color: #fff; }
  .zoom-img::after {
    content: "";
    width: 6px;
    height: 6px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #979797;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: -4px;
    background-color: #fff;
    z-index: 1; }
  .zoom-img img {
    max-height: 100%; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-statistics .content-container .contents > *, .page-saleStatistics .content-container .contents > * {
  padding: 30px; }
  .page-statistics .content-container .contents > * .caption, .page-saleStatistics .content-container .contents > * .caption {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-statistics .content-container .contents > * .nav-search, .page-saleStatistics .content-container .contents > * .nav-search {
    display: flex;
    margin-top: 20px; }
    .page-statistics .content-container .contents > * .nav-search > *, .page-saleStatistics .content-container .contents > * .nav-search > * {
      margin-right: 20px; }
    .page-statistics .content-container .contents > * .nav-search label, .page-saleStatistics .content-container .contents > * .nav-search label {
      line-height: 42px; }
  .page-statistics .content-container .contents > * .chart-container, .page-saleStatistics .content-container .contents > * .chart-container {
    margin-top: 40px; }
    .page-statistics .content-container .contents > * .chart-container .caption, .page-saleStatistics .content-container .contents > * .chart-container .caption {
      height: 22px;
      line-height: 22px;
      font-size: 16px;
      font-weight: 300; }
    .page-statistics .content-container .contents > * .chart-container.cards, .page-saleStatistics .content-container .contents > * .chart-container.cards {
      display: flex; }
      .page-statistics .content-container .contents > * .chart-container.cards > *, .page-saleStatistics .content-container .contents > * .chart-container.cards > * {
        flex: 1; }
        .page-statistics .content-container .contents > * .chart-container.cards > *.ant-divider, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ant-divider {
          flex: unset;
          margin-top: 55px;
          height: 250px; }
        .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .chart-box, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .chart-box {
          border: 0 none;
          height: 314px; }
        .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .guide, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .guide {
          position: absolute;
          top: 92px;
          left: 50%;
          width: 140px; }
          .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .guide > *, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .guide > * {
            margin-left: -50%;
            width: 140px;
            height: 20px;
            line-height: 20px;
            font-size: 16px;
            word-wrap: none;
            word-break: keep-all;
            white-space: nowrap;
            overflow: hidden; }
        .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend {
          position: relative !important;
          top: 20px !important;
          left: 0 !important;
          margin: auto !important;
          padding: 0 !important;
          width: 100% !important;
          max-width: unset !important;
          font-family: "Helvetica Neue", "Helvetica", "Arial", "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "sans-serif" !important;
          font-size: 14px !important;
          overflow: hidden !important; }
          .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul {
            display: flex;
            flex-direction: column;
            flex-wrap: wrap;
            align-items: center;
            height: 90px;
            /* 3 rows, 30*3 */ }
            .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li {
              margin: 10px 0 0 0 !important;
              padding: 0 40px !important;
              width: 50%;
              height: 20px;
              line-height: 20px;
              text-align: left;
              word-wrap: none;
              word-break: keep-all;
              white-space: nowrap; }
              .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li.false > *, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li.false > * {
                color: #bfbfbf !important;
                background-color: #bfbfbf !important; }
              .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li > i.g2-legend-marker, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li > i.g2-legend-marker {
                margin: -4px 10px 0 0;
                width: 14px !important;
                height: 14px !important; }
              .page-statistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li > .g2-legend-text, .page-saleStatistics .content-container .contents > * .chart-container.cards > *.ring-chart .g2-legend ul > li > .g2-legend-text {
                display: inline-block;
                width: 80px; }
    .page-statistics .content-container .contents > * .chart-container .chart-box, .page-saleStatistics .content-container .contents > * .chart-container .chart-box {
      position: relative;
      margin-top: 40px;
      padding-bottom: 40px;
      border-bottom: solid 1px #ebebeb; }
      .page-statistics .content-container .contents > * .chart-container .chart-box > .legend, .page-saleStatistics .content-container .contents > * .chart-container .chart-box > .legend {
        display: flex;
        margin-bottom: 40px;
        height: 20px;
        line-height: 20px; }
        .page-statistics .content-container .contents > * .chart-container .chart-box > .legend > i, .page-saleStatistics .content-container .contents > * .chart-container .chart-box > .legend > i {
          margin-top: 3px;
          margin-right: 10px;
          display: inline-block;
          width: 14px;
          height: 14px;
          border-radius: 100%; }

.summary-container {
  display: flex; }
  .summary-container .summary-block {
    flex-basis: 515px;
    margin-right: 30px; }
    .summary-container .summary-block-title {
      font-size: 18px; }
    .summary-container .summary-block:last-child .summary-block-content {
      border-right: none; }
    .summary-container .summary-block-content {
      display: flex;
      align-items: center;
      height: 72px;
      margin-top: 20px;
      border-right: 1px solid #e0e0e0; }
      .summary-container .summary-block-content .blockNum {
        font-size: 30px;
        margin-left: 30px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .summary-container .summary-block-content .blockIcon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        color: #fff; }

.stat-navSearch .ant-form-item {
  margin-bottom: 20px !important; }

.stat-navSearch .ant-form-item-label {
  vertical-align: middle; }

.pageStats-table-detailRow a {
  color: #1d75e5 !important; }

.page-orderStatistics .stat-navSearch {
  margin: 0 !important; }

.nav-header {
  position: relative; }
  .nav-header .card-body {
    position: absolute;
    display: flex;
    flex-direction: row;
    right: 2%;
    top: 60px;
    border: none;
    z-index: 100; }
    .nav-header .card-body .card-bottom {
      display: flex;
      align-items: center;
      flex-direction: row;
      height: 52px;
      padding: 0 24px;
      justify-content: space-between;
      border-top: 0; }
      .nav-header .card-body .card-bottom .sign-all {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #262626;
        letter-spacing: 0;
        font-weight: 400;
        text-align: center; }
      .nav-header .card-body .card-bottom .look-all {
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #1d75e5;
        letter-spacing: 0;
        font-weight: 400;
        text-align: center; }
    .nav-header .card-body .demo-infinite-container {
      height: fit-content;
      max-height: 280px;
      overflow: auto;
      border: 0px solid #e8e8e8;
      border-radius: 0px; }
      .nav-header .card-body .demo-infinite-container .demo-loading-container {
        position: absolute;
        width: 100%;
        text-align: center; }
    .nav-header .card-body .read {
      display: flex;
      flex-direction: row;
      padding: 0 24px; }
      .nav-header .card-body .read .read-status {
        margin-top: 5px;
        width: 8px;
        height: 8px;
        border-radius: 50%; }
      .nav-header .card-body .read .read-content {
        display: flex;
        flex-direction: column;
        margin-left: 12px; }
        .nav-header .card-body .read .read-content .content-text {
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          width: 272px;
          height: 40px;
          font-weight: 400;
          font-family: PingFangSC-Regular;
          font-size: 14px;
          letter-spacing: 0; }
        .nav-header .card-body .read .read-content .content-type {
          display: flex;
          flex-direction: row;
          align-items: center;
          margin-top: 9px; }
          .nav-header .card-body .read .read-content .content-type .type-text {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            border-radius: 2px;
            width: 62px;
            height: 20px;
            font-family: PingFangSC-Regular;
            font-size: 12px;
            line-height: 20px; }
          .nav-header .card-body .read .read-content .content-type .type-text0 {
            background: #fffbe6;
            border: 1px solid #faad14;
            color: #faad14; }
          .nav-header .card-body .read .read-content .content-type .type-text1 {
            background: #f6ffed;
            border: 1px solid #b7eb8f;
            color: #52c41a; }
          .nav-header .card-body .read .read-content .content-type .type-text2 {
            background: #e6f7ff;
            border: 1px solid #91d5ff;
            color: #1890ff; }
          .nav-header .card-body .read .read-content .content-type .time {
            margin-left: 8px; }

.notice-icon-body {
  position: relative; }
  .notice-icon-body img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 22px;
    left: 10px;
    z-index: 100; }
  .notice-icon-body div {
    font-family: PingFangSC-Regular;
    color: #ffffff;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px;
    left: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1000; }

.bus-card .ant-card-bordered {
  border: 0px solid #e8e8e8;
  box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d; }

.bus-card .ant-card-body {
  padding: 0; }

.bus-layout .layout-management .content-container .contents > *:first-of-type {
  padding: 0;
  margin-left: 14px;
  margin-top: 0;
  border: none; }

.include-model {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
  .include-model span + .iconfont, .include-model .iconfont + span {
    font-weight: 400;
    width: 12px;
    height: 12px;
    margin-left: 0; }

.bus-model .ant-modal-footer {
  padding: 5px 16px 10px;
  height: 48px; }

.bus-btn .ant-btn-sm {
  height: 30px; }

.bus-model-content {
  display: flex;
  flex-direction: column; }
  .bus-model-content .model-text {
    width: 472px;
    height: 100px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    font-weight: 400;
    color: #262626;
    letter-spacing: 0; }
  .bus-model-content .content-type {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 17px; }
    .bus-model-content .content-type .type-text {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      border-radius: 2px;
      width: 62px;
      height: 20px;
      font-family: PingFangSC-Regular;
      font-size: 12px;
      line-height: 20px; }
    .bus-model-content .content-type .type-text0 {
      background: #fffbe6;
      border: 1px solid #faad14;
      color: #faad14; }
    .bus-model-content .content-type .type-text1 {
      background: #f6ffed;
      border: 1px solid #b7eb8f;
      color: #52c41a; }
    .bus-model-content .content-type .type-text2 {
      background: #e6f7ff;
      border: 1px solid #91d5ff;
      color: #1890ff; }
    .bus-model-content .content-type .time {
      margin-left: 8px;
      font-weight: 300; }

.ant-badge :hover {
  color: #e60122; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-UPCmanage .ant-popover-inner {
  text-align: left;
  line-height: unset; }
  .page-UPCmanage .ant-popover-inner .ant-popover-message {
    font-size: 12px;
    line-height: 20px; }

.upc-detailModal .color-warning {
  color: #e60122; }

.upc-detailModal .ant-pagination-item,
.upc-detailModal .ant-pagination-next,
.upc-detailModal .ant-pagination-prev {
  line-height: 32px !important;
  min-width: 32px !important;
  height: 32px !important; }

.UPCmanage-div {
  width: 100%; }
  .UPCmanage-div .button-div {
    margin-top: 10px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .UPCmanage-div .button-div .upc-search {
      border-radius: 4px;
      width: 378px;
      height: 40px; }
    .UPCmanage-div .button-div .button {
      margin-top: 21px;
      width: 120px;
      height: 41px;
      line-height: 41px;
      font-size: 14px; }

.addUPC-label {
  font-size: 20px; }

.border-div {
  width: 100%;
  height: 600px;
  border: 1px solid #e0e0e0; }
  .border-div .success-div {
    font-weight: 200;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #262626;
    background-color: rgba(35, 208, 95, 0.1);
    margin-bottom: 30px;
    border-radius: 4px; }
  .border-div .error-div {
    font-weight: 200;
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #262626;
    background-color: rgba(230, 33, 84, 0.1);
    margin-bottom: 30px;
    border-radius: 4px; }
  .border-div .close {
    color: #8c8c8c;
    float: right;
    line-height: 40px;
    margin-right: 15px; }
  .border-div .addUPC-div {
    padding-left: 13px;
    width: 100%;
    height: 300px;
    border: 1px solid #e0e0e0;
    overflow-y: scroll; }
    .border-div .addUPC-div .ant-tag {
      margin-top: 10px;
      padding: 0 10px 0 20px;
      height: 30px;
      line-height: 28px;
      font-size: 14px;
      border-radius: 15px;
      border-color: #e60122;
      background-color: transparent;
      cursor: default; }
      .border-div .addUPC-div .ant-tag i.anticon-close {
        margin-left: 14px;
        color: #e62154; }

.addUPC-button-div {
  margin-top: 30px; }
  .addUPC-button-div .button {
    width: 144px;
    height: 50px;
    font-size: 16px;
    margin-right: 30px; }

.addUPCSelect .ant-select-selection--multiple {
  height: 298px;
  overflow: auto; }
  .addUPCSelect .ant-select-selection--multiple .ant-select-selection__rendered {
    margin-top: 11px !important; }
    .addUPCSelect .ant-select-selection--multiple .ant-select-selection__rendered .ant-select-selection__choice {
      border: 1px solid #23d05f !important;
      border-radius: 15px !important;
      width: 100%;
      max-width: 152px !important;
      height: 28px !important;
      line-height: 28px !important;
      text-align: center;
      margin-bottom: 11px;
      margin-right: 10px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-address .address-title {
  display: inline-block;
  margin-Right: 17px;
  border-Radius: 50%;
  width: 50px;
  height: 50px;
  background: #e60122;
  line-Height: 50px;
  text-Align: center;
  margin-bottom: 50px; }
  .page-address .address-title .icon {
    font-size: 17px;
    color: #e0e0e0; }

.page-address .label {
  display: inline-block;
  font-Size: 18px;
  font-weight: 400; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.list-container .balance-info {
  padding: 40px 0 10px; }
  .list-container .balance-info > i {
    display: block;
    float: left;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    font-size: 40px;
    color: #ffffff;
    background-color: #1C75E5;
    text-align: center; }
  .list-container .balance-info > div {
    margin-left: 110px; }
    .list-container .balance-info > div .balance {
      margin-top: 5px;
      height: 34px;
      line-height: 34px;
      font-size: 30px; }
      .list-container .balance-info > div .balance:before {
        margin: 0;
        padding: 0;
        content: '\FFE5'; }
    .list-container .balance-info > div a {
      height: 22px;
      line-height: 22px;
      font-size: 14px; }

.kf-modal-wrap {
  top: 18%; }
  .kf-modal-wrap .ant-modal-body {
    padding: 0;
    display: flex;
    height: 620px; }
    .kf-modal-wrap .ant-modal-body .left {
      flex: 0 0 52%; }
      .kf-modal-wrap .ant-modal-body .left .mc {
        display: none; }
      .kf-modal-wrap .ant-modal-body .left .pc {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px; }
    .kf-modal-wrap .ant-modal-body .right {
      flex: 0 0 48%;
      position: relative; }
      .kf-modal-wrap .ant-modal-body .right .content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
        .kf-modal-wrap .ant-modal-body .right .content .desc {
          font-size: 24px;
          font-weight: 500;
          text-align: center; }
          .kf-modal-wrap .ant-modal-body .right .content .desc > div:nth-child(2) {
            margin-top: 20px; }
        .kf-modal-wrap .ant-modal-body .right .content .qr-code {
          width: 150px;
          height: 150px;
          text-align: center;
          margin: 0 auto;
          margin-top: 30px; }

@media (max-width: 767.98px) {
  .kf-modal-wrap {
    top: 5%; }
    .kf-modal-wrap .ant-modal-body {
      height: 520px;
      flex-direction: column; }
      .kf-modal-wrap .ant-modal-body .left {
        flex: 0 0 50%;
        overflow: hidden;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .kf-modal-wrap .ant-modal-body .left .pc {
          display: none; }
        .kf-modal-wrap .ant-modal-body .left .mc {
          display: block;
          width: 100%;
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
      .kf-modal-wrap .ant-modal-body .right {
        flex: 0 0 50%;
        position: relative; }
        .kf-modal-wrap .ant-modal-body .right .content {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
          .kf-modal-wrap .ant-modal-body .right .content .desc {
            font-size: 24px;
            font-weight: 500;
            text-align: center; }
            .kf-modal-wrap .ant-modal-body .right .content .desc > div:nth-child(2) {
              margin-top: 0px; }
          .kf-modal-wrap .ant-modal-body .right .content .qr-code {
            width: 150px;
            height: 150px;
            text-align: center;
            margin: 0 auto;
            margin-top: 6px; } }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-summarize .ant-row {
  box-shadow: none !important; }

.page-summarize .layout-management .content-container .contents > * {
  padding: 0;
  margin-top: 0;
  border: none; }

.page-summarize .content-container .contents > .left-right-container {
  margin-bottom: 0;
  padding: 0;
  display: flex;
  border: 0 none; }
  .page-summarize .content-container .contents > .left-right-container .left-side {
    flex-grow: 1; }
  .page-summarize .content-container .contents > .left-right-container .right-side {
    margin-left: 30px;
    width: 380px; }
    .page-summarize .content-container .contents > .left-right-container .right-side .card-group {
      padding: 20px 20px 0 30px; }

.page-summarize .content-container .contents > .order-container {
  margin-bottom: 0;
  padding: 0;
  border: 0 none; }
  .page-summarize .content-container .contents > .order-container .order-ordinary {
    height: 230px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: flex-end; }
    .page-summarize .content-container .contents > .order-container .order-ordinary .ordinary-left {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
      .page-summarize .content-container .contents > .order-container .order-ordinary .ordinary-left .ordinary-caption {
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #262626;
        line-height: 24px;
        font-weight: 500;
        padding: 24px 0; }
    .page-summarize .content-container .contents > .order-container .order-ordinary .ordinary-right {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
  .page-summarize .content-container .contents > .order-container .order-fbi {
    height: 230px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: flex-end; }
    .page-summarize .content-container .contents > .order-container .order-fbi .fbi-left {
      width: 33.3%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
      .page-summarize .content-container .contents > .order-container .order-fbi .fbi-left .fbi-caption {
        font-family: PingFangSC-Medium;
        font-size: 18px;
        color: #262626;
        line-height: 24px;
        font-weight: 500;
        padding: 24px 0; }
    .page-summarize .content-container .contents > .order-container .order-fbi .fbi-center {
      width: 33.3%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
    .page-summarize .content-container .contents > .order-container .order-fbi .fbi-right {
      width: 33.3%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
  .page-summarize .content-container .contents > .order-container .order-statistics {
    height: 230px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 0 12px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    position: relative; }
    .page-summarize .content-container .contents > .order-container .order-statistics .statistics-left {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
      .page-summarize .content-container .contents > .order-container .order-statistics .statistics-left .statistics-caption {
        font-family: PingFangSC-Medium;
        min-width: 109px;
        font-size: 18px;
        color: #262626;
        line-height: 24px;
        font-weight: 500;
        padding: 24px 0; }
    .page-summarize .content-container .contents > .order-container .order-statistics .statistics-center {
      position: absolute;
      border: 1px solid #ebebeb;
      bottom: 30px;
      right: 50%;
      height: 123px; }
    .page-summarize .content-container .contents > .order-container .order-statistics .statistics-right {
      width: 50%;
      display: flex;
      flex-direction: column;
      padding: 0 12px; }
  .page-summarize .content-container .contents > .order-container .logistics-status {
    height: 230px;
    border-radius: 4px;
    border: 1px solid #e0e0e0;
    padding: 0 24px;
    display: flex;
    flex-direction: column; }
    .page-summarize .content-container .contents > .order-container .logistics-status .status-caption {
      font-family: PingFangSC-Medium;
      font-size: 18px;
      color: #262626;
      line-height: 24px;
      font-weight: 500;
      padding: 24px 0; }

.page-summarize .content-container .contents > .capital-container {
  margin-bottom: 0;
  padding: 0 12px; }
  .page-summarize .content-container .contents > .capital-container .capital-caption {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #262626;
    line-height: 24px;
    font-weight: 500;
    padding-top: 12px; }

.page-summarize .content-container .contents > .bg-container {
  border: none;
  margin-top: 12px !important; }
  .page-summarize .content-container .contents > .bg-container .bg {
    height: 0;
    position: relative;
    padding-top: 18%;
    cursor: pointer; }
  .page-summarize .content-container .contents > .bg-container img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px; }
  .page-summarize .content-container .contents > .bg-container .sample {
    margin-right: 12px; }
  .page-summarize .content-container .contents > .bg-container .group {
    margin-left: 12px; }

.page-summarize .content-container .contents > .common-function {
  margin-bottom: 0px;
  padding: 0;
  height: 150px;
  border: solid 1px #e0e0e0;
  border-radius: 3px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
  .page-summarize .content-container .contents > .common-function .function-caption {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #262626;
    line-height: 24px;
    font-weight: 500;
    padding: 24px 0 24px 24px; }
  .page-summarize .content-container .contents > .common-function .func-list {
    display: flex;
    flex-direction: row;
    align-items: center; }
    .page-summarize .content-container .contents > .common-function .func-list .func-item {
      width: 10%;
      flex-shrink: 0;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .page-summarize .content-container .contents > .common-function .func-list .func-item .item-icon {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 100%;
        color: #fff; }
      .page-summarize .content-container .contents > .common-function .func-list .func-item span {
        font-family: PingFangSC-Regular;
        font-size: 12px;
        color: #262626;
        margin-top: 4px;
        line-height: 18px; }

.page-summarize .content-container .contents > .bottom-side {
  margin-bottom: 0;
  padding: 0;
  border: 0 none; }
  .page-summarize .content-container .contents > .bottom-side .card-group-left {
    border: solid 1px #e0e0e0;
    padding: 24px; }
  .page-summarize .content-container .contents > .bottom-side .card-group-center {
    border: solid 1px #e0e0e0;
    padding: 24px; }
  .page-summarize .content-container .contents > .bottom-side .card-group-right {
    border: solid 1px #e0e0e0;
    padding: 24px; }
  .page-summarize .content-container .contents > .bottom-side .card-group {
    overflow: hidden; }
    .page-summarize .content-container .contents > .bottom-side .card-group > .caption {
      font-family: PingFangSC-Medium;
      font-size: 18px;
      color: #262626;
      line-height: 24px;
      font-weight: 500; }
      .page-summarize .content-container .contents > .bottom-side .card-group > .caption a.more {
        display: block;
        float: right;
        font-size: 12px;
        color: #777777; }
        .page-summarize .content-container .contents > .bottom-side .card-group > .caption a.more .iconfont {
          vertical-align: 0;
          font-size: 12px; }
        .page-summarize .content-container .contents > .bottom-side .card-group > .caption a.more:hover {
          color: #e60122; }

.page-summarize .capital-content {
  display: flex;
  flex-direction: column; }
  .page-summarize .capital-content .pay-select {
    left: 71% !important;
    min-width: 186px;
    padding-top: 24px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #262626;
    font-weight: 400; }
  .page-summarize .capital-content .pay-text {
    padding-top: 24px;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    font-weight: 400;
    color: #262626; }
  .page-summarize .capital-content .pay-count {
    padding-top: 16px;
    font-family: PingFangSC-Semibold;
    font-size: 32px;
    color: #262626;
    font-weight: 500;
    line-height: 44px; }
  .page-summarize .capital-content .capital-count {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top: 8px; }
    .page-summarize .capital-content .capital-count .commodity {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #262626; }
    .page-summarize .capital-content .capital-count .logistics {
      margin-left: 32px;
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #262626; }

.page-summarize .caption-menu > * {
  font-family: PingFangSC-Light;
  font-size: 14px;
  color: #262626;
  letter-spacing: 0; }

.page-summarize .order-content {
  display: flex;
  flex-direction: row;
  padding-bottom: 24px; }
  .page-summarize .order-content .icon-box {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; }
    .page-summarize .order-content .icon-box .icon {
      color: #fff;
      font-size: 24px; }
  .page-summarize .order-content .badge {
    height: 8px;
    width: 8px;
    margin-right: 8px; }
  .page-summarize .order-content > .group > .caption {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #262626; }
  .page-summarize .order-content > .group > .item-value {
    font-family: PingFangSC-Light;
    line-height: 33px;
    font-size: 24px;
    font-weight: 400;
    color: #262626; }
    .page-summarize .order-content > .group > .item-value a {
      color: #e62154; }
    .page-summarize .order-content > .group > .item-value.warning {
      color: #e62154; }
  .page-summarize .order-content > .new {
    margin-left: 16px; }

.page-summarize .content-icon {
  align-items: center; }

.page-summarize .content-color {
  align-items: flex-start; }

.page-summarize.menu-collapsed {
  min-width: 1098px; }
  .page-summarize.menu-collapsed .content-container .contents .right-side {
    width: 433px; }

.page-summarize .card {
  padding: 10px 0 30px; }
  .page-summarize .card > * {
    padding: 0 30px; }
  .page-summarize .card > .category {
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 400; }
  .page-summarize .card > .group.new {
    border-left: solid 1px #ebebeb; }
  .page-summarize .card > .group > .caption {
    margin-top: 24px;
    height: 22px;
    line-height: 22px;
    font-size: 16px; }
  .page-summarize .card > .group > .item-caption {
    margin-top: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 200; }
  .page-summarize .card > .group > .item-value {
    margin-top: 4px;
    line-height: 40px;
    font-size: 28px; }
    .page-summarize .card > .group > .item-value.warning {
      color: #e62154; }
  .page-summarize .card:first-of-type > * {
    padding-left: 0; }
  .page-summarize .card:first-of-type > .group.new {
    border: 0 none; }
  .page-summarize .card:last-of-type > * {
    padding-right: 0; }

.page-summarize .link-common {
  font-size: 14px;
  text-align: center;
  cursor: pointer;
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 24px 0; }
  .page-summarize .link-common i {
    display: block;
    margin: auto;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    color: #ffffff;
    background-color: #3dd1e8; }
    .page-summarize .link-common i .iconfont {
      width: 50%;
      fill: currentColor;
      height: 100%; }
  .page-summarize .link-common a {
    line-height: 18px;
    margin-top: 4px; }

.page-summarize .announce,
.page-summarize .usage,
.page-summarize .contact {
  margin-top: 10px;
  height: 18px;
  line-height: 18px;
  font-size: 12px; }
  .page-summarize .announce:first-of-type,
  .page-summarize .usage:first-of-type,
  .page-summarize .contact:first-of-type {
    margin-top: 24px; }
  .page-summarize .announce a,
  .page-summarize .usage a,
  .page-summarize .contact a {
    display: block;
    word-wrap: none;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .page-summarize .announce a:hover,
    .page-summarize .usage a:hover,
    .page-summarize .contact a:hover {
      color: #e60122; }
  .page-summarize .announce .date,
  .page-summarize .usage .date,
  .page-summarize .contact .date {
    float: right; }

.page-summarize .announce .date {
  font-size: 14px; }

.page-summarize .announce a {
  font-size: 14px;
  display: inline-block;
  float: left;
  width: 88%; }
  .page-summarize .announce a .category {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.page-summarize .usage a {
  width: 100%;
  font-size: 14px; }

.page-summarize .contact {
  margin-top: 12px;
  height: 22px;
  line-height: 22px;
  font-size: 14px; }
  .page-summarize .contact > * {
    display: block;
    float: left;
    height: 22px; }
  .page-summarize .contact .iconfont {
    font-size: 20px; }
  .page-summarize .contact .caption {
    margin-left: 20px;
    width: 60px;
    text-align: justify; }
    .page-summarize .contact .caption:after {
      display: inline-block;
      padding-left: 100%;
      content: ' '; }
  .page-summarize .contact .caption,
  .page-summarize .contact .colon {
    font-weight: 400; }

.page-summarize .wechat-qrcode {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 64px;
  height: 64px; }

.page-summarize .exhibit {
  display: block;
  margin: 30px 0 10px;
  padding: 10px 10px 20px;
  border: 1px solid transparent; }
  .page-summarize .exhibit:hover {
    border-color: #ebebeb; }
  .page-summarize .exhibit img {
    width: 236px;
    height: 236px; }
  .page-summarize .exhibit .title {
    margin-top: 14px;
    width: 236px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 200; }
  .page-summarize .exhibit .price {
    margin-top: 8px;
    font-size: 14px; }

.page-summarize .ant-dropdown-menu .ant-dropdown-menu-item,
.page-summarize .caption-menu .ant-dropdown-menu-item,
.page-summarize .ant-dropdown-menu-light .ant-dropdown-menu-item,
.page-summarize .ant-dropdown-menu-root .ant-dropdown-menu-item,
.page-summarize .ant-dropdown-menu-vertical .ant-dropdown-menu-item {
  font-weight: 300; }

:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 18px;
  margin-top: 2px; }

.ant-dropdown {
  min-width: fit-content !important; }

@media (max-width: 767.98px) {
  .page-summarize .bg-container .group {
    margin-left: 0 !important;
    margin-right: 12px; } }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
input::placeholder, .ant-select-selection__placeholder {
  font-size: 14px; }

.discount-management-index .ant-input {
  padding: 6px 11px; }

.discount-management-index .lnk-add {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px;
  max-width: 170px; }
  .discount-management-index .lnk-add .icon-add {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #e60122; }

.discount-management-index .nav-search {
  padding-top: 40px;
  padding-bottom: 31px;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .discount-management-index .nav-search .item-group {
    display: inline-block;
    margin-left: 30px; }
    .discount-management-index .nav-search .item-group:first-child {
      margin-left: 0; }
    .discount-management-index .nav-search .item-group > label {
      margin-right: 20px; }
  .discount-management-index .nav-search .ant-input-search {
    margin-left: 30px;
    width: 300px; }
    .discount-management-index .nav-search .ant-input-search:first-child {
      margin-left: 0; }

.discount-management-index .status {
  width: 80px;
  padding: 5px 19px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  background-color: #bfbfbf; }
  .discount-management-index .status.enabled {
    background-color: #23D05F; }

.discount-management-index .actions a {
  color: #1D75E5; }

.add-edit-discount .title {
  margin-bottom: 12px; }
  .add-edit-discount .title.is-must::after {
    content: "*";
    color: red; }

.add-edit-discount .ant-input-number-handler-wrap {
  display: block; }

.add-edit-discount .content {
  width: 785px; }
  .add-edit-discount .content .warn-info {
    color: #faad14;
    font-size: 12px;
    display: block; }

.add-edit-discount .ant-form-explain {
  margin-top: 3px; }

.add-edit-discount .action .btn-save,
.add-edit-discount .action .btn-return {
  width: 144px;
  height: 50px; }

.add-edit-discount .action .btn-return {
  margin-left: 20px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.merchants-nav-search {
  display: flex;
  flex-Direction: row;
  justify-Content: space-between;
  padding: 60px 0 30px 0;
  align-items: center; }
  .merchants-nav-search .buttonDiv {
    display: flex;
    text-align: right; }
    .merchants-nav-search .buttonDiv .searchButton {
      display: flex;
      position: relative;
      align-items: center;
      font-size: 14px;
      width: 106px;
      border-radius: 4px; }
    .merchants-nav-search .buttonDiv .marginLeft {
      margin-left: 29px; }

.search {
  width: 380px; }

.radiuBorder {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-Radius: 50%;
  margin-right: 5px; }

.saveButton {
  text-align: center;
  width: 144px;
  height: 50px;
  font-size: 14px;
  margin-right: 19px; }

.addMerchant {
  margin-Right: 29px; }

.merchants-filter {
  display: 'flex';
  flex-Direction: 'row';
  justify-Content: 'space-between';
  padding: '60px 0 30px 0'; }
  .merchants-filter .button {
    text-align: center;
    width: 120px;
    height: 41px;
    font-size: 14px;
    background-color: #e60122;
    color: #ffffff; }

.merchants-Modal-body {
  font-Size: 16px;
  width: 490px;
  height: 170px;
  display: flex;
  justify-Content: center; }

.disableLink {
  color: #bfbfbf; }

.help-label {
  color: #faad14; }

.redIcon {
  color: red; }

.shop-info .section .section-title {
  margin-bottom: 20px;
  font-size: 16px; }
  .shop-info .section .section-title::before {
    content: "";
    width: 5px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    background-color: #000;
    vertical-align: middle; }

.shop-info .section .row {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .shop-info .section .row .field {
    width: 250px; }
    .shop-info .section .row .field .key {
      padding-bottom: 15px;
      color: #777; }
    .shop-info .section .row .field .value {
      height: 20px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.shop-index .row {
  margin-bottom: 30px;
  flex-wrap: wrap; }
  .shop-index .row,
  .shop-index .row .row-in-row {
    margin-bottom: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .shop-index .row .row-in-row {
    flex-wrap: nowrap; }
  .shop-index .row.space-between {
    -webkit-justify-content: space-between;
    justify-content: space-between; }

.shop-index .shop-list-action {
  margin-top: 60px; }
  .shop-index .shop-list-action button {
    font-size: 14px; }
    .shop-index .shop-list-action button:nth-of-type(n + 2) {
      margin-left: 30px; }

.shop-index .date-picker {
  width: 280px;
  margin-left: 20px; }

.shop-index .input-shop-name {
  width: 380px;
  margin-left: 20px; }

.shop-index .shop-list {
  margin-top: 30px; }
  .shop-index .shop-list .shop-name {
    max-width: 220px;
    word-break: break-word; }
  .shop-index .shop-list .auth-status::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 5px;
    border-radius: 100%;
    background-color: #faad14; }
  .shop-index .shop-list .auth-status.auth::before {
    background-color: #e60122; }
  .shop-index .shop-list .status {
    padding: 5px 20px;
    display: inline-block;
    border-radius: 15px;
    color: #fff;
    background-color: #bfbfbf; }
    .shop-index .shop-list .status.enabled {
      background-color: #e60122; }
  .shop-index .shop-list .shop-actions {
    color: #1d75e5; }

.shop-info .action,
.edit-store .action {
  margin-top: 30px;
  margin-bottom: 30px; }
  .shop-info .action .btn-edit,
  .shop-info .action .btn-save,
  .shop-info .action .btn-return,
  .edit-store .action .btn-edit,
  .edit-store .action .btn-save,
  .edit-store .action .btn-return {
    width: 144px;
    height: 50px; }
  .shop-info .action .btn-return,
  .edit-store .action .btn-return {
    margin-left: 20px; }

.shop-info .section .section-title {
  margin-bottom: 20px;
  font-size: 16px; }
  .shop-info .section .section-title::before {
    content: "";
    width: 5px;
    height: 15px;
    margin-right: 10px;
    display: inline-block;
    background-color: #000;
    vertical-align: middle; }

.shop-info .section .row {
  padding-top: 10px;
  padding-bottom: 10px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .shop-info .section .row .field {
    width: 250px; }
    .shop-info .section .row .field .key {
      padding-bottom: 15px;
      color: #777; }
    .shop-info .section .row .field .value {
      height: 20px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-import .nav-search {
  padding-top: 40px; }
  .page-import .nav-search > * {
    margin-bottom: 30px; }
  .page-import .nav-search .ant-input-search {
    margin-left: 30px;
    width: 300px; }
    .page-import .nav-search .ant-input-search:first-child {
      margin-left: 0; }
    .page-import .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

.page-import .nav-command button {
  margin-left: 30px; }
  .page-import .nav-command button:first-of-type {
    margin-left: 0; }

.page-importOrder .info, .fba-improt-order .info {
  color: #faad14;
  font-size: 12px;
  line-height: 17px; }

.page-importOrder .ant-upload, .fba-improt-order .ant-upload {
  width: 100%;
  height: 180px;
  background-color: #ffffff;
  border: 1px dashed #d9d9d9;
  border-radius: 4px; }
  .page-importOrder .ant-upload > .ant-upload, .fba-improt-order .ant-upload > .ant-upload {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .page-importOrder .ant-upload > .ant-upload .icon-border, .fba-improt-order .ant-upload > .ant-upload .icon-border {
      margin-right: 10px;
      padding: 15px;
      border-radius: 100%;
      background-color: #fafafa; }
    .page-importOrder .ant-upload > .ant-upload .anticon-cloud-upload,
    .page-importOrder .ant-upload > .ant-upload .anticon-file,
    .page-importOrder .ant-upload > .ant-upload .file-name, .fba-improt-order .ant-upload > .ant-upload .anticon-cloud-upload,
    .fba-improt-order .ant-upload > .ant-upload .anticon-file,
    .fba-improt-order .ant-upload > .ant-upload .file-name {
      color: #e60122; }
    .page-importOrder .ant-upload > .ant-upload .icon-ds-trash, .fba-improt-order .ant-upload > .ant-upload .icon-ds-trash {
      position: absolute;
      top: 10px;
      right: 10px; }

.page-importOrder .ant-btn, .fba-improt-order .ant-btn {
  width: 144px; }

.page-importSuccess .title1 {
  font-weight: 300;
  font-size: 48px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 28px; }

.page-importSuccess .title2 {
  font-weight: 200;
  font-size: 16px;
  color: #262626;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 40px; }

.page-importSuccess .title3 {
  text-align: center; }
  .page-importSuccess .title3 .button {
    background: #23d05f;
    border-radius: 4px;
    width: 500px;
    height: 42px;
    margin-bottom: 15px; }

.page-importSuccess .title4 {
  font-weight: 300;
  font-size: 12px;
  color: #777777;
  letter-spacing: 0;
  text-align: center; }

.page-importResult .label {
  font-weight: 300;
  font-size: 14px;
  color: #262626;
  text-align: left;
  display: inline-block; }

.page-importResult .value {
  font-weight: 300;
  font-size: 14px;
  color: #262626;
  text-align: left;
  margin-right: 29px;
  display: inline-block;
  margin-bottom: 30px; }

.page-importResult .importResultTable {
  margin-bottom: 30px; }

.page-importResult .gotoOrderDetail {
  font-weight: 200;
  font-size: 14px;
  color: #1d75e5;
  letter-spacing: 0;
  text-align: left; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.asset-list-action {
  margin-top: 60px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center; }
  .asset-list-action .input-asset-name {
    width: 380px; }
  .asset-list-action .btn-add-asset {
    margin-left: 30px; }

.lnk-add-asset-category {
  width: 150px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 18px; }
  .lnk-add-asset-category .icon-add-category {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    background-color: #e60122; }

.asset-category-list-action {
  margin-top: 20px;
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  align-items: center; }

.recommend-position-list {
  width: 350px; }

.add-edit-asset .title, .add-edit-asset-category .title {
  margin-bottom: 12px; }
  .add-edit-asset .title.is-must::after, .add-edit-asset-category .title.is-must::after {
    content: "*";
    color: red; }

.add-edit-asset .content, .add-edit-asset-category .content {
  width: 785px; }

.add-edit-asset .row, .add-edit-asset-category .row {
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.add-edit-asset .action .btn-save,
.add-edit-asset .action .btn-return, .add-edit-asset-category .action .btn-save,
.add-edit-asset-category .action .btn-return {
  width: 144px;
  height: 50px; }

.add-edit-asset .action .btn-return, .add-edit-asset-category .action .btn-return {
  margin-left: 20px; }

.add-edit-asset-category .asset-category-name {
  width: 100%; }

.add-edit-asset .ant-upload.ant-upload-select-picture-card {
  background-color: #fff; }

.add-edit-asset .asset-name,
.add-edit-asset .asset-xti-file,
.add-edit-asset .xti-file-width,
.add-edit-asset .xti-file-height,
.add-edit-asset .xti-file-width .ant-input-number,
.add-edit-asset .xti-file-height .ant-input-number,
.add-edit-asset .asset-img-file {
  width: 100%; }

.add-edit-asset .asset-categories,
.add-edit-asset .package-name-list,
.add-edit-asset .xti-file-height {
  margin-left: 30px; }

.add-edit-asset .tech-list,
.add-edit-asset .category-list,
.add-edit-asset .asset-has-package,
.add-edit-asset .package-name-list {
  width: 378px; }

.add-edit-asset .icon-upload-border {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fafafa;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .add-edit-asset .icon-upload-border .icon-upload {
    font-size: 24px;
    color: #e60122; }

.add-edit-asset .icon-delete-wrapper {
  position: absolute;
  top: 10px;
  right: 10px; }

.add-edit-asset .text-highlight {
  color: #e60122; }

.add-edit-asset .asset-xti-file .row,
.add-edit-asset .asset-img-file .row {
  margin-bottom: 0;
  -webkit-justify-content: center;
  justify-content: center;
  color: #bfbfbf; }
  .add-edit-asset .asset-xti-file .row .icon-file,
  .add-edit-asset .asset-xti-file .row .file-name,
  .add-edit-asset .asset-img-file .row .icon-file,
  .add-edit-asset .asset-img-file .row .file-name {
    color: #e60122; }
  .add-edit-asset .asset-xti-file .row .icon-file,
  .add-edit-asset .asset-img-file .row .icon-file {
    font-size: 24px;
    margin-right: 13px; }

.add-edit-asset .asset-img-file .ant-upload-select-picture-card {
  height: 226px; }

.add-edit-asset .asset-img-file img {
  max-width: 100%;
  max-height: 200px; }

.add-edit-asset .upload-wrapper .ant-upload {
  width: 100%;
  position: relative; }

.account-tabs .ant-tabs-nav .ant-tabs-tab {
  width: 200px;
  text-align: center;
  font-size: 18px; }
  .account-tabs .ant-tabs-nav .ant-tabs-tab .iconfont {
    position: relative;
    top: -2px;
    right: 4px; }

.account-tabs .ant-tabs-ink-bar {
  left: 50px;
  right: 50px;
  width: 100px !important; }

.status-tabs-wrap {
  margin-top: 10px; }
  .status-tabs-wrap .ant-tabs-tab {
    font-size: 14px;
    font-weight: 500;
    padding: 12px 0;
    margin: 0 60px 0 0 !important; }
  .status-tabs-wrap .ant-tabs-tab-active {
    font-size: 16px; }
  .status-tabs-wrap .ant-tabs-tab:first-child {
    text-align: center;
    margin: 0 44px !important;
    font-size: 16px; }
  .status-tabs-wrap .ant-tabs-bar {
    margin: 0; }

.value-added-services-modal .ant-modal-content .ant-modal-header {
  padding: 0px; }

.value-added-services-modal .ant-modal-content .ant-modal-body {
  padding: 0px; }
  .value-added-services-modal .ant-modal-content .ant-modal-body .modal-title {
    margin-left: 30px;
    margin-top: 19px;
    display: inline-block;
    font-size: 16px;
    color: #262626; }
  .value-added-services-modal .ant-modal-content .ant-modal-body .modal-close {
    float: right;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .value-added-services-modal .ant-modal-content .ant-modal-body .modal-close:hover {
      background: #23D05F; }
  .value-added-services-modal .ant-modal-content .ant-modal-body .content {
    min-height: 290px; }
    .value-added-services-modal .ant-modal-content .ant-modal-body .content .head {
      display: flex;
      margin-top: 10px;
      margin-bottom: 20px;
      align-items: center;
      justify-content: center; }
      .value-added-services-modal .ant-modal-content .ant-modal-body .content .head .name {
        width: 60px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        border-bottom: 1px solid #bfbfbf;
        cursor: pointer; }
        .value-added-services-modal .ant-modal-content .ant-modal-body .content .head .name.selected {
          border-bottom: 2px solid #23d05f;
          color: #23d05f; }
    .value-added-services-modal .ant-modal-content .ant-modal-body .content .body {
      display: flex;
      justify-content: center; }
      .value-added-services-modal .ant-modal-content .ant-modal-body .content .body .center-div .text {
        font-size: 14px;
        text-align: left;
        opacity: 0.85;
        color: #000000;
        line-height: 24px;
        display: block;
        margin-bottom: 6px; }
      .value-added-services-modal .ant-modal-content .ant-modal-body .content .body .center-div .container {
        display: flex;
        justify-content: flex-start; }
        .value-added-services-modal .ant-modal-content .ant-modal-body .content .body .center-div .container .preview-div {
          background: #ffffff;
          border: 1px solid #e0e0e0;
          border-radius: 4px;
          width: 118px;
          height: 118px;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-top: 5px; }
          .value-added-services-modal .ant-modal-content .ant-modal-body .content .body .center-div .container .preview-div .preview {
            max-width: 118px;
            max-height: 118px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.payMode-div .payMode-icon-actived {
  display: static; }

.payMode-div .payMode-icon-unactived {
  display: none; }

.payMode-div .select-container {
  text-align: right;
  margin-right: 16px;
  width: 258px;
  margin-top: 16px;
  height: 25px;
  line-height: 25px; }

.payMode-div .alipay-icon .wechat-icon {
  font-size: 120px;
  color: #009fe9;
  width: 258px;
  height: 140px; }

.payMode-div .unselect-circle {
  width: 18px;
  border-radius: 50%;
  height: 18px;
  border: 1px solid #e0e0e0;
  position: relative;
  left: 220px;
  line-height: 25px; }

.payMode-div .payMode-card-div {
  margin-top: 20px;
  display: flex;
  justify-content: center; }
  .payMode-div .payMode-card-div .payMode-recharge-button {
    margin-right: 16px;
    margin-top: -6px; }
    .payMode-div .payMode-card-div .payMode-recharge-button .rechangeButton {
      width: 54px;
      height: 26px;
      text-align: center; }
  .payMode-div .payMode-card-div .payMode-card-actived {
    border: 2px solid #23d05f; }
  .payMode-div .payMode-card-div .payMode-card-unactived {
    border: 1px solid #e0e0e0; }
  .payMode-div .payMode-card-div .notEnough-border {
    border: 2px solid #e62154; }
  .payMode-div .payMode-card-div .notEnough-checked {
    background: #e62154 !important; }
  .payMode-div .payMode-card-div .payMode-card-balance {
    border-radius: 4px;
    width: 260px;
    height: 160px;
    margin-right: 40px;
    text-align: center;
    position: relative; }
    .payMode-div .payMode-card-div .payMode-card-balance .payMode-card-funds {
      height: 20px;
      font-size: 20px;
      text-align: left;
      font-weight: 400; }
    .payMode-div .payMode-card-div .payMode-card-balance .notEnough-color {
      color: #e62154; }
    .payMode-div .payMode-card-div .payMode-card-balance .notactived-color {
      color: #262626; }
    .payMode-div .payMode-card-div .payMode-card-balance .enough-label {
      display: none; }
    .payMode-div .payMode-card-div .payMode-card-balance .notEnough-label {
      font-weight: 200;
      font-size: 14px;
      color: #e62154;
      text-align: left;
      margin-top: 10px;
      position: absolute;
      bottom: -30px;
      left: -10px;
      width: 300px; }
    .payMode-div .payMode-card-div .payMode-card-balance .payMode-card-funds-label {
      height: 20px;
      text-align: left;
      font-weight: 300; }
    .payMode-div .payMode-card-div .payMode-card-balance .payMode-icon-div {
      margin-left: 200px;
      height: 2px; }
    .payMode-div .payMode-card-div .payMode-card-balance .card-icon {
      width: 140px;
      height: 140px;
      font-size: 140px;
      margin-left: 30px;
      margin-right: 16px;
      line-height: 160px; }
    .payMode-div .payMode-card-div .payMode-card-balance .card-subDiv-text {
      display: block;
      margin-top: -180px;
      margin-left: 104px; }
    .payMode-div .payMode-card-div .payMode-card-balance .card-subDiv-value {
      display: block;
      font-size: 20px;
      margin-top: -132px;
      margin-left: 104px; }
    .payMode-div .payMode-card-div .payMode-card-balance .payMode-icon {
      width: 20px;
      height: 20px;
      background-color: #23d05f;
      color: #fff;
      border-radius: 50%;
      border: 1px solid #e0e0e0;
      margin-top: 16px;
      margin-right: 16px; }
    .payMode-div .payMode-card-div .payMode-card-balance.disabled {
      filter: grayscale(100%); }

.filter-tag-wrap {
  max-height: 160px;
  overflow: hidden;
  overflow-y: auto;
  margin-bottom: 20px;
  -ms-overflow-style: none; }
  .filter-tag-wrap:hover::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #777777; }
  .filter-tag-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5; }
  .filter-tag-wrap::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #F5F5F5; }
  .filter-tag-wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e0e0e0; }
  .filter-tag-wrap .filter-tag-item {
    padding: 5px 10px;
    font-size: 14px;
    border: 1px solid #262626;
    color: #262626;
    border-radius: 2px;
    margin-bottom: 16px;
    background: #fff; }
    .filter-tag-wrap .filter-tag-item .anticon-close {
      font-size: 14px !important; }
    .filter-tag-wrap .filter-tag-item:hover {
      background: #fafafa; }
      .filter-tag-wrap .filter-tag-item:hover .anticon-close {
        color: red !important; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.wechat-pay .payImg {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }
  .wechat-pay .payImg .img {
    width: 180px;
    height: 180px;
    margin-right: 50px; }
  .wechat-pay .payImg .prompt {
    margin-top: 10px;
    font-weight: 300;
    font-size: 14px;
    color: #262626;
    text-align: left; }

.wechat-pay .divider {
  height: 200px;
  margin: 0; }

.wechat-pay .payValue {
  margin-left: 14px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap; }
  .wechat-pay .payValue .img {
    width: 180px;
    height: 180px; }
  .wechat-pay .payValue .payValue-title1 {
    font-size: 14px;
    color: #262626;
    margin-bottom: 20px;
    height: 20px;
    width: 228px; }
  .wechat-pay .payValue .payValue-title2 {
    margin-bottom: 10px;
    height: 20px; }
  .wechat-pay .payValue .payValue-title3 {
    margin-bottom: 30px;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px; }
  .wechat-pay .payValue .button {
    width: 153px;
    height: 41px;
    text-align: center;
    color: #49de78;
    border: 1px solid #49de78; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: #262626;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #FAAD14;
}
.ant-typography.ant-typography-danger {
  color: #E62154;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: #262626;
  font-weight: 600;
  font-size: 38px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: #262626;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: #262626;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #e60122;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #f2273f;
}
.ant-typography a:active {
  color: #bf0023;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #e60122;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #f2273f;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #bf0023;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #23D05F;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.refund div.ant-typography {
  margin-bottom: 0; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: #262626;
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: #262626;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

.separator {
  background: #262626;
  width: 4px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

.separator-label {
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  vertical-align: middle; }

.sb-icon {
  border-radius: 50%;
  border: 1px solid #faad14;
  color: #faad14;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  display: inline-block;
  margin-right: 7px;
  font-size: 12px; }

.line {
  border: 1px solid #ebebeb;
  width: 100%;
  height: 1px;
  margin-bottom: 31px;
  margin-top: 31px; }

.orderMessage-div {
  margin-top: 20px;
  display: flex; }
  .orderMessage-div .orderMessage-label {
    height: 20px;
    margin-right: 20px;
    width: 90px;
    display: inline-block; }
  .orderMessage-div .orderMessage-value {
    display: inline-block;
    width: 80%; }
  .orderMessage-div .orderMessage-status {
    margin-top: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    width: 80px;
    height: 31px;
    border-radius: 15px;
    color: #fff; }
  .orderMessage-div .orderMessage-button {
    width: 105px;
    height: 41px;
    margin-right: 20px; }

.fix-style {
  margin-top: 30px !important; }

.businessCenter-settle-div {
  text-align: right;
  margin-top: 29px;
  margin-bottom: 30px;
  color: #262626; }
  .businessCenter-settle-div .settle-title-container {
    display: inline-block;
    margin-right: 100px; }
    .businessCenter-settle-div .settle-title-container .settle-title {
      padding: 10px;
      line-height: 30px;
      font-size: 14px; }
  .businessCenter-settle-div .settle-value-container {
    display: inline-block; }
    .businessCenter-settle-div .settle-value-container .settle-value {
      padding: 10px;
      font-size: 16px;
      line-height: 30px; }
      .businessCenter-settle-div .settle-value-container .settle-value::before {
        content: '\FFE5'; }
    .businessCenter-settle-div .settle-value-container .coupon-value {
      padding: 10px;
      font-size: 16px;
      line-height: 30px; }
      .businessCenter-settle-div .settle-value-container .coupon-value::before {
        content: '-\FFE5'; }
    .businessCenter-settle-div .settle-value-container .finalAmount {
      font-size: 30px;
      font-weight: bold; }
  .businessCenter-settle-div .total-order-text {
    font-weight: bold;
    width: 110px;
    display: inline-block;
    margin-right: 60px;
    text-align: right; }
  .businessCenter-settle-div .total-order-value {
    font-weight: bold;
    font-size: 30px;
    text-align: right; }

@charset "UTF-8";
.logistics-wrap {
  padding: 20px 0 30px 0; }
  .logistics-wrap .head-content {
    display: flex;
    justify-content: space-between; }
    .logistics-wrap .head-content .content-left {
      color: #000000; }
    .logistics-wrap .head-content .content-right {
      color: #1d75e5;
      cursor: pointer; }
  .logistics-wrap .active-panel .ant-collapse-header {
    background: #fafafa; }
  .logistics-wrap .content-info {
    margin-top: 20px; }
    .logistics-wrap .content-info .ant-collapse-header {
      display: flex;
      justify-content: space-between; }
    .logistics-wrap .content-info .desc a {
      color: #1d75e5; }
    .logistics-wrap .content-info .desc p {
      margin: 0;
      padding: 0; }
    .logistics-wrap .content-info .content-info-head {
      display: inline-block; }
      .logistics-wrap .content-info .content-info-head span {
        display: inline-block;
        line-height: 24px; }
      .logistics-wrap .content-info .content-info-head .name {
        margin-left: 8px; }
      .logistics-wrap .content-info .content-info-head .price-content {
        margin-left: 36px; }
      .logistics-wrap .content-info .content-info-head .comment {
        margin-left: 24px; }
      .logistics-wrap .content-info .content-info-head .rt {
        margin-left: 24px; }
      .logistics-wrap .content-info .content-info-head .icon-block {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        background: #fafafa;
        margin: 0; }

.logistics-table-container {
  display: flex;
  flex-direction: column;
  /* 设置滚动条的样式 */
  /* 滚动槽 */
  /* 滚动条滑块 */ }
  .logistics-table-container .content-head {
    display: flex;
    height: 50px;
    align-content: center;
    background: #fafafa;
    font-weight: 500; }
    .logistics-table-container .content-head .name {
      width: 360px;
      line-height: 50px;
      padding-left: 78px; }
    .logistics-table-container .content-head .label {
      width: 360px;
      line-height: 40px;
      padding-left: 10px; }
    .logistics-table-container .content-head .price-head {
      width: 250px;
      line-height: 50px; }
    .logistics-table-container .content-head .rate {
      width: 200px;
      line-height: 50px; }
    .logistics-table-container .content-head .time {
      width: 200px;
      line-height: 50px; }
  .logistics-table-container .logistics-list {
    border-left: none;
    border-right: none;
    background: #fff; }
    .logistics-table-container .logistics-list.isScroll {
      max-height: 492px;
      min-height: 350px;
      overflow-y: auto; }
    .logistics-table-container .logistics-list .desc a {
      color: #1d75e5; }
    .logistics-table-container .logistics-list .desc p {
      margin: 0;
      padding: 0; }
    .logistics-table-container .logistics-list .ant-collapse-item {
      border: none; }
    .logistics-table-container .logistics-list .ant-collapse-content {
      border-top: none;
      border-bottom: 1px solid #ebebeb; }
    .logistics-table-container .logistics-list .ant-collapse-header {
      padding: 0; }
    .logistics-table-container .logistics-list .logistics-item {
      display: flex;
      height: 40px;
      align-content: center;
      background: #fff;
      font-weight: 500;
      border-bottom: 1px solid #ebebeb; }
      .logistics-table-container .logistics-list .logistics-item .name {
        width: 360px;
        line-height: 40px;
        padding-left: 20px; }
      .logistics-table-container .logistics-list .logistics-item .fee {
        width: 360px;
        line-height: normal;
        text-align: center;
        padding-left: 20px; }
      .logistics-table-container .logistics-list .logistics-item .price-col {
        width: 250px;
        line-height: 40px; }
      .logistics-table-container .logistics-list .logistics-item .rate {
        width: 200px;
        line-height: 40px; }
      .logistics-table-container .logistics-list .logistics-item .time {
        width: 200px;
        line-height: 40px; }
  .logistics-table-container ::-webkit-scrollbar {
    width: px; }
  .logistics-table-container ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  .logistics-table-container ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }

.logistics-modal-wrap .modal-footer-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.dr-tip span:first-child {
  text-align: right;
  float: left;
  width: 60px; }

.dr-tip span:last-child {
  text-align: right;
  float: right; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.payment .first-title {
  font-weight: 300;
  font-size: 16px;
  color: #262626;
  line-height: 24px;
  text-align: left;
  margin-bottom: 19px; }

.payment .second-title {
  font-weight: 300;
  font-size: 16px;
  color: #262626;
  line-height: 20px;
  text-align: left;
  margin-bottom: 10px; }

.payment .second-title-label {
  width: 80px; }

.payment .second-title-value {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-right: 32px; }

.payment .third-title {
  font-weight: 200;
  font-size: 12px;
  color: #777777;
  text-align: left;
  margin-bottom: 29px; }

.payment .fourth-title-label {
  display: inline-block;
  font-weight: 300;
  font-size: 14px;
  color: #262626;
  line-height: 22px;
  text-align: left;
  margin-right: 9px;
  vertical-align: middle; }

.payment .fourth-title-value {
  display: inline-block;
  font-weight: 300;
  font-size: 30px;
  color: #262626;
  line-height: 22px;
  text-align: left;
  vertical-align: middle; }

.payment .button-div {
  margin-top: 30px;
  margin-bottom: 30px; }
  .payment .button-div .button {
    width: 144px;
    height: 50px; }

.payment .enoughDiv {
  display: none; }

.payment .notEnoughDiv {
  font-weight: 200;
  font-size: 14px;
  text-align: left;
  margin-top: 6px; }

.order-tag-wrap {
  margin-left: 12px;
  cursor: pointer; }

.order-card-wrap {
  text-align: initial;
  width: 250px;
  z-index: 100; }
  .order-card-wrap .footer-wrap {
    position: absolute;
    height: 40px;
    left: 0;
    bottom: 0px;
    right: 0;
    border-top: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .order-card-wrap .footer-wrap .link {
      font-size: 12px; }
    .order-card-wrap .footer-wrap .btn {
      width: 44px;
      height: 24px;
      font-size: 12px;
      margin-left: 8px;
      line-height: 22px; }
      .order-card-wrap .footer-wrap .btn:nth-child(3) {
        margin-right: 16px; }
  .order-card-wrap .card-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .order-card-wrap .card-wrap .title {
      font-size: 14px;
      font-weight: 500; }
    .order-card-wrap .card-wrap .desc {
      font-size: 12px;
      cursor: pointer; }
  .order-card-wrap .ant-popover-title {
    height: 48px;
    line-height: 40px; }
  .order-card-wrap .ant-checkbox-wrapper {
    display: flex;
    align-items: center;
    margin: 0;
    margin-bottom: 4px; }
  .order-card-wrap .input-item {
    display: flex;
    margin: 0 0 4px 0; }
    .order-card-wrap .input-item .ant-input {
      width: 180px !important;
      height: 24px !important;
      margin-left: 4px; }
  .order-card-wrap .ant-popover-inner {
    text-align: left;
    height: 318px; }
    .order-card-wrap .ant-popover-inner .tip {
      display: flex;
      align-items: center;
      margin-top: 10px; }
      .order-card-wrap .ant-popover-inner .tip .text {
        font-size: 12px;
        color: #faad14;
        text-align: left;
        margin-left: 5px !important; }
  .order-card-wrap .ant-popover-inner-content {
    padding: 20px 16px 5px 16px; }
  .order-card-wrap .ant-spin-nested-loading {
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    bottom: 0; }
    .order-card-wrap .ant-spin-nested-loading .ant-spin-container {
      position: absolute;
      top: 0px;
      left: 0;
      right: 0;
      bottom: 0; }
    .order-card-wrap .ant-spin-nested-loading .body-wrap {
      margin-left: 16px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 14px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #262626;
  font-size: 14px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: #262626;
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 14px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 1px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 22px;
  margin-top: 2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 32px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 21px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 32px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 32px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 32px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 40px;
  height: 20px;
  margin-top: -10px;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #23D05F;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #FAAD14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #FAAD14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #FAAD14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #FAAD14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #FAAD14;
}
.has-warning .ant-input-prefix {
  color: #FAAD14;
}
.has-warning .ant-input-group-addon {
  color: #FAAD14;
  background-color: #fff;
  border-color: #FAAD14;
}
.has-warning .has-feedback {
  color: #FAAD14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #FAAD14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #FAAD14;
}
.has-warning .ant-select-selection:hover {
  border-color: #FAAD14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #FAAD14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #FAAD14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #FAAD14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #FAAD14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #E62154;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #E62154;
}
.has-error .ant-input:focus {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #E62154;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #E62154;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #E62154;
}
.has-error .ant-input-prefix {
  color: #E62154;
}
.has-error .ant-input-group-addon {
  color: #E62154;
  background-color: #fff;
  border-color: #E62154;
}
.has-error .has-feedback {
  color: #E62154;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #E62154;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #E62154;
}
.has-error .ant-select-selection:hover {
  border-color: #E62154;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #E62154;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #E62154;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #E62154;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #E62154;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #E62154;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #f24970;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 33, 84, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #E62154;
}
.has-error .ant-transfer-list {
  border-color: #E62154;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #f2273f;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #f2273f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 1, 34, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #e60122;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 1px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-profile {
  min-width: 1240px; }
  .page-profile .content-container .contents {
    display: flex;
    height: 505px; }
    .page-profile .content-container .contents > * {
      margin-top: 20px; }
  .page-profile .basic-info {
    padding: 30px; }
    .page-profile .basic-info > div {
      width: 540px; }
    .page-profile .basic-info .title {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 30px; }
    .page-profile .basic-info .userinfo {
      font-size: 14px; }
      .page-profile .basic-info .userinfo .label {
        display: inline-block;
        width: 100px;
        line-height: 20px;
        margin-bottom: 10px;
        margin-right: 20px; }
      .page-profile .basic-info .userinfo .value {
        display: inline-block; }
    .page-profile .basic-info .userinfo-img {
      display: flex;
      margin-bottom: 30px; }
      .page-profile .basic-info .userinfo-img .img-border {
        width: 240px;
        margin-right: 38px;
        height: 180px;
        border: 1px solid #E0E0E0;
        padding: 10px;
        border-radius: 4px; }
        .page-profile .basic-info .userinfo-img .img-border .fixed-image-container {
          width: 220px;
          height: 160px;
          cursor: zoom-in; }
  .page-profile .change-password {
    margin-left: 30px;
    padding: 30px;
    width: 100vw; }
    .page-profile .change-password .title {
      font-weight: 400;
      font-size: 18px;
      margin-bottom: 30px; }
    .page-profile .change-password .input1 {
      width: 500px; }
    .page-profile .change-password .marginTop {
      margin-top: 30px; }
    .page-profile .change-password .input2 {
      width: 360px;
      margin-bottom: 30px;
      margin-right: 20px; }
    .page-profile .change-password .button {
      width: 120px;
      height: 42px;
      font-size: 14px;
      text-align: center; }

.dpg-select-mul .mulSelect-display {
  display: flex;
  border: 1px solid #e0e0e0;
  padding: 11px 14px;
  border-radius: 4px;
  height: 40px;
  justify-content: space-between;
  align-items: center; }
  .dpg-select-mul .mulSelect-display:hover, .dpg-select-mul .mulSelect-display:active {
    border: 1px solid #23d05f; }

.dpg-select-mul .mulSelect-dd {
  width: 100%; }

.dpg-select-mul .mulSelect-item {
  pointer-events: none;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis; }

.dpg-select-mul .ant-dropdown {
  width: 100%;
  max-height: 350px;
  overflow-y: auto; }

.dpg-select-mul .ant-checkbox-checked .ant-checkbox-inner {
  background-color: #23d05f !important;
  border-color: #23d05f !important; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.boxshadow {
  width: 100%;
  box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); }

.resetPassword-container-div {
  margin-top: 0; }
  .resetPassword-container-div .resetPassword-type-div .ant-form-item-label > label::after {
    content: ''; }
  .resetPassword-container-div .resetPassword-type-div .ant-form-item-label {
    text-align: left; }
  .resetPassword-container-div .logo-container {
    font-weight: 400;
    margin: 0 auto;
    max-width: 1392px;
    margin-top: 50px;
    height: 90px;
    background: #ffffff; }
    .resetPassword-container-div .logo-container .retrunlink {
      top: 55px; }
    .resetPassword-container-div .logo-container .title-container {
      height: 90px; }
    .resetPassword-container-div .logo-container .resetPassword-title {
      font-weight: 400;
      font-size: 36px;
      color: #262626; }
    .resetPassword-container-div .logo-container .logodiv {
      margin: 22px 0;
      height: 48px;
      line-height: 48px; }
    .resetPassword-container-div .logo-container .logo {
      width: 100px;
      height: 34px;
      vertical-align: sub;
      margin-right: 30px; }
    .resetPassword-container-div .logo-container .button-container {
      width: 100%;
      text-align: right; }
      .resetPassword-container-div .logo-container .button-container .register-title-return {
        height: 105px; }
    .resetPassword-container-div .logo-container .divider {
      background: #ffffff;
      box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1);
      width: 100%;
      height: 90px; }
  .resetPassword-container-div .img-div .register-img {
    margin-top: 210px;
    margin-right: 40px;
    width: 640px;
    height: 409px; }
  .resetPassword-container-div .resetPassword-div {
    margin-top: 150px; }
  .resetPassword-container-div .resetPassword-imgContainer-div {
    display: inline-block;
    background: #ffffff;
    border: 2px solid #23d05f;
    border-radius: 4px;
    width: 80px;
    height: 70px;
    margin-right: 20px; }
    .resetPassword-container-div .resetPassword-imgContainer-div .boxshadow {
      width: 100%;
      box-shadow: 0 5px 10px -6px rgba(0, 0, 0, 0.1); }
    .resetPassword-container-div .resetPassword-imgContainer-div .active {
      text-align: right;
      margin: 2px 2px 2px auto;
      line-height: 12px;
      width: 16px;
      height: 16px;
      border: 1px solid #e0e0e0;
      border-radius: 50%;
      font-size: 10px;
      color: #fff;
      background: #e60122; }
    .resetPassword-container-div .resetPassword-imgContainer-div .unactive {
      text-align: right;
      margin: 2px 2px 2px auto;
      width: 16px;
      height: 16px;
      border: 1px solid #e0e0e0;
      border-radius: 50%;
      font-size: 10px;
      color: #fff; }
    .resetPassword-container-div .resetPassword-imgContainer-div .icon-div {
      text-align: center;
      line-height: 10px;
      margin-top: -6px; }
      .resetPassword-container-div .resetPassword-imgContainer-div .icon-div .resetPassword-icon {
        height: 26px;
        width: 30px; }
    .resetPassword-container-div .resetPassword-imgContainer-div .label-div {
      text-align: center;
      line-height: 21px;
      margin-bottom: 9px; }
  .resetPassword-container-div .ant-select-selection {
    height: 42px !important; }
  .resetPassword-container-div .ant-select-selection:hover {
    height: 42px !important;
    border: 1px solid #23d05f !important; }
  .resetPassword-container-div .ant-select-selection-selected-value {
    line-height: 42px !important; }
  .resetPassword-container-div .resetPassword-next-button {
    height: 42px; }

/*Add by DONNy 2019.12.2*/
.resetPassword-main-container {
  max-width: 1392px;
  background-image: url("/static/img/ds-signup-illustration.svg");
  background-repeat: no-repeat;
  background-size: 45%;
  background-position: left;
  display: flex;
  margin: 0 auto;
  justify-content: flex-end;
  padding-bottom: 300px; }
  .resetPassword-main-container .resetPassword-steps {
    margin-top: 10px;
    background: rgba(255, 255, 255, 0.8);
    width: 50%;
    border-radius: 20px; }

.resetPassword-verification-input .ant-input-group-addon,
.resetPassword-verification-input .resetPassword-div .resetPassword-type-div .has-error .ant-input-group-addon {
  border: 0 !important;
  background: none !important;
  padding: 0 0 0 20px; }

.resetPassword-verification-input .ant-input-group > .ant-input:first-child,
.resetPassword-verification-input .ant-input-group-addon:first-child {
  border-radius: 4px; }

.resetPassword-success-title {
  margin-top: 60px;
  margin-bottom: 20px; }
  .resetPassword-success-title label:first-child {
    font-size: 48px; }
  .resetPassword-success-title label:last-child {
    font-size: 24px; }

@media (max-width: 1391.98px) {
  .logodiv {
    padding: 0 20px; } }

@media (max-width: 991.98px) {
  .register-success-title label:last-child {
    display: block; }
  .resetPassword-main-container .resetPassword-steps {
    width: 100%; }
    .resetPassword-main-container .resetPassword-steps .resetPassword-div {
      padding: 20px; }
  .logo-container .logodiv {
    overflow: hidden; }
  .logo-container .register-title {
    font-size: 30px;
    overflow: hidden;
    white-space: nowrap; }
  .register-div .register-label {
    margin-bottom: 50px; }
  .resetPassword-main-container {
    padding-bottom: 100px; } }

@media (max-width: 767.98px) {
  .resetPassword-container-div .resetPassword-div {
    margin-top: 0px; }
  .resetPassword-main-container {
    padding-bottom: 60px; } }

.ant-form.form-site-settings .ant-form-item-label {
  padding: 0;
  line-height: 40px;
  font-size: 14px; }

.ant-form.form-site-settings .description {
  padding-bottom: 10px;
  line-height: 20px;
  font-size: 12px;
  color: #FAB52B; }

.ant-form.form-site-settings .ant-input-number {
  width: 100%; }

.ant-form.form-site-settings .ant-switch {
  margin-top: 10px; }

.ant-form.form-site-settings .ant-btn.btn-save {
  padding: 0 52px;
  line-height: 50px;
  height: 50px; }

.ant-form.form-site-settings .form-item-allow-over-sell .ant-form-explain {
  padding-left: 140px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.form-wrap {
  max-width: 1392px; }

.wrap-loading {
  position: absolute; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.container {
  max-width: 1392px;
  /* login */
  /*paySuccess*/
  /*payOrder*/
  /*settleOrder*/ }
  .container .payOrderTitle-step-actived .payOrder-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e60122;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-actived .ant-steps-item-title {
    color: #e60122;
    text-align: center;
    margin-left: 26px; }
  .container .payOrderTitle-step-actived .ant-steps-item-tail {
    padding: 10px 10px; }
  .container .payOrderTitle-step-actived .ant-steps-item-tail::after {
    background-color: #e60122; }
  .container .payOrderTitle-step-actived1 .payOrder-step-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #e60122;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-title {
    color: #e60122;
    text-align: center; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-tail {
    padding: 10px 10px; }
  .container .payOrderTitle-step-actived1 .ant-steps-item-tail::after {
    background-color: #e0e0e0; }
  .container .payOrderTitle-step-unactived .payOrder-step-icon-unactived {
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    background-color: #e0e0e0;
    color: #fff;
    text-align: center;
    line-height: 45px; }
  .container .payOrderTitle-step-unactived .ant-steps-item-title {
    color: #e0e0e0;
    text-align: center;
    margin-left: 26px; }
  .container .payOrderTitle-step-unactived .ant-steps-item-tail {
    padding: 10px 24px !important; }
  .container .payOrderTitle-step-unactived .ant-steps-item-tail::after {
    background-color: #e0e0e0; }
  .container .line {
    border-bottom: 1px solid #ebebeb;
    width: 1392px;
    height: 1px;
    margin-bottom: 31px;
    margin-top: 31px; }
  .container .separator {
    background: #262626;
    width: 4px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  .container .separator-label {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    font-weight: 400; }
  .container .login-div {
    text-align: center;
    min-height: 600px; }
    .container .login-div .title1-div {
      font-size: 48px;
      position: relative;
      margin-top: 120px;
      font-weight: 300; }
    .container .login-div .title2-div {
      font-size: 16px;
      margin-top: 10px;
      margin-bottom: 49px;
      font-weight: 200; }
    .container .login-div .login-form {
      max-width: 400px;
      margin: 0px auto; }
      .container .login-div .login-form .ant-form-explain {
        float: left !important;
        font-size: 12px; }
    .container .login-div .input-style {
      border-radius: 4px;
      width: 400px; }
    .container .login-div .input-style:hover {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .input-style:focus {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .input-style:active {
      border: 2px solid #e60122;
      border-radius: 4px; }
    .container .login-div .login-form-button {
      width: 100%; }
    .container .login-div .login-form-button:hover {
      width: 100%;
      background: #e60122;
      border: 1px solid #e60122; }
    .container .login-div .login-form-register {
      margin-top: -8px;
      float: left;
      font-size: 12px;
      color: #777777;
      margin-right: 9px; }
    .container .login-div .login-form-register:focus {
      color: #e60122; }
    .container .login-div .login-form-register:hover {
      color: #e60122; }
    .container .login-div .registerColor {
      color: #e60122; }
    .container .login-div .signin-error {
      color: #e60122;
      font-size: 12px;
      line-height: 22.5px; }
  .container .paySuccess-div {
    margin-top: 40px;
    text-align: center; }
    .container .paySuccess-div .paySuccess-step {
      width: 400px;
      margin: auto;
      text-align: center; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .paySuccess-step-icon {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #e60122;
        color: #fff;
        text-align: center;
        line-height: 45px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-title {
        color: #e60122;
        text-align: center; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
        padding: 10px 10px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail::after {
        background-color: #e60122; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-tail {
        margin-left: 78px; }
      .container .paySuccess-div .paySuccess-step .paySuccess-step-actived .ant-steps-item-content {
        width: 123px;
        margin-left: 25px; }
    .container .paySuccess-div .paySuccess-title {
      margin-top: 100px;
      font-size: 48px; }
    .container .paySuccess-div .paySuccess-content {
      margin-top: 30px;
      font-size: 16px;
      font-weight: 200; }
    .container .paySuccess-div .paySuccess-button {
      margin-top: 40px;
      width: 500px;
      background-color: #e60122;
      color: #ffffff;
      height: 42px;
      border: 0; }
    .container .paySuccess-div .paySuccess-footer {
      margin-top: 16px;
      margin-bottom: 120px;
      font-size: 12px;
      color: #777777; }
  .container .payOrder-div {
    margin-top: 15px; }
    .container .payOrder-div .payOrder-title-div {
      width: 400px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 70px;
      text-align: center; }
    .container .payOrder-div .payMessage-div {
      text-align: center;
      margin-top: 16px; }
      .container .payOrder-div .payMessage-div .payMessage-code {
        font-size: 16px;
        font-weight: bold;
        line-height: 20px;
        font-weight: 300; }
      .container .payOrder-div .payMessage-div .payMessage-info {
        margin-top: 10px;
        font-size: 12px;
        color: #777777;
        font-weight: 200; }
      .container .payOrder-div .payMessage-div .payMessage-price {
        margin-top: 30px;
        margin-bottom: 40px; }
        .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-text {
          display: inline-block;
          margin-right: 10px;
          vertical-align: middle; }
        .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-value {
          font-weight: 400;
          display: inline-block;
          font-size: 30px;
          line-height: 22px;
          vertical-align: middle; }
          .container .payOrder-div .payMessage-div .payMessage-price .payMessage-price-value:before {
            content: '\A5'; }
    .container .payOrder-div .pay-submit-div {
      margin-top: 30px;
      margin-left: auto;
      margin-right: auto;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
      left: 357px; }
      .container .payOrder-div .pay-submit-div .pay-button {
        background: #e60122;
        border-radius: 4px;
        width: 144px;
        height: 50px;
        margin-bottom: 100px; }
      .container .payOrder-div .pay-submit-div .pay-button-disable {
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        background: #fafafa;
        border-radius: 4px;
        width: 144px;
        height: 50px;
        margin-bottom: 100px; }
  .container .settleOrder-div .settleOrderTitle-div {
    width: 400px;
    margin: auto;
    text-align: center; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .settleOrderTitle-step-icon-unactived {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #e0e0e0;
      color: #fff;
      text-align: center;
      line-height: 45px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .ant-steps-item-tail {
      padding: 10px 10px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-unactived .ant-steps-item-tail::after {
      background-color: #e0e0e0; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .settleOrderTitle-step-icon {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #e60122;
      color: #fff;
      text-align: center;
      line-height: 45px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-title {
      color: #e60122;
      text-align: center; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-tail {
      padding: 10px 10px; }
    .container .settleOrder-div .settleOrderTitle-div .settleOrderTitle-step-actived .ant-steps-item-tail::after {
      background-color: #e0e0e0; }
  .container .settleOrder-div .receiverAddress-div {
    margin-top: 70px; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container {
      margin-top: 20px;
      width: 333px;
      height: 120px;
      border: 1px solid #e0e0e0;
      display: inline-block;
      margin-right: 20px;
      border-radius: 4px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title-actived {
        background: #f0fff3;
        border-bottom: 1px solid #e60122;
        color: #000; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title {
        height: 39px;
        width: 330px;
        border-radius: 5px 5px 0 0;
        line-height: 39px;
        margin-left: 1px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-title .receiverAddress-card-label {
          margin-left: 10px;
          margin-right: 20px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-line-actived {
        background-color: #e60122; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-line {
        width: 311px;
        color: #000;
        background-color: #ebebeb;
        height: 2px;
        margin: 0 10px 0 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-content {
        font-weight: 200;
        padding: 7px 10px;
        height: 48px;
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-content .receiverAddress-card-label {
          padding: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer {
        margin-left: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-button-pry {
          height: 23px;
          font-size: 12px;
          margin-right: 10px;
          padding: 3px 8px;
          border: 0;
          color: #a5a1a1;
          background: #f0fff3;
          width: 60px;
          height: 24px;
          font-size: 12px;
          font-weight: 200;
          text-align: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .unactived-receiverAddress-card-button-pry {
          background: #ffffff;
          border: 1px solid #e0e0e0; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-button-edit {
          height: 17px;
          width: 24px;
          font-size: 12px;
          margin-left: 35px;
          border: 0;
          font-size: 12px;
          font-weight: 200;
          color: #777777;
          padding: 0px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .actived {
          display: inline-block; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .unactived {
          display: none !important; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-icon {
          width: 16px;
          height: 16px;
          background-color: #e60122;
          color: #fff;
          border-radius: 50%;
          margin-right: 11px;
          text-align: center;
          line-height: 16px;
          display: flex;
          justify-content: center;
          align-items: center; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-card-footer .receiverAddress-card-radio {
          margin-left: 20px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        font-size: 30px;
        margin-left: 68px;
        border-radius: 50%;
        background: #fafafa;
        text-align: center;
        line-height: 55px;
        color: #e60122;
        margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container .receiverAddress-label-div {
        display: inline-block;
        color: #bfbfbf;
        font-weight: 400; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-card-container-adtived {
      border: 1px solid #e60122; }
    .container .settleOrder-div .receiverAddress-div .add-card-container {
      line-height: 140px; }
    .container .settleOrder-div .receiverAddress-div .address-container {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      margin-right: -20px; }
    .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address {
      margin-top: 20px;
      color: #a5a1a1;
      font-size: 14px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-icon {
        margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button {
        margin-right: 30px;
        color: #a5a1a1;
        cursor: pointer; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button:hover {
          color: #e60122; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button .receiverAddress-manage-address-icon {
          margin-right: 10px; }
      .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all {
        float: right;
        color: #a5a1a1;
        margin-right: 0px; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all:hover {
          color: #e60122;
          cursor: pointer; }
        .container .settleOrder-div .receiverAddress-div .receiverAddress-manage-address .receiverAddress-manage-address-button-all .receiverAddress-manage-address-icon {
          margin-right: 10px; }
  .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div {
    margin-top: 20px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .logisticsInfo-table .ant-radio-inner {
      width: 18px;
      height: 18px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .logisticsInfo-table .ant-radio-inner::after {
      top: 4px;
      left: 4px; }
    .container .settleOrder-div .logisticsInfo-div .logisticsInfo-table_div .ant-table-tbody > tr > td {
      border-bottom: 0 !important;
      padding: 10px 10px; }
  .container .settleOrder-div .receiverAddress-separator {
    background: #262626;
    width: 4px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle; }
  .container .settleOrder-div .receiverAddress-label {
    font-size: 16px;
    color: #262626;
    line-height: 24px;
    text-align: left;
    font-weight: bold;
    vertical-align: middle;
    font-weight: 400; }
  .container .settleOrder-div .settle-div {
    display: flex;
    flex-direction: row-reverse;
    text-align: right;
    color: #262626; }
    .container .settleOrder-div .settle-div .settle-title {
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
    .container .settleOrder-div .settle-div .actualAmount-title {
      font-weight: 400;
      font-size: 14px;
      color: #262626;
      text-align: right;
      line-height: 22px;
      padding: 15px 0; }
    .container .settleOrder-div .settle-div .settle-value {
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
      .container .settleOrder-div .settle-div .settle-value:before {
        content: '\FFE5'; }
    .container .settleOrder-div .settle-div .actualAmount-value {
      font-weight: 600;
      font-size: 30px;
      color: #262626;
      line-height: 22px;
      text-align: left;
      padding: 15px 0; }
    .container .settleOrder-div .settle-div .coupon-value {
      line-height: 22px;
      font-size: 14px;
      line-height: 22px;
      padding: 5px 0; }
      .container .settleOrder-div .settle-div .coupon-value:before {
        content: '-\FFE5'; }
    .container .settleOrder-div .settle-div .amount {
      line-height: 22px;
      font-size: 30px;
      font-weight: 400; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-input {
    margin-top: 31px;
    width: 360px;
    margin-right: 20px; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-button {
    width: 120px;
    height: 42px; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-span-true {
    display: block;
    color: #e60122; }
  .container .settleOrder-div .discountCoupon-div .discountCoupon-span-false {
    display: block;
    color: red; }
  .container .settleOrder-div .settle-submit-div {
    text-align: right; }
    .container .settleOrder-div .settle-submit-div .settleOrder-button {
      width: 144px;
      height: 50px;
      font-size: 16px;
      margin-bottom: 80px; }

.compute-wrap {
  width: 640px;
  padding: 30px 16px !important; }
  .compute-wrap .ant-form-item {
    margin-bottom: 10px; }
  .compute-wrap .compute-table-wrap {
    display: flex;
    flex-direction: column; }
    .compute-wrap .compute-table-wrap .compute-table-head {
      display: flex;
      align-items: center;
      height: 56px;
      background: rgba(0, 0, 0, 0.02); }
      .compute-wrap .compute-table-wrap .compute-table-head > div {
        flex: 1;
        padding-left: 20px;
        color: #262626;
        font-weight: 500; }
    .compute-wrap .compute-table-wrap .compute-table-body {
      display: flex;
      align-items: center;
      height: 56px;
      border-top: 1px solid rgba(0, 0, 0, 0.06);
      border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
      .compute-wrap .compute-table-wrap .compute-table-body > div {
        flex: 1;
        padding-left: 20px;
        color: #262626; }

.compute-title {
  float: left;
  padding: 10px 0; }

.upload-tag-desc-wrap p {
  padding: 0;
  margin-bottom: 5px; }

.upload-tag-desc-wrap .head {
  display: inline-block;
  margin: 0 0 10px 0px;
  font-size: 14px;
  color: #faad14; }
  .upload-tag-desc-wrap .head .text {
    padding: 0 5px;
    color: #faad14; }

.upload-tag-desc-wrap .title {
  font-size: 14px;
  color: #262626;
  font-weight: 500; }

.upload-tag-desc-wrap .text {
  font-size: 14px;
  color: #262626; }

@charset "UTF-8";
.address-card-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 120px;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
  cursor: pointer; }
  .address-card-wrap .icon-content {
    display: flex;
    background: #fafafa;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    margin-right: 20px; }
  .address-card-wrap .desc {
    font-size: 14px;
    color: #bfbfbf; }
  .address-card-wrap:hover {
    border: 1px dashed #e60122;
    background: #fafafa; }
    .address-card-wrap:hover .icon-content {
      background: #fff; }

.address-bar-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 36px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 20px; }
  .address-bar-wrap .lable {
    color: #262626;
    padding: 0 16px 0 10px;
    min-width: 68px; }
  .address-bar-wrap .content-left {
    display: flex;
    align-items: center;
    color: #262626;
    max-width: 70%; }
    .address-bar-wrap .content-left .address-text {
      overflow: hidden;
      white-space: nowrap; }
    .address-bar-wrap .content-left .address {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .address-bar-wrap .content-left .address .name {
        margin-left: 10px; }
  .address-bar-wrap .content-right {
    position: absolute;
    color: #262626;
    right: 80px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .address-bar-wrap.active {
    border: 1px solid #e60122; }
    .address-bar-wrap.active .lable {
      color: #e60122; }
    .address-bar-wrap.active .icon {
      color: #e60122; }

.actions {
  margin-left: 8px;
  display: flex;
  align-items: center;
  color: #1d75e5;
  cursor: pointer; }
  .actions > div {
    margin-left: 2px; }

.actions-wrap {
  margin-top: 5px;
  position: relative; }
  .actions-wrap .actions-conent {
    display: flex;
    justify-content: space-between;
    color: #777777; }
    .actions-wrap .actions-conent .content-left {
      display: flex; }
    .actions-wrap .actions-conent .action {
      display: flex;
      align-items: center;
      cursor: pointer; }
      .actions-wrap .actions-conent .action > div {
        margin-left: 5px; }
    .actions-wrap .actions-conent .content-right {
      display: flex;
      align-items: center;
      margin-right: 20px; }
      .actions-wrap .actions-conent .content-right > div {
        margin-right: 5px; }
  .actions-wrap .address-options-container {
    padding: 10px 0 20px 0; }
  .actions-wrap .address-options .ant-radio-group {
    display: block; }
  .actions-wrap .address-options .option {
    padding: 0 0 0 94px;
    height: 30px;
    display: flex;
    justify-content: space-between; }
    .actions-wrap .address-options .option .ant-radio-wrapper {
      width: 100%;
      display: flex;
      align-items: center; }
      .actions-wrap .address-options .option .ant-radio-wrapper > span:nth-child(2) {
        width: 100%;
        margin-top: 5px; }
    .actions-wrap .address-options .option .content-left {
      display: flex;
      align-items: center;
      width: 64%; }
      .actions-wrap .address-options .option .content-left .text {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .actions-wrap .address-options .option .content-right {
      position: relative;
      flex: 0 0 300px;
      display: flex;
      align-items: center;
      padding-right: 16px;
      justify-content: flex-end; }
      .actions-wrap .address-options .option .content-right .desc {
        padding-right: 20px;
        position: absolute;
        left: 60px; }
        .actions-wrap .address-options .option .content-right .desc.link {
          color: #1d75e5; }
    .actions-wrap .address-options .option .default {
      display: none; }
    .actions-wrap .address-options .option.hover:hover {
      background: #ffe6e6; }
      .actions-wrap .address-options .option.hover:hover .default {
        display: flex; }
    .actions-wrap .address-options .option.hover:focus {
      background: #ffe6e6; }
      .actions-wrap .address-options .option.hover:focus .default {
        display: flex; }
    .actions-wrap .address-options .option.disabled {
      background: #FAFAFA; }
  .actions-wrap.more {
    border: 1px solid #e0e0e0;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 100%;
    background: #fff;
    z-index: 1; }
    .actions-wrap.more .actions-conent {
      padding: 20px 0 0 0; }
    .actions-wrap.more .address-options {
      max-height: 240px;
      min-height: 35px;
      overflow: hidden;
      overflow-y: auto;
      margin-right: 6px;
      /* 设置滚动条的样式 */
      /* 滚动槽 */
      /* 滚动条滑块 */ }
      .actions-wrap.more .address-options::-webkit-scrollbar {
        width: 6px;
        margin-right: 5px; }
      .actions-wrap.more .address-options::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
        border-radius: 10px; }
      .actions-wrap.more .address-options::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }
      .actions-wrap.more .address-options::-webkit-scrollbar-track-piece {
        /*滚动条的背景颜色*/
        -webkit-border-radius: 0;
        /*滚动条的圆角宽度*/ }
      .actions-wrap.more .address-options::-webkit-scrollbar-corner {
        width: 10px; }
    .actions-wrap.more .input-wrap {
      flex: 1;
      padding: 0 38px 0 94px; }

.picker-wrap .picker-container .desc {
  padding: 20px 0; }

.picker-wrap .picker-container .picker-list {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%;
  overflow-x: auto; }
  .picker-wrap .picker-container .picker-list > div {
    display: inline-block;
    margin-left: 20px;
    min-width: 261px; }
  .picker-wrap .picker-container .picker-list > div:nth-child(1) {
    margin-left: 0; }

.picker-wrap .picker-container .create-btn {
  display: flex;
  align-items: center;
  margin-top: 10px;
  cursor: pointer;
  width: 120px; }
  .picker-wrap .picker-container .create-btn > div {
    margin-left: 5px; }

.picker-wrap .address-bar-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
  border: 1px solid #e60122;
  border-radius: 4px; }
  .picker-wrap .address-bar-wrap .lable {
    color: #e60122;
    padding: 0 16px 0 10px;
    width: 68px; }
  .picker-wrap .address-bar-wrap .content-left {
    flex: 1;
    display: flex;
    align-items: center;
    color: #262626; }
    .picker-wrap .address-bar-wrap .content-left .address-text {
      overflow: hidden;
      white-space: nowrap; }
  .picker-wrap .address-bar-wrap .content-right {
    width: 420px;
    color: #262626;
    display: flex;
    align-items: center;
    justify-content: center; }
    .picker-wrap .address-bar-wrap .content-right > span {
      margin-left: 20px; }

.picker-wrap .picker-card-wrap {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 261px;
  height: 111px;
  margin-bottom: 10px; }
  .picker-wrap .picker-card-wrap .card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 34px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0; }
  .picker-wrap .picker-card-wrap .card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 10px 16px;
    height: 100%;
    cursor: pointer; }
    .picker-wrap .picker-card-wrap .card-content .content-top {
      font-size: 12px;
      height: 32px;
      line-height: 32px; }
    .picker-wrap .picker-card-wrap .card-content .content-bottom {
      display: flex;
      align-items: center;
      font-size: 12px;
      height: 32px; }
      .picker-wrap .picker-card-wrap .card-content .content-bottom .btn {
        padding: 2px 8px;
        border: 1px solid #e0e0e0;
        text-align: center;
        border-radius: 4px; }
        .picker-wrap .picker-card-wrap .card-content .content-bottom .btn.default {
          background: #ffe6e6;
          border: none; }
      .picker-wrap .picker-card-wrap .card-content .content-bottom .action {
        color: #777777;
        padding: 10px;
        margin-left: 10px;
        z-index: 6; }
    .picker-wrap .picker-card-wrap .card-content .checked {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      right: 18px;
      top: 49px;
      width: 16px;
      height: 16px;
      border-radius: 100%;
      background: #e62154; }
  .picker-wrap .picker-card-wrap.active {
    border: 1px solid #e60122; }
    .picker-wrap .picker-card-wrap.active .card-head {
      border-bottom: 1px solid #e60122;
      background: #ffe6e6; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 40px;
  padding: 4px 11px;
  color: #262626;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #f2273f;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #f2273f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 1, 34, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 40px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 16px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #f2273f;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #f2273f;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #f2273f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 1, 34, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 16px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.cell-available {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #FFFFFF;
  text-align: center;
  cursor: default; }
  .cell-available.available {
    background-color: #e60122; }
  .cell-available.unavailable {
    background-color: #e62154; }

.page-valueadded-list .nav-search {
  padding-top: 40px; }
  .page-valueadded-list .nav-search > * {
    margin-bottom: 30px; }
  .page-valueadded-list .nav-search .ant-input-search {
    margin-left: 30px;
    width: 300px; }
    .page-valueadded-list .nav-search .ant-input-search:first-child {
      margin-left: 0; }
    .page-valueadded-list .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

.page-valueadded-list .nav-command button {
  margin-left: 30px; }
  .page-valueadded-list .nav-command button:first-of-type {
    margin-left: 0; }

@media (min-width: 1250px) {
  .page-valueadded-list {
    min-width: 1000px; } }

@media (min-width: 1890px) {
  .page-valueadded-list {
    min-width: 1600px; } }

.page-valueadded-list table .service-id {
  width: 200px; }
  @media (max-width: 1348px) {
    .page-valueadded-list table .service-id {
      width: 110px; } }

.page-valueadded-list table .operation {
  width: 140px; }
  @media (max-width: 1348px) {
    .page-valueadded-list table .operation {
      width: 40px; }
      .page-valueadded-list table .operation a {
        display: block; }
      .page-valueadded-list table .operation > .ant-divider {
        display: none; } }

.form-valueadded-edit .upload-preview-image {
  position: relative;
  display: block;
  width: 240px;
  height: 240px;
  border: dashed 1px #e0e0e0;
  border-radius: 4px;
  text-align: center; }
  .form-valueadded-edit .upload-preview-image .remove-preview {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    font-size: 12px;
    cursor: pointer; }
  .form-valueadded-edit .upload-preview-image.preview {
    border-style: solid; }
    .form-valueadded-edit .upload-preview-image.preview .remove-preview {
      display: block; }
  .form-valueadded-edit .upload-preview-image .command {
    position: absolute;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 160px;
    height: 60px;
    font-size: 14px;
    cursor: pointer; }
    .form-valueadded-edit .upload-preview-image .command > i {
      display: block;
      float: left;
      font-size: 30px;
      width: 60px;
      height: 60px;
      line-height: 66px;
      border-radius: 30px;
      color: #e60122;
      background-color: #fafafa; }
    .form-valueadded-edit .upload-preview-image .command > span {
      display: block;
      float: left;
      margin-left: 10px;
      padding: 10px 0;
      color: #bfbfbf;
      text-align: left; }
      .form-valueadded-edit .upload-preview-image .command > span .green {
        color: #e60122; }
  .form-valueadded-edit .upload-preview-image .preview {
    margin: 40px 20px; }
    .form-valueadded-edit .upload-preview-image .preview > * {
      width: 200px;
      height: 160px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.num-action .ant-btn {
  padding: 0;
  width: 40px;
  box-shadow: none;
  border-color: #e0e0e0; }
  .num-action .ant-btn[disabled] {
    background: white; }

.num-action .btn-reduce-num {
  height: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.num-action .btn-reduce-num {
  vertical-align: middle;
  left: 1px; }
  .num-action .btn-reduce-num:hover, .num-action .btn-reduce-num:active, .num-action .btn-reduce-num:focus {
    z-index: 1; }

.num-action .input-num {
  width: 60px;
  height: 40px;
  vertical-align: middle;
  border-radius: 0;
  border-color: #e0e0e0; }
  .num-action .input-num:hover, .num-action .input-num:active, .num-action .input-num:focus, .num-action .input-num.ant-input-number-focused {
    z-index: 1; }
  .num-action .input-num .ant-input-number-handler-wrap {
    display: none; }
  .num-action .input-num input {
    text-align: center; }

.num-action .btn-add-num {
  height: 40px;
  right: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.order-container {
  padding: 20px 30px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin: 20px 0 30px 0;
  /**修改提示*/
  /*物流单号链接*/ }
  .order-container .order-edit-notes {
    color: #faad14;
    padding-bottom: 30px; }
  .order-container .dpj-orderdetail-modtitle {
    margin-bottom: 20px; }
  .order-container .dpj-orderdetail-props dl {
    display: flex; }
  .order-container .dpj-orderdetail-props dt,
  .order-container .dpj-orderdetail-props dd {
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 20px; }
  .order-container .dpj-orderdetail-props dt {
    width: 90px;
    min-width: 90px; }
  .order-container .dpj-orderdetail-props dd .dpj-orderdetail-button:first-child {
    margin-right: 10px; }
  .order-container .dpj-orderdetail-logisticsmod {
    padding-left: 30px; }
  .order-container .dpj-orderdetail-expresscode {
    color: #1d75e5;
    margin-right: 5px; }

/**改物流的上一步*/
.dpj-orderdetail-prevstep {
  text-align: left; }
  .dpj-orderdetail-prevstep button {
    border: 0px; }

/*物流公司*/
.dpj-orderdetail-logistics-company {
  font-weight: 300;
  color: #262626;
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 14px; }

.dpj-orderdetail-logistics-rdogroups .ant-radio-wrapper {
  display: flex;
  padding-bottom: 20px;
  line-height: 15px; }

.dpj-orderdetail-logistics-rdogroups .radio-label {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word; }

.reciveTitle {
  margin-bottom: 18px; }

.addAddress {
  color: #1d75e5;
  line-height: 22px;
  font-weight: 300; }

.dpj-orderdetail-addrmodal .hidden {
  display: none; }

.dpj-orderdetail-addrmodal .addressButtonContainer {
  text-align: right;
  margin: 2px 2px 2px auto; }
  .dpj-orderdetail-addrmodal .addressButtonContainer .savebutton {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin-right: 30px;
    color: #e60122; }
    .dpj-orderdetail-addrmodal .addressButtonContainer .savebutton:active {
      color: #e60122; }
  .dpj-orderdetail-addrmodal .addressButtonContainer .canclebutton {
    display: inline-block;
    font-weight: 300; }

/*订单明细**/
.dpj-orderdetail-items {
  margin-bottom: 10px; }

.dpj-orderdetail-items-tableheader {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  background-color: #fbfbfb;
  text-align: center;
  width: 100%;
  color: #262626; }
  .dpj-orderdetail-items-tableheader .item-info {
    padding-left: 30px;
    display: inline-block;
    text-align: left;
    width: 44.6%; }
  .dpj-orderdetail-items-tableheader .item-qty {
    display: inline-block;
    width: 15.2%; }
  .dpj-orderdetail-items-tableheader .item-price {
    display: inline-block;
    width: 11.4%; }
  .dpj-orderdetail-items-tableheader .item-amount {
    display: inline-block;
    width: 14.6%; }
  .dpj-orderdetail-items-tableheader .item-action {
    display: inline-block;
    text-align: center;
    width: 14.2%; }

.dpj-orderdetail-items-tablebody {
  margin-top: 40px; }
  .dpj-orderdetail-items-tablebody .ladder-discount {
    display: flex;
    margin-top: 20px;
    margin-bottom: -20px;
    padding-left: 30px;
    align-items: center; }
    .dpj-orderdetail-items-tablebody .ladder-discount .discount {
      margin-right: 20px; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle {
        background: #23d05f;
        border-radius: 2px;
        min-width: 120px;
        height: 24px;
        line-height: 24px;
        text-align: center; }
        .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle .text {
          margin-left: 24px;
          font-size: 12px;
          color: #ffffff; }
        .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle .percent {
          margin-left: 8px;
          font-size: 14px;
          color: #ffffff;
          padding-right: 10px; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .triangle-topleft {
        position: relative;
        top: -2px;
        width: 0px;
        height: 0px;
        border-top: 8px solid #23d05f;
        border-right: 8px solid transparent; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .dot {
        position: relative;
        border-radius: 100%;
        width: 4px;
        height: 4px;
        background: white;
        top: -22px;
        left: 14px; }
    .dpj-orderdetail-items-tablebody .ladder-discount .help {
      font-size: 12px;
      color: #777777;
      text-align: left; }
  .dpj-orderdetail-items-tablebody .single-sku .sku-name {
    display: block;
    align-items: flex-end;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    text-align: left;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all; }
    .dpj-orderdetail-items-tablebody .single-sku .sku-name .nopointer {
      cursor: default; }
    .dpj-orderdetail-items-tablebody .single-sku .sku-name .title-danger {
      color: #e62154; }
  .dpj-orderdetail-items-tablebody .single-sku .single-sku-container {
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div {
      display: inline-block;
      flex: 0 150px;
      padding-left: 30px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container {
        vertical-align: top;
        width: 80px;
        height: 80px;
        border: 1px solid #ebebeb;
        display: inline-flex;
        position: relative;
        justify-content: center;
        align-items: center; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container:hover {
          border: 1px solid #23d05f; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container:hover .zoom-in-icon {
            color: #23d05f;
            position: absolute;
            right: 4px;
            bottom: 2px;
            cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .preview {
          max-width: 78px;
          max-height: 78px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .zoom-in-icon {
          position: absolute;
          right: 4px;
          bottom: 2px;
          cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .shelter-line {
          position: absolute;
          width: 30px;
          height: 2px;
          background: white;
          top: 99px;
          left: -30px; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info {
      width: 34.6%;
      padding-left: 22px;
      display: inline-block; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .product-name {
        margin-top: 5px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size {
        height: 28px;
        text-align: left;
        color: #777777;
        margin-top: 5px;
        display: inline-flex;
        align-items: center;
        border: 1px solid white; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size:hover {
          cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .color-hex {
          display: flex;
          margin-right: 2px;
          border: 1px solid #ebebeb;
          width: 14px;
          height: 14px;
          margin-left: 4px;
          vertical-align: middle; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .color-hex .color {
            flex: 1;
            height: 100%; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .size-edit {
          padding-left: 10px;
          padding-right: 10px;
          text-align: left;
          display: flex;
          align-items: center;
          height: 28px;
          margin-left: 30px; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .size-edit .edit-icon {
            display: none; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .item-platformsku {
        margin-top: 6px;
        text-align: left;
        font-size: 12px;
        margin-left: 10px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .value-added-services {
        display: block;
        margin-left: 10px;
        margin-top: 6px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        width: 76px;
        height: 20px;
        font-size: 12px;
        padding: 0px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .value-added-services:hover {
          border: 1px solid #23d05f; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-qty {
      width: 15.2%;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price {
      width: 11.4%;
      margin-top: 26px;
      display: inline-block;
      text-align: center; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .originalprice {
        font-size: 14px;
        color: #262626;
        line-height: 22px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .originalprice-witn-line {
        font-size: 14px;
        color: #777777;
        text-decoration: line-through;
        display: block;
        line-height: 22px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .price-after-discount {
        font-size: 18px;
        color: #262626;
        line-height: 22px; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-amount {
      width: 14.6%;
      margin-top: 26px;
      display: inline-block;
      text-align: center; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action {
      width: 14.2%;
      margin-top: 26px;
      text-align: center;
      display: inline-block; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container {
        display: flex;
        align-items: center;
        justify-content: center; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container a {
          padding: 0 10px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .docking-icon {
          color: #bfbfbf; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .docking-icon:hover {
            color: #262626; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .divider {
          margin-left: 10px;
          margin-right: 10px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .delete-icon {
          color: #bfbfbf; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .delete-icon:hover {
            color: #262626; }

/*修改SKU面板*/
.dpj-orderdetail-select-sku {
  width: 230px;
  text-align: left;
  font-size: 14px; }
  .dpj-orderdetail-select-sku .ant-row.ant-row:first-child {
    margin-bottom: 20px; }
  .dpj-orderdetail-select-sku .ant-row .ant-col:first-child {
    text-align: left; }
  .dpj-orderdetail-select-sku .ant-row .ant-col {
    display: inline-block; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color-list {
      display: flex;
      flex-wrap: wrap; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size {
      font-weight: 200;
      display: inline-block;
      width: 53px;
      text-align: left;
      cursor: pointer;
      margin: 0px 5px 5px 0px;
      border: 1px solid #979797;
      text-align: center; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.selected {
        background: #e60122;
        color: #fff;
        border: 1px solid #e60122; }
        .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.selected:hover {
          color: #fff; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size:hover {
        border: 1px solid #e60122;
        color: #e60122; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color {
      cursor: pointer;
      display: flex;
      width: 20px;
      height: 20px;
      line-height: 20px;
      border: 1px solid #979797;
      margin: 0 10px 10px 0px;
      justify-content: center;
      align-items: center;
      position: relative; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color .color {
        flex: 1;
        height: 100%; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color > .icon-ds-check {
        font-size: 12px;
        display: none; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.selected > .icon-ds-check {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        display: block;
        color: #e60122; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.selected, .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color:hover {
        border-color: #e60122; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.disabled {
      cursor: not-allowed;
      border-color: #e0e0e0;
      color: #bfbfbf;
      background: #fafafa; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled {
      cursor: not-allowed; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled > .icon-ds-close:before {
        font-size: 10px; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled > .icon-ds-check:before {
        content: \e627; }

.dpj-orderdetail-discount {
  border-top: 1px solid #e8e8e8;
  padding-top: 30px;
  padding-bottom: 30px; }

/**订单金额结算*/
.dpj-orderdetail-settlement {
  border-top: 1px solid #e8e8e8;
  text-align: right;
  padding-top: 29px;
  margin-bottom: 30px;
  color: #262626;
  font-size: 14px; }
  .dpj-orderdetail-settlement .alert-icon,
  .dpj-orderdetail-settlement .alert-price {
    color: #e62154; }
  .dpj-orderdetail-settlement dl {
    margin-bottom: 10px; }
    .dpj-orderdetail-settlement dl dt,
    .dpj-orderdetail-settlement dl dd {
      display: inline-block;
      font-weight: 200;
      margin: 0px; }
    .dpj-orderdetail-settlement dl dd {
      width: 200px;
      font-size: 16px; }
    .dpj-orderdetail-settlement dl dt > span {
      display: flex;
      align-items: center; }
      .dpj-orderdetail-settlement dl dt > span .alert-icon {
        margin-right: 2px; }
    .dpj-orderdetail-settlement dl.finalAmount dt,
    .dpj-orderdetail-settlement dl.finalAmount dd {
      font-weight: 500; }
    .dpj-orderdetail-settlement dl.finalAmount dd {
      font-size: 30px; }
    .dpj-orderdetail-settlement dl:hover .order-editPrice-container {
      height: 28px;
      border: 1px dashed #e0e0e0; }
      .dpj-orderdetail-settlement dl:hover .order-editPrice-container .edit-icon {
        display: inline; }
      .dpj-orderdetail-settlement dl:hover .order-editPrice-container:hover {
        border: 1px dashed #23d05f; }
    .dpj-orderdetail-settlement dl .order-editPrice-container {
      height: 28px;
      border: 1px dashed white; }
      .dpj-orderdetail-settlement dl .order-editPrice-container .edit-icon {
        display: none;
        margin-left: 5px;
        margin-right: 5px; }
      .dpj-orderdetail-settlement dl .order-editPrice-container:hover {
        border: 1px dashed #23d05f;
        cursor: pointer; }

.dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner {
  text-align: center; }
  .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content {
    padding: 0; }
    .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content {
      width: 284px;
      padding-left: 38px;
      padding-top: 16px; }
      .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .input-div {
        display: flex;
        align-items: center;
        margin-bottom: 20px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .input-div .text {
          display: block;
          text-align: left;
          white-space: nowrap; }
      .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div {
        margin-left: -40px;
        padding-bottom: 16px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div .cancel-button {
          width: 48px;
          height: 24px;
          margin-right: 10px;
          padding: 0px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div .confirm-button {
          width: 48px;
          height: 24px;
          padding: 0px; }

/*
 * 修改订单明细没按保存时离开当前页面的弹窗提醒
 */
.dpj-orderdetail-sa-modal .icon-ds-info-alt {
  color: #e62154;
  font-size: 43px; }

.dpj-orderdetail-sa-modal .btn-unsave {
  background: #e62154;
  color: #fff;
  border-color: #e62154;
  padding: 0px 28px;
  line-height: inherit;
  height: 34px; }

.dpj-orderdetail-sa-modal .btn-save {
  padding: 0px 28px;
  height: 34px;
  line-height: inherit;
  color: #23d05f;
  border-color: #23d05f; }

/*明细下方的按钮*/
.dpj-orderdetail-item-btns {
  margin-bottom: 20px; }
  .dpj-orderdetail-item-btns .shelter-line {
    position: relative;
    height: 2px;
    top: -1px;
    background: white; }
  .dpj-orderdetail-item-btns button {
    position: static;
    width: 144px;
    height: 42px;
    font-size: 16px;
    margin-left: 30px; }

/*用户信息*/
.merchantInfo {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .merchantInfo ul {
    padding: 0;
    margin: 0; }
    .merchantInfo ul li {
      list-style: none;
      padding: 5px 0;
      margin: 0; }
  .merchantInfo label.payway:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 5px;
    background: #e62154; }
  .merchantInfo label.wxpay:before {
    background: #23d05f; }
  .merchantInfo label.alipay:before {
    background: #3dd1e8; }
  .merchantInfo label.fund:before {
    background: #faad14; }

.btn-popover {
  height: 24px; }

.ladder-discount-popover .ant-popover-inner-content {
  padding: 0; }
  .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content {
    width: 212px;
    min-height: 164px;
    padding-top: 16px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .big-text {
      font-size: 14px;
      line-height: 24px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .small-text {
      font-size: 12px;
      line-height: 22px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .word-qi {
      margin-left: 2px;
      font-size: 10px;
      line-height: 22px;
      display: inline-block; }

.color-size-eait-popover .ant-popover-inner-content {
  padding: 0; }
  .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content {
    width: 400px;
    padding-left: 38px;
    padding-top: 16px; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 20px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color {
          cursor: pointer;
          display: flex;
          width: 20px;
          height: 20px;
          line-height: 20px;
          border: 1px solid #979797;
          margin: 0 10px 10px 0px;
          border-radius: 50%;
          justify-content: center;
          align-items: center; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color > .icon-ds-check {
            font-size: 12px;
            display: none; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected > .icon-ds-check {
            display: block;
            color: #e60122; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected, .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color:hover {
            border-color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled {
          cursor: not-allowed; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-close:before {
            font-size: 10px; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-check:before {
            content: \e627; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 12px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size {
          font-weight: 200;
          display: inline-block;
          width: 53px;
          text-align: left;
          cursor: pointer;
          margin: 0px 5px 5px 0px;
          border: 1px solid #979797;
          text-align: center; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected {
            background: #e60122;
            color: #fff;
            border: 1px solid #e60122; }
            .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected:hover {
              color: #fff; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size:hover {
            border: 1px solid #e60122;
            color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.disabled {
          cursor: not-allowed;
          border-color: #e0e0e0;
          color: #bfbfbf;
          background: #fafafa; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div {
      margin-left: -40px;
      padding-bottom: 16px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .cancel-button {
        width: 48px;
        height: 24px;
        margin-right: 10px;
        padding: 0px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .confirm-button {
        width: 48px;
        height: 24px;
        padding: 0px; }

.ant-popover.remove .ant-popover-arrow {
  border-top-color: #fff1f0 !important;
  border-left-color: #fff1f0 !important; }

.ant-popover.remove .ant-popover-inner {
  background-color: #fff1f0; }
  .ant-popover.remove .ant-popover-inner .ant-popover-message .icon {
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 24pt; }
  .ant-popover.remove .ant-popover-inner .ant-popover-message .ant-popover-message-title {
    text-align: left;
    padding-left: 40px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: #262626;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: #262626;
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* filter */
.category-block.common {
  margin-top: 30px;
  background: #fbfbfb; }
  .category-block.common .filter-hide-trigger {
    float: right;
    bottom: 52px;
    position: relative; }
  .category-block.common .filter-block {
    padding: 20px 30px;
    border: 1px solid #ebebeb; }
  .category-block.common .filter:nth-last-of-type(n + 2) {
    margin-bottom: 5px; }
  .category-block.common .filter .filter-title,
  .category-block.common .filter .filter-content .filter-item {
    padding: 5px;
    margin: 5px 10px;
    display: inline-block;
    vertical-align: top;
    font-weight: 200; }
  .category-block.common .filter .filter-title {
    width: 100px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
  .category-block.common .filter .filter-content {
    width: calc(100% - 60px - 60px);
    display: inline-block;
    line-height: 22px; }
  .category-block.common .filter .filter-content .filter-item {
    width: 120px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .category-block.common .filter .filter-content .filter-item.text.selected {
    color: #23d05f;
    font-weight: 400; }
  .category-block.common .filter .filter-content .filter-item.color {
    width: 26px;
    height: 26px;
    border-radius: 100%; }
  .category-block.common .filter .filter-content .filter-item.color.selected {
    box-shadow: 0 0 0 2.5px #23d05f; }
  .category-block.common .filter-div .category-block {
    padding: 10px 24px;
    margin-top: 30px;
    background: #fbfbfb; }
  .category-block.common .filter-div .filter {
    margin-bottom: 0px; }
  .category-block.common .filter-content {
    position: relative; }
    .category-block.common .filter-content.collapse {
      height: 32px;
      overflow: hidden; }
    .category-block.common .filter-content .items {
      padding-right: 80px; }
    .category-block.common .filter-content .show-more {
      position: absolute;
      display: block;
      top: 10px;
      right: 20px;
      line-height: 22px; }
      .category-block.common .filter-content .show-more .iconfont {
        margin-left: 8px; }

@media (max-width: 767.98px) {
  .usages .category-block.common .filter .items {
    padding: 0;
    display: flex;
    flex-wrap: wrap; }
    .usages .category-block.common .filter .items .filter-item {
      width: auto;
      display: flex; }
  .usages .category-block.common .filter-content.collapse {
    height: auto; } }

.after-sale-list .nav-search {
  padding: 20px 0;
  display: flex;
  align-items: center; }

.image-library {
  margin-top: -20px; }

.image-library-list {
  margin-top: 40px; }
  .image-library-list .image-wrapper .lnk-go-design {
    display: none;
    width: calc(100% + 2px);
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: -1px;
    right: -1px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }
  .image-library-list .image-wrapper .image {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    height: 100%;
    padding: 12px 14px;
    position: relative;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    background-color: #f5f5f5;
    margin: 15px 0; }
    .image-library-list .image-wrapper .image:hover {
      border-color: #ebebeb; }
      .image-library-list .image-wrapper .image:hover .lnk-go-design {
        display: block; }
    .image-library-list .image-wrapper .image img {
      max-height: 251px;
      width: 100%; }

.image-library-list-pagination {
  margin-top: 45px;
  margin-bottom: 100px;
  text-align: right; }

.image-library-list-loading {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center; }

@media (max-width: 1391.98px) {
  .image-library-list-pagination {
    padding: 0 20px; } }

@media (max-width: 767.98px) {
  .image-library-list {
    margin-bottom: 50px; } }

.filter-drawer-wrap .filter-footer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  right: 0;
  height: 62px;
  padding: 0 24px;
  border: 1px solid #e0e0e0; }

.filter-drawer-wrap .filter-footer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  right: 0;
  height: 62px;
  padding: 0 24px;
  border: 1px solid #e0e0e0; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.buy-wrap {
  position: absolute;
  left: 0;
  top: 56px;
  right: 0;
  bottom: 0; }
  .buy-wrap .ant-spin-nested-loading {
    position: initial; }
  .buy-wrap .ant-spin-container {
    position: initial; }
  .buy-wrap .buy-container {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 62px; }
    .buy-wrap .buy-container .goods-container {
      overflow-x: hidden;
      overflow-x: auto;
      padding: 5px 50px; }
    .buy-wrap .buy-container .goods-head {
      display: flex;
      padding-bottom: 30px;
      margin-top: 20px; }
      .buy-wrap .buy-container .goods-head .left {
        flex: 0 0 200px;
        height: 200px; }
        .buy-wrap .buy-container .goods-head .left .goods-img {
          min-width: 200px;
          min-height: 200px; }
      .buy-wrap .buy-container .goods-head .right {
        padding-left: 30px;
        flex: 1; }
        .buy-wrap .buy-container .goods-head .right .text-content .label {
          font-size: 18px;
          font-weight: 500; }
        .buy-wrap .buy-container .goods-head .right .text-content .content {
          font-size: 16px; }
    .buy-wrap .buy-container .goods-size {
      display: flex;
      max-height: 287px;
      overflow: hidden; }
      .buy-wrap .buy-container .goods-size .title {
        flex: 0 0 50px; }
      .buy-wrap .buy-container .goods-size .size {
        flex: 1;
        overflow-y: scroll;
        /* 滚动条的内层滑轨背景颜色 */
        /* 滚动条的外层滑轨背景颜色 */
        /* 滚动条的内层滑块颜色 */
        /* 滑轨两头的监听按钮颜色 */ }
        .buy-wrap .buy-container .goods-size .size::-webkit-scrollbar {
          width: 5px;
          border: 5px;
          margin-left: 10px; }
        .buy-wrap .buy-container .goods-size .size::-webkit-scrollbar-track-piece {
          background-color: #fff; }
        .buy-wrap .buy-container .goods-size .size::-webkit-scrollbar-track {
          background-color: #fff; }
        .buy-wrap .buy-container .goods-size .size::-webkit-scrollbar-thumb {
          background-color: #d4d8e2; }
        .buy-wrap .buy-container .goods-size .size::-webkit-scrollbar-button {
          background-color: #fff;
          display: none; }
        .buy-wrap .buy-container .goods-size .size .content {
          display: flex;
          align-items: center;
          text-align: right;
          margin-bottom: 8px; }
          .buy-wrap .buy-container .goods-size .size .content .label {
            flex: 1; }
          .buy-wrap .buy-container .goods-size .size .content .buy-price {
            flex: 0 0 20%; }
          .buy-wrap .buy-container .goods-size .size .content .count {
            flex: 0 0 200px;
            margin-right: 5px; }
    .buy-wrap .buy-container .goods-color {
      display: flex;
      justify-content: space-between; }
      .buy-wrap .buy-container .goods-color .title {
        flex: 0 0 150px; }
      .buy-wrap .buy-container .goods-color .color-list {
        display: inline-block;
        vertical-align: top;
        display: flex;
        flex-wrap: wrap;
        justify-content: right !important; }
        .buy-wrap .buy-container .goods-color .color-list .color-item {
          display: flex;
          width: 28px;
          height: 28px;
          border: 1px solid #ebebeb;
          margin-right: 10px;
          margin-bottom: 10px; }
          .buy-wrap .buy-container .goods-color .color-list .color-item.selected {
            box-shadow: 0 0 0 2px #e60122; }
          .buy-wrap .buy-container .goods-color .color-list .color-item.disabled {
            cursor: not-allowed;
            background: #979797; }
          .buy-wrap .buy-container .goods-color .color-list .color-item .color {
            flex: 1;
            height: 100%; }
  .buy-wrap .buy-footer {
    position: absolute;
    width: 720px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid #e8e8e8;
    padding: 10px 16px;
    text-align: right;
    background: #fff; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.cell-available {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #ffffff;
  text-align: center;
  cursor: default; }
  .cell-available.available {
    background-color: #e60122; }
  .cell-available.unavailable {
    background-color: #e62154; }

.page-merchants .nav-search {
  padding: 40px 0 30px; }
  .page-merchants .nav-search .ant-input-search {
    margin-left: 30px;
    width: 300px; }
    .page-merchants .nav-search .ant-input-search:first-child {
      margin-left: 0; }
    .page-merchants .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

.page-merchants dl.col-time {
  margin: 0; }
  .page-merchants dl.col-time dt {
    float: left; }
  .page-merchants dl.col-time dd {
    float: left;
    margin-left: 5px; }

.page-merchants .nav-command {
  float: right; }
  .page-merchants .nav-command button:first-of-type {
    margin-right: 0; }

.page-viewMerchant .contents > * {
  padding: 30px; }
  .page-viewMerchant .contents > * > * {
    margin-top: 30px; }
    .page-viewMerchant .contents > * > *:first-of-type {
      margin-top: 0;
      border-bottom: solid 1px #ebebeb; }
    .page-viewMerchant .contents > * > * > * {
      margin-left: 30px; }
      .page-viewMerchant .contents > * > * > *:first-of-type {
        margin-left: 0; }

.page-viewMerchant .contents .card-container {
  margin-bottom: 20px; }
  .page-viewMerchant .contents .card-container.basic-info {
    width: 500px;
    line-height: 20px;
    font-size: 14px; }
    .page-viewMerchant .contents .card-container.basic-info > * {
      display: flex;
      margin-top: 20px; }
      .page-viewMerchant .contents .card-container.basic-info > *.caption {
        margin-top: 0; }
      .page-viewMerchant .contents .card-container.basic-info > * > * {
        margin-left: 20px;
        align-content: center; }
        .page-viewMerchant .contents .card-container.basic-info > * > *:first-of-type {
          margin-left: 0; }
        .page-viewMerchant .contents .card-container.basic-info > * > * > * {
          margin-left: 20px; }
          .page-viewMerchant .contents .card-container.basic-info > * > * > *:first-of-type {
            margin-left: 0; }
      .page-viewMerchant .contents .card-container.basic-info > * > .caption {
        width: 70px; }
  .page-viewMerchant .contents .card-container.balance-info > * {
    display: flex; }
    .page-viewMerchant .contents .card-container.balance-info > * > i {
      display: block;
      margin: auto;
      width: 80px;
      height: 80px;
      line-height: 80px;
      border-radius: 100%;
      font-size: 40px;
      color: #ffffff;
      background-color: #1c75e5;
      text-align: center; }
    .page-viewMerchant .contents .card-container.balance-info > * > div {
      margin-left: 32px; }
      .page-viewMerchant .contents .card-container.balance-info > * > div > .balance {
        margin-top: 14px;
        height: 34px;
        line-height: 34px;
        font-size: 30px; }
        .page-viewMerchant .contents .card-container.balance-info > * > div > .balance:before {
          margin: 0;
          padding: 0;
          content: '\FFE5'; }
      .page-viewMerchant .contents .card-container.balance-info > * > div > a {
        height: 22px;
        line-height: 22px;
        font-size: 14px; }

.page-viewMerchant .cell-goods-info {
  line-height: 50px; }
  .page-viewMerchant .cell-goods-info > * {
    margin-left: 20px; }
  .page-viewMerchant .cell-goods-info .preview-album::after {
    content: unset; }
  .page-viewMerchant .cell-goods-info > * {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis; }

.favorite-wap {
  width: 32px;
  height: 32px;
  z-index: 2;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .favorite-wap .iconfont {
    text-align: center; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.page-recharge .title1 {
  margin-bottom: 20px;
  font-size: 16px; }

.page-recharge .fix-amound-card {
  border: 1px solid #e0e0e0;
  width: 104px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  margin-right: 19px; }

.page-recharge .recharge-amount {
  font-size: 30px;
  margin-left: 9px; }

.page-recharge .payButton {
  width: 144px;
  height: 50px; }

.page-recharge .user-defined {
  width: 353px; }

.page-recharge .minLabel {
  color: #e0e0e0;
  font-size: 10px;
  position: absolute;
  margin-left: -60px;
  line-height: 40px; }

.page-recharge .apliPayModal .errorButton {
  background-color: red;
  color: #fff;
  text-align: center;
  width: 120px;
  height: 34px;
  font-weight: 300; }

.page-recharge .apliPayModal .errorButton:hover {
  font-weight: 300;
  background-Color: red;
  color: #fff;
  text-Align: center; }

.page-recharge .apliPayModal .succButton {
  font-weight: 300;
  color: #23d05f;
  text-align: center;
  width: 120px;
  height: 34px; }

.page-recharge .apliPayModal .tip-div {
  font-weight: 300;
  font-size: 16px;
  color: #262626;
  text-align: left; }

.page-recharge .apliPayModal .ds-load-icon {
  font-Size: 43px;
  color: #23d05f; }

.page-recharge .upload-wrapper .ant-upload {
  width: 100%;
  height: 180px;
  position: relative; }

.page-recharge .img-display {
  width: 400px;
  height: 180px; }

.page-recharge .recharge-icon-delete-wrapper {
  position: absolute;
  top: 10px;
  right: 10px; }

.page-recharge .recharge-upload-div {
  width: 500px; }
  .page-recharge .recharge-upload-div .row {
    margin-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center; }
  .page-recharge .recharge-upload-div .recharge-upload-img-file .row {
    margin-bottom: 0;
    -webkit-justify-content: center;
    justify-content: center;
    color: #bfbfbf; }
    .page-recharge .recharge-upload-div .recharge-upload-img-file .row .icon-file,
    .page-recharge .recharge-upload-div .recharge-upload-img-file .row .file-name {
      color: #e60122; }
    .page-recharge .recharge-upload-div .recharge-upload-img-file .row .icon-file {
      font-size: 24px;
      margin-right: 13px; }

.page-recharge .ant-upload.ant-upload-select-picture-card {
  background-color: #fff; }

.page-recharge .icon-upload-border {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  border-radius: 100%;
  background-color: #fafafa;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .page-recharge .icon-upload-border .icon-upload {
    font-size: 24px;
    color: #e60122; }

.page-recharge .ant-input-number-handler-wrap {
  display: none !important; }

@charset "UTF-8";
.fba-address-modal-wrap .ant-modal-body {
  height: 600px;
  overflow: hidden;
  overflow-y: auto;
  margin-right: 6px;
  /* 设置滚动条的样式 */
  /* 滚动槽 */
  /* 滚动条滑块 */ }
  .fba-address-modal-wrap .ant-modal-body::-webkit-scrollbar {
    width: 6px;
    margin-right: 5px; }
  .fba-address-modal-wrap .ant-modal-body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  .fba-address-modal-wrap .ant-modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }
  .fba-address-modal-wrap .ant-modal-body::-webkit-scrollbar-track-piece {
    /*滚动条的背景颜色*/
    -webkit-border-radius: 0;
    /*滚动条的圆角宽度*/ }
  .fba-address-modal-wrap .ant-modal-body::-webkit-scrollbar-corner {
    width: 10px; }

.fba-order-table {
  width: calc(100% - 0.5px);
  min-width: 900px;
  margin-top: 20px;
  position: relative; }
  .fba-order-table thead th {
    background: #fafafa;
    height: 50px;
    white-space: nowrap;
    text-align: center; }
  .fba-order-table tbody .table-border {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    .fba-order-table tbody .table-border p {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 22px; }
  .fba-order-table tbody .goods-fba-info > p {
    display: flex;
    width: 100%;
    text-align: initial; }
  .fba-order-table tbody .goods-fba-info .lable {
    width: 50%;
    display: inline-block;
    text-align: right; }
  .fba-order-table tbody .text-red {
    color: #e62154; }
  .fba-order-table tbody .order-desc {
    background: #fafafa;
    border-top: 1px solid #dddddd;
    height: 40px; }
    .fba-order-table tbody .order-desc .ant-typography-expand,
    .fba-order-table tbody .order-desc .ant-typography-edit,
    .fba-order-table tbody .order-desc .ant-typography-copy {
      color: #262626 !important; }
    .fba-order-table tbody .order-desc .ant-typography a {
      color: #1d75e5 !important; }
  .fba-order-table tbody .product-info-wrap {
    border: 1px solid #dddddd;
    height: 38px;
    border-left: none;
    padding: 10px 0 0 0;
    min-width: 330px;
    width: 30%; }
    .fba-order-table tbody .product-info-wrap .product-info-content {
      display: flex;
      height: 110px;
      margin-bottom: 10px;
      min-width: 440px; }
      .fba-order-table tbody .product-info-wrap .product-info-content .product-left {
        flex: 0 110px;
        margin-left: 30px; }
      .fba-order-table tbody .product-info-wrap .product-info-content .product-right {
        flex: 1;
        margin-left: 20px; }
        .fba-order-table tbody .product-info-wrap .product-info-content .product-right > p {
          max-width: 330px;
          margin: 0;
          padding: 0;
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count {
          margin-top: 5px;
          color: #777777;
          font-size: 14px; }
          .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count > span {
            min-width: 100px;
            display: inline-block; }
          .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count .color {
            box-sizing: content-box;
            display: inline-block;
            width: 10px;
            height: 10px;
            background: red;
            border-radius: 50%;
            border: 1px solid #dddddd; }
    .fba-order-table tbody .product-info-wrap .product-more-tag {
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: rgba(250, 173, 20, 0.1); }
  .fba-order-table tbody .goods-payment-wrap {
    position: relative; }
  .fba-order-table tbody .order-status-wrap > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: none; }
    .fba-order-table tbody .order-status-wrap > div .status-button {
      min-width: 70px;
      height: 25px;
      text-align: center;
      border-radius: 15px;
      line-height: 25px;
      color: #ffffff;
      padding: 0 10px; }
    .fba-order-table tbody .order-status-wrap > div .connect-button {
      background: #e60122;
      border-radius: 4px;
      width: 80px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      color: #fff;
      cursor: pointer; }
  .fba-order-table tbody .logistics-wrap {
    min-width: 166px;
    overflow: hidden; }
    .fba-order-table tbody .logistics-wrap .tracking-id {
      width: 100%;
      padding: 0 20px;
      display: inline-block; }
      .fba-order-table tbody .logistics-wrap .tracking-id > .link {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .fba-order-table tbody .table-action {
    border-bottom: 1px solid #dddddd; }
    .fba-order-table tbody .table-action > div {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border: none; }
  .fba-order-table tbody .no-fund {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 240%); }

.edit-shipment-wrap {
  width: 248px; }
  .edit-shipment-wrap .title-wrap {
    padding: 10px 14px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8; }
  .edit-shipment-wrap .ant-popover-inner-content {
    padding: 0; }
  .edit-shipment-wrap .shipment-content {
    text-align: left; }
    .edit-shipment-wrap .shipment-content .content-wrap {
      padding: 14px; }
    .edit-shipment-wrap .shipment-content .ant-input {
      height: 30px !important; }
  .edit-shipment-wrap .footer-wrap {
    text-align: right;
    border-top: 1px solid #e8e8e8;
    padding: 8px; }
    .edit-shipment-wrap .footer-wrap .ant-btn-sm {
      height: 24px;
      line-height: 24px;
      font-size: 12px; }

.fba-order-table {
  width: calc(100% - 0.5px);
  min-width: 900px;
  margin-top: 20px;
  position: relative;
  min-width: 1500px;
  overflow: scroll; }
  .fba-order-table thead th {
    background: #fafafa;
    height: 50px;
    white-space: nowrap;
    text-align: center; }
  .fba-order-table tbody .table-border {
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd; }
    .fba-order-table tbody .table-border p {
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 22px; }
  .fba-order-table tbody .text-red {
    color: #e62154; }
  .fba-order-table tbody .order-desc {
    background: #fafafa;
    border-top: 1px solid #dddddd;
    height: 40px; }
    .fba-order-table tbody .order-desc .ant-typography-expand,
    .fba-order-table tbody .order-desc .ant-typography-edit,
    .fba-order-table tbody .order-desc .ant-typography-copy {
      color: #262626 !important; }
    .fba-order-table tbody .order-desc .ant-typography a {
      color: #1d75e5 !important; }
  .fba-order-table tbody .product-info-wrap {
    border: 1px solid #dddddd;
    height: 38px;
    border-left: none;
    padding: 10px 0 0 0;
    min-width: 330px;
    width: 30%; }
    .fba-order-table tbody .product-info-wrap .product-info-content {
      display: flex;
      height: 110px;
      margin-bottom: 10px;
      min-width: 440px; }
      .fba-order-table tbody .product-info-wrap .product-info-content .product-left {
        flex: 0 110px;
        margin-left: 30px; }
      .fba-order-table tbody .product-info-wrap .product-info-content .product-right {
        flex: 1;
        margin-left: 20px; }
        .fba-order-table tbody .product-info-wrap .product-info-content .product-right > p {
          max-width: 330px;
          margin: 0;
          padding: 0;
          line-height: 20px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count {
          margin-top: 5px;
          color: #777777;
          font-size: 14px; }
          .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count > span {
            min-width: 100px;
            display: inline-block; }
          .fba-order-table tbody .product-info-wrap .product-info-content .product-right .color-size-count .color {
            box-sizing: content-box;
            display: inline-block;
            width: 10px;
            height: 10px;
            background: red;
            border-radius: 50%;
            border: 1px solid #dddddd; }
    .fba-order-table tbody .product-info-wrap .product-more-tag {
      height: 36px;
      line-height: 36px;
      text-align: center;
      background: rgba(250, 173, 20, 0.1); }
  .fba-order-table tbody .order-status-wrap > div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: none; }
    .fba-order-table tbody .order-status-wrap > div .status-button {
      min-width: 70px;
      height: 25px;
      text-align: center;
      border-radius: 15px;
      line-height: 25px;
      color: #ffffff;
      padding: 0 10px; }
    .fba-order-table tbody .order-status-wrap > div .connect-button {
      background: #e60122;
      border-radius: 4px;
      width: 80px;
      height: 28px;
      line-height: 28px;
      text-align: center;
      color: #fff;
      cursor: pointer; }
  .fba-order-table tbody .logistics-wrap {
    min-width: 166px;
    max-width: 260px;
    overflow: hidden; }
    .fba-order-table tbody .logistics-wrap .tracking-id {
      width: 100%;
      padding: 0 20px;
      display: inline-block; }
      .fba-order-table tbody .logistics-wrap .tracking-id > .link {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .fba-order-table tbody .table-action {
    border-bottom: 1px solid #dddddd; }
    .fba-order-table tbody .table-action > div {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      border: none; }
  .fba-order-table tbody .no-fund {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 240%); }

.edit-shipment-wrap {
  width: 248px; }
  .edit-shipment-wrap .title-wrap {
    padding: 10px 14px;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #e8e8e8; }
  .edit-shipment-wrap .ant-popover-inner-content {
    padding: 0; }
  .edit-shipment-wrap .shipment-content {
    text-align: left; }
    .edit-shipment-wrap .shipment-content .content-wrap {
      padding: 14px; }
    .edit-shipment-wrap .shipment-content .ant-input {
      height: 30px !important; }
  .edit-shipment-wrap .footer-wrap {
    text-align: right;
    border-top: 1px solid #e8e8e8;
    padding: 8px; }
    .edit-shipment-wrap .footer-wrap .ant-btn-sm {
      height: 24px;
      line-height: 24px;
      font-size: 12px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-skeleton {
  display: table;
  width: 100%;
}
.ant-skeleton-header {
  display: table-cell;
  padding-right: 16px;
  vertical-align: top;
}
.ant-skeleton-header .ant-skeleton-avatar {
  display: inline-block;
  vertical-align: top;
  background: #f2f2f2;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.ant-skeleton-header .ant-skeleton-avatar.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ant-skeleton-header .ant-skeleton-avatar-lg.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-header .ant-skeleton-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ant-skeleton-header .ant-skeleton-avatar-sm.ant-skeleton-avatar-circle {
  border-radius: 50%;
}
.ant-skeleton-content {
  display: table-cell;
  width: 100%;
  vertical-align: top;
}
.ant-skeleton-content .ant-skeleton-title {
  width: 100%;
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 24px;
}
.ant-skeleton-content .ant-skeleton-paragraph {
  padding: 0;
}
.ant-skeleton-content .ant-skeleton-paragraph > li {
  width: 100%;
  height: 16px;
  list-style: none;
  background: #f2f2f2;
}
.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
  width: 61%;
}
.ant-skeleton-content .ant-skeleton-paragraph > li + li {
  margin-top: 16px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title {
  margin-top: 12px;
}
.ant-skeleton-with-avatar .ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
  margin-top: 28px;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ant-skeleton-loading 1.4s ease infinite;
}
@keyframes ant-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* filter */
.skeleton-category {
  padding: 20px 30px;
  margin-top: 10px;
  background: #fbfbfb; }

.category-block {
  padding: 14px 30px;
  margin-top: 10px;
  background: #fbfbfb; }
  .category-block .filter-hide-trigger {
    position: absolute;
    top: 10px;
    right: 0; }

.filter-block {
  padding: 20px 30px;
  border: 1px solid #ebebeb; }

.sorter-block {
  padding: 10px;
  margin-top: 20px;
  background: #fbfbfb; }
  .sorter-block .ant-radio-button-wrapper {
    width: 90px;
    height: 42px !important;
    line-height: 40px; }

.filter {
  margin-bottom: 5px; }
  .filter .filter-title,
  .filter .filter-content .filter-item {
    padding: 5px;
    margin: 5px 25px 5px 10px;
    display: inline-block;
    vertical-align: top; }
  .filter .filter-title {
    width: 80px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400; }
  .filter .filter-content {
    width: calc(100% - 115px);
    display: inline-block;
    position: relative;
    line-height: 22px; }
    .filter .filter-content .filter-item {
      width: 95px;
      max-width: 95px;
      margin: 5px 10px;
      display: inline-block;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      font-weight: 200; }
      .filter .filter-content .filter-item.text.selected {
        font-weight: 400; }
      .filter .filter-content .filter-item.text.selected a,
      .filter .filter-content .filter-item.text.selected a:hover {
        color: #e60122; }
      .filter .filter-content .filter-item.color {
        width: 26px;
        height: 26px;
        border: 1px solid #ebebeb;
        border-radius: 100%; }
        .filter .filter-content .filter-item.color.selected {
          box-shadow: 0 0 0 2.5px #e60122; }

.dpj-filter-drawer .dpj-filter-footer {
  border-top: 1px solid #e8e8e8;
  bottom: 0;
  text-align: right;
  padding: 10px 16px;
  position: absolute;
  width: 100%;
  left: 0;
  background: #fff; }

.dpj-filter-drawer .ant-drawer-body {
  padding: 10px 10px 70px 10px; }
  .dpj-filter-drawer .ant-drawer-body .category-block,
  .dpj-filter-drawer .ant-drawer-body .category-block.common .filter-block {
    display: block;
    padding: 0px;
    background: none;
    border: 0; }
  .dpj-filter-drawer .ant-drawer-body .filter,
  .dpj-filter-drawer .ant-drawer-body .category-block.common .filter {
    background: #fbfbfb; }
    .dpj-filter-drawer .ant-drawer-body .filter .filter-title,
    .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-title {
      display: block;
      width: 100%; }
    .dpj-filter-drawer .ant-drawer-body .filter .filter-content,
    .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      .dpj-filter-drawer .ant-drawer-body .filter .filter-content .show-more,
      .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .show-more {
        display: none; }
      .dpj-filter-drawer .ant-drawer-body .filter .filter-content .items,
      .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .items {
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap; }
      .dpj-filter-drawer .ant-drawer-body .filter .filter-content .filter-item,
      .dpj-filter-drawer .ant-drawer-body .filter .filter-content .items .filter-item,
      .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .filter-item,
      .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .items .filter-item {
        padding: 0;
        display: flex;
        padding: 5px;
        margin: 0px;
        max-width: 100%;
        width: auto; }
        .dpj-filter-drawer .ant-drawer-body .filter .filter-content .filter-item.color,
        .dpj-filter-drawer .ant-drawer-body .filter .filter-content .items .filter-item.color,
        .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .filter-item.color,
        .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .items .filter-item.color {
          width: 26px;
          height: 26px;
          margin: 5px; }
        .dpj-filter-drawer .ant-drawer-body .filter .filter-content .filter-item a,
        .dpj-filter-drawer .ant-drawer-body .filter .filter-content .items .filter-item a,
        .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .filter-item a,
        .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .items .filter-item a {
          display: block;
          padding: 5px;
          margin: 5px; }
      .dpj-filter-drawer .ant-drawer-body .filter .filter-content .items a.filter-item,
      .dpj-filter-drawer .ant-drawer-body .category-block.common .filter .filter-content .items a.filter-item {
        padding: 10px;
        margin: 5px;
        display: flex;
        max-width: 100%;
        width: auto; }

.dpj-category-filter {
  display: none; }

.dpj-filter-container {
  max-width: 1392px;
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 767.98px) {
  .dpj-filter-container {
    padding: 0 5px; }
  .category-block,
  .filter-block,
  .dpj-sub-filter-block {
    display: none; }
  .category-block.common {
    margin-top: 0px; }
    .category-block.common .filter-content.collapse {
      height: auto !important; }
  .sorter-block {
    display: flex;
    padding: 5px; }
    .sorter-block .ant-radio-button-wrapper {
      padding: 0 10px;
      width: auto; }
    .sorter-block .ant-radio-group,
    .sorter-block .dpj-category-filter {
      display: flex;
      flex: 1; }
    .sorter-block .dpj-category-filter {
      justify-content: flex-end; } }

.fillter-container {
  display: flex;
  height: 38px;
  line-height: 38px;
}
.fillter-container .title {
  flex: 0 0 150px;
  text-align: center;
  font-size: 16px;
}
.fillter-container .filter-content {
  display: flex;
  flex: 1;
  overflow: hidden;
}
.fillter-container .filter-content .item-multiple {
  display: flex;
  align-items: center;
  width: 100%;
}
.fillter-container .filter-content .item-multiple .text {
  overflow: hidden;
  word-break: normal;
  text-overflow: ellipsis;
  width: 100%;
}
.fillter-container .item {
  min-width: 130px;
  max-width: 130px;
  padding: 0 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.fillter-container .item.active {
  color: #e60122;
  font-weight: 500;
}
.fillter-container .item:hover {
  color: #e60122;
  font-weight: 500;
}
.fillter-container .item:nth-child(1) {
  min-width: 100px;
  max-width: 100px;
}
.filter-action {
  position: relative;
  display: flex;
  flex: 0 0 256px;
}
.filter-action .clear {
  position: absolute;
  top: 8px;
  left: 10px;
  height: 24px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  cursor: pointer;
}
.filter-action .single {
  position: absolute;
  top: 8px;
  right: 68px;
  height: 24px;
  line-height: 14px;
  font-size: 12px;
}
.filter-action .single.show {
  right: 0;
}
.filter-action .multiple {
  position: absolute;
  top: 8px;
  right: 0px;
  height: 24px;
  line-height: 14px;
  font-size: 12px;
}
.order-filter-more .ant-popover-message-title {
  padding: 0;
}
.order-filter-more .ant-popover-inner-content {
  padding: 0;
}
.order-filter-more .ant-popover-message {
  padding: 0;
}
.order-filter-more .ant-checkbox-group .ant-checkbox-wrapper {
  margin: 0 !important;
}
.order-filter-more .ant-checkbox-group .ant-checkbox-wrapper a:hover {
  color: #e60122;
}
.order-filter-more .ant-checkbox {
  height: 14px !important;
  width: 14px !important;
}
.order-filter-more .filter-more-wrap {
  min-width: 310px;
  text-align: initial;
}
.order-filter-more .filter-more-wrap .more-head {
  position: relative;
  height: 60px;
  padding: 16px 24px;
}
.order-filter-more .filter-more-wrap .more-head .left {
  margin-top: 6px;
}
.order-filter-more .filter-more-wrap .more-head .right {
  position: absolute;
  right: 24px;
  width: 200px;
  height: 28px;
}
.order-filter-more .filter-more-wrap .more-head .ant-input {
  height: 28px;
}
.order-filter-more .filter-more-wrap .more-body {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-height: 240px;
  padding: 0 24px;
  cursor: pointer;
  margin-top: 14px;
}
.order-filter-more .filter-more-wrap .more-body .ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin: 0;
}
.order-filter-more .filter-more-wrap .more-body .ant-checkbox-wrapper {
  width: 120px;
  max-width: 120px;
  display: flex;
}
.order-filter-more .filter-more-wrap .more-body .ant-checkbox + span {
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.order-filter-more .filter-more-wrap .more-body .ant-checkbox + span a {
  position: relative;
  top: -2px;
}
.order-filter-more .filter-more-wrap .more-body .title {
  max-width: 120px;
  font-weight: 500;
  margin-top: 6px;
  font-size: 14px;
}
.order-filter-more .filter-more-wrap .more-body .title:nth-child(1) {
  margin-top: 0;
}
.order-filter-more .filter-more-wrap .more-body .item {
  width: 120px;
  padding-left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #777777;
}
.order-filter-more .filter-more-wrap .more-body .item.active {
  color: #e60122;
  font-weight: 500;
}
.order-filter-more .filter-more-wrap .more-body .item:hover {
  color: #e60122;
  font-weight: 500;
}
.order-filter-more .filter-more-wrap .more-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 24px;
  padding: 10px 24px;
  border-top: 1px solid #e0e0e0;
}
.order-filter-more .filter-more-wrap .more-footer .cancel-btn {
  height: 32px;
  margin: 0 10px 0 20px;
}
.order-filter-more .filter-more-wrap .more-footer .search-btn {
  height: 32px;
}

.account-dns-wrap .search-wrap {
  display: flex;
  margin-bottom: 20px;
  align-items: center;
  margin-top: 20px; }
  .account-dns-wrap .search-wrap > div {
    display: flex;
    align-items: center; }

.download-history .datetime dl {
  clear: both;
  margin-bottom: 0; }
  .download-history .datetime dl dt {
    float: left;
    margin-bottom: 0; }
  .download-history .datetime dl dd {
    margin-bottom: 0; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* productlist */
.product-list {
  margin-top: 30px;
  margin-bottom: 30px; }
  .product-list .product {
    padding: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, 0);
    cursor: pointer; }
    .product-list .product:hover {
      border-color: #ebebeb; }
    .product-list .product .product-name {
      height: 42px;
      margin-top: 8px;
      display: -webkit-box;
      overflow: hidden;
      text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      /* autoprefixer: ignore next */
      -webkit-box-orient: vertical; }
    .product-list .product .product-price {
      margin-top: 14px; }
    .product-list .product .lnk-product .product-img-wrapper {
      display: flex;
      display: -webkit-flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .product-list .product .lnk-product .product-img-wrapper img {
        width: 100%;
        max-height: 100%;
        word-break: break-all; }

.product-list-loading {
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center; }

.product-list-pagination {
  margin-top: 60px;
  margin-bottom: 100px;
  text-align: right; }

.empty-search-result {
  margin-top: 70px;
  text-align: center; }

.empty-search-result-title {
  margin-top: 20px;
  margin-bottom: 50px; }

.recommend-section {
  margin-top: 80px; }

.section-content .section-title {
  font-size: 24px;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: -1; }
  .section-content .section-title::after {
    content: '';
    width: 30px;
    height: 2px;
    margin: auto;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    background-color: #aaa; }

.section-content .price,
.section-content .name {
  margin-top: 10px; }

.section-content .name {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.carousel-promotion .slick-list {
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px; }

.carousel-promotion .slick-dots {
  bottom: -20px; }

.carousel-promotion .ant-row-flex {
  padding-top: 20px;
  padding-bottom: 20px; }

.carousel-promotion .img-wrapper {
  width: 100%;
  height: 264px;
  border: 1px solid #ebebeb;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center; }
  .carousel-promotion .img-wrapper:hover {
    box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1); }
  .carousel-promotion .img-wrapper img {
    max-height: 100%; }

.carousel-promotion li {
  margin-left: 4.5px;
  margin-right: 4.5px; }
  .carousel-promotion li button {
    width: 8px !important;
    height: 8px !important;
    border: 1px solid #fff !important;
    background-color: #ebebeb !important;
    border-radius: 100% !important;
    opacity: 1 !important; }
  .carousel-promotion li.slick-active button {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #e60122 !important; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-cascader {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-cascader-input.ant-input {
  position: static;
  width: 100%;
  padding-right: 24px;
  background-color: transparent !important;
  cursor: pointer;
}
.ant-cascader-picker-show-search .ant-cascader-input.ant-input {
  position: relative;
}
.ant-cascader-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-cascader-picker-with-value .ant-cascader-picker-label {
  color: transparent;
}
.ant-cascader-picker-disabled {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-cascader-picker-disabled .ant-cascader-input {
  cursor: not-allowed;
}
.ant-cascader-picker:focus .ant-cascader-input {
  border-color: #f2273f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(230, 1, 34, 0.2);
}
.ant-cascader-picker-show-search.ant-cascader-picker-focused {
  color: rgba(0, 0, 0, 0.25);
}
.ant-cascader-picker-label {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  margin-top: -10px;
  padding: 0 20px 0 12px;
  overflow: hidden;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-cascader-picker-clear {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
}
.ant-cascader-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-cascader-picker:hover .ant-cascader-picker-clear {
  opacity: 1;
}
.ant-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 12px;
  transition: transform 0.2s;
}
.ant-cascader-picker-arrow.ant-cascader-picker-arrow-expand {
  transform: rotate(180deg);
}
.ant-cascader-picker-label:hover + .ant-cascader-input {
  border-color: #f2273f;
  border-right-width: 1px !important;
}
.ant-cascader-picker-small .ant-cascader-picker-clear,
.ant-cascader-picker-small .ant-cascader-picker-arrow {
  right: 8px;
}
.ant-cascader-menus {
  position: absolute;
  z-index: 1050;
  font-size: 14px;
  white-space: nowrap;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-cascader-menus ul,
.ant-cascader-menus ol {
  margin: 0;
  list-style: none;
}
.ant-cascader-menus-empty,
.ant-cascader-menus-hidden {
  display: none;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-bottomLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-cascader-menus.slide-up-enter.slide-up-enter-active.ant-cascader-menus-placement-topLeft,
.ant-cascader-menus.slide-up-appear.slide-up-appear-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-cascader-menus.slide-up-leave.slide-up-leave-active.ant-cascader-menus-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-cascader-menu {
  display: inline-block;
  min-width: 111px;
  height: 180px;
  margin: 0;
  padding: 4px 0;
  overflow: auto;
  vertical-align: top;
  list-style: none;
  border-right: 1px solid #e8e8e8;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.ant-cascader-menu:first-child {
  border-radius: 4px 0 0 4px;
}
.ant-cascader-menu:last-child {
  margin-right: -1px;
  border-right-color: transparent;
  border-radius: 0 4px 4px 0;
}
.ant-cascader-menu:only-child {
  border-radius: 4px;
}
.ant-cascader-menu-item {
  padding: 5px 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-cascader-menu-item:hover {
  background: #FAFAFA;
}
.ant-cascader-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-cascader-menu-item-disabled:hover {
  background: transparent;
}
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  font-weight: 400;
  background-color: #fafafa;
}
.ant-cascader-menu-item-expand {
  position: relative;
  padding-right: 24px;
}
.ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
.ant-cascader-menu-item-loading-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  right: 12px;
  color: rgba(0, 0, 0, 0.45);
}
:root .ant-cascader-menu-item-expand .ant-cascader-menu-item-expand-icon,
:root .ant-cascader-menu-item-loading-icon {
  font-size: 12px;
}
.ant-cascader-menu-item .ant-cascader-menu-item-keyword {
  color: #f5222d;
}

.fba-order-list .fba-nav-wrap {
  margin: 10px 0 20px 0; }
  .fba-order-list .fba-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
    font-size: 16px !important; }

.fba-order-list .fab-search-wrap {
  display: flex;
  margin-bottom: 20px; }
  .fba-order-list .fab-search-wrap > div {
    flex: 1; }
  .fba-order-list .fab-search-wrap .search-right {
    text-align: right; }
  .fba-order-list .fab-search-wrap .sort-wrap {
    display: inline-flex;
    align-items: center; }
    .fba-order-list .fab-search-wrap .sort-wrap .sort-icon {
      display: flex;
      flex-direction: column;
      position: relative;
      height: 100%;
      width: 10px;
      margin-left: 5px; }
      .fba-order-list .fab-search-wrap .sort-wrap .sort-icon .up {
        position: absolute;
        font-size: 12px;
        top: 10px;
        color: rgba(0, 0, 0, 0.3); }
      .fba-order-list .fab-search-wrap .sort-wrap .sort-icon .down {
        position: absolute;
        font-size: 12px;
        bottom: 8px;
        color: rgba(0, 0, 0, 0.3); }

.select-product-modal .search-wrap {
  padding: 20px 37px;
  display: flex;
  align-items: center; }

.select-product-modal .ant-modal-body {
  padding: 0; }

.select-product-modal .product-content-scroller {
  padding: 0 20px 20px 20px;
  height: 600px; }
  .select-product-modal .product-content-scroller .product-list {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    .select-product-modal .product-content-scroller .product-list .not-found {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, 50%); }
    .select-product-modal .product-content-scroller .product-list .product-item {
      box-sizing: border-box;
      width: 204px;
      height: 262px;
      margin: 0 14px 24px 14px;
      border: 1px solid rgba(13, 19, 45, 0.15);
      border-radius: 2px; }
      .select-product-modal .product-content-scroller .product-list .product-item .product-image {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 100%;
        overflow: hidden; }
        .select-product-modal .product-content-scroller .product-list .product-item .product-image img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
        .select-product-modal .product-content-scroller .product-list .product-item .product-image .product-selected {
          position: absolute;
          top: 8px;
          right: 8px; }
      .select-product-modal .product-content-scroller .product-list .product-item .product-name {
        border-top: 1px solid rgba(13, 19, 45, 0.15);
        color: rgba(38, 38, 38, 0.85);
        font-size: 14px;
        padding: 0 8px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }

.goods-compute-wrap {
  display: flex;
  flex-direction: column; }
  .goods-compute-wrap .compute-base {
    margin-bottom: 40px; }
  .goods-compute-wrap .select-goods-wrap {
    position: relative;
    width: 170px;
    height: 170px;
    border: 1px solid #E0E0E0;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    cursor: pointer; }
    .goods-compute-wrap .select-goods-wrap .select-icon-wrap {
      position: absolute;
      display: flex;
      flex-direction: column;
      width: 60px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -35%); }
      .goods-compute-wrap .select-goods-wrap .select-icon-wrap .icon-content {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        background: #fafafa; }
      .goods-compute-wrap .select-goods-wrap .select-icon-wrap .desc {
        color: #BFBFBF; }
    .goods-compute-wrap .select-goods-wrap .product-item {
      width: 168px;
      height: 168px;
      border-radius: 2px;
      overflow: hidden; }
      .goods-compute-wrap .select-goods-wrap .product-item .product-image {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 100%;
        overflow: hidden; }
        .goods-compute-wrap .select-goods-wrap .product-item .product-image img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
        .goods-compute-wrap .select-goods-wrap .product-item .product-image .product-selected {
          position: absolute;
          top: 8px;
          right: 8px; }
      .goods-compute-wrap .select-goods-wrap .product-item .product-name {
        border-top: 1px solid rgba(13, 19, 45, 0.15);
        color: rgba(38, 38, 38, 0.85);
        font-size: 14px;
        padding: 5px 8px;
        line-height: 24px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
  .goods-compute-wrap .product-head-wrap {
    max-width: 200px;
    margin-left: 20px;
    font-size: 14px; }
    .goods-compute-wrap .product-head-wrap .lable {
      width: 70px;
      height: 20px;
      font-weight: 500; }
    .goods-compute-wrap .product-head-wrap .title {
      padding: 8px 0;
      line-height: 24px;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      line-height: 24px; }
  .goods-compute-wrap .head {
    display: flex;
    height: 15px;
    align-items: center;
    margin-bottom: 20px; }
    .goods-compute-wrap .head .block {
      flex: 0 0 4px;
      height: 100%;
      background: #000; }
    .goods-compute-wrap .head .title {
      margin-left: 10px;
      color: #262626;
      font-size: 16px; }
  .goods-compute-wrap .compute-table {
    position: relative; }

.image-gallery-layout {
  padding: 0 !important;
  border: none !important; }
  .image-gallery-layout .left-container {
    height: 700px;
    float: left; }
    .image-gallery-layout .left-container .navigationPage {
      display: flex;
      height: 700px; }
      .image-gallery-layout .left-container .navigationPage .categoryNavigation {
        border-radius: 3px;
        border: 1px solid #e0e0e0;
        user-select: none;
        display: inline-block;
        max-width: 300px;
        min-width: 180px;
        position: relative;
        height: 100%;
        max-height: 700px;
        min-height: 440px; }
        .image-gallery-layout .left-container .navigationPage .categoryNavigation .ant-input-affix-wrapper {
          width: 100% !important; }
        .image-gallery-layout .left-container .navigationPage .categoryNavigation .navigationTitle {
          border-bottom: 1px solid #e0e0e0;
          font-size: 18px;
          color: #262626;
          text-align: left;
          height: 42px;
          text-align: center;
          line-height: 42px; }
        .image-gallery-layout .left-container .navigationPage .categoryNavigation .categorySearch {
          margin-left: 8px;
          margin-right: 8px;
          margin-bottom: 8px;
          width: auto; }
          .image-gallery-layout .left-container .navigationPage .categoryNavigation .categorySearch .ant-input {
            height: 34px !important; }
        .image-gallery-layout .left-container .navigationPage .categoryNavigation .content {
          position: relative;
          height: 600px; }
          .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .ant-spin-nested-loading {
            position: absolute;
            top: 0;
            bottom: 74px;
            left: 0;
            right: 0; }
          .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .categoryTree {
            overflow-x: scroll;
            overflow-y: scroll;
            padding-bottom: 10px;
            border-radius: 3px;
            height: 520px; }
            .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .categoryTree::-webkit-scrollbar {
              width: 6px;
              height: 6px; }
            .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .categoryTree::-webkit-scrollbar-thumb {
              border-radius: 10px;
              -webkit-box-shadow: inset 0 0 5px #9b9ba3;
              background: #e0e0e0; }
              .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .categoryTree::-webkit-scrollbar-thumb:active {
                background: #777777; }
              .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .categoryTree::-webkit-scrollbar-thumb:horizontal {
                width: 20px; }
          .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .sapce-wrap {
            position: absolute;
            bottom: -4px;
            left: 0;
            right: 0;
            height: 74px;
            padding: 0 10px;
            box-shadow: 0px 0px 10px -8px #262626; }
            .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .sapce-wrap .title {
              font-weight: 500;
              margin-top: 4px; }
              .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .sapce-wrap .title > .icon-ds-info-alt {
                position: relative;
                top: -2px; }
            .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .sapce-wrap .progress-bar {
              margin-top: -2px; }
            .image-gallery-layout .left-container .navigationPage .categoryNavigation .content .sapce-wrap .desc {
              display: flex;
              justify-content: space-between;
              font-size: 12px; }
      .image-gallery-layout .left-container .navigationPage .categoryWResize {
        cursor: w-resize;
        display: inline-block;
        min-width: 20px;
        width: 20px; }
  .image-gallery-layout .right-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 30px 30px 0 30px;
    border: 1px solid #e0e0e0;
    border-radius: 3;
    margin-left: 200px; }
    .image-gallery-layout .right-container .imglist-searchbar {
      margin-bottom: 10px; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sbc-designer-wrapper .designer-main .left-panel, .sbc-designer-wrapper .designer-main .right-panel {
  width: 360px;
  display: flex;
  height: 100%;
  background-color: white; }

.sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .size-picker .size-picker-price:not(.no-price)::before, .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-footer .default-price .default-price-content::before {
  content: '\A5';
  position: absolute;
  left: -12px;
  top: 0; }

.loading-container .ant-spin-spinning {
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  justify-content: center;
  z-index: 1061;
  align-items: center; }

.sbc-designer-wrapper .ant-input-search-icon {
  font-size: 16px; }

.sbc-designer-wrapper .ps .ps__thumb-y {
  background-color: #e0e0e0;
  width: 4px; }

.sbc-designer-wrapper .ps.ps--scrolling-y .ps__thumb-y {
  background-color: #777777; }

.sbc-designer-wrapper .ps .ps__rail-y {
  right: 8px !important; }
  .sbc-designer-wrapper .ps .ps__rail-y:hover > .ps__thumb-y, .sbc-designer-wrapper .ps .ps__rail-y:focus > .ps__thumb-y, .sbc-designer-wrapper .ps .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #777777; }

.sbc-designer-wrapper .dcl-decoration.dcl-selected,
.sbc-designer-wrapper .dcl-decoration.dcl-selecting {
  margin: -1px 0 0 -1px; }

.sbc-designer-wrapper .button-link {
  color: #1d75e5; }

.sbc-designer-wrapper .scrollbar-container {
  width: 100%; }

.sbc-designer-wrapper .static-toolbar {
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #e0e0e0; }
  .sbc-designer-wrapper .static-toolbar button {
    padding: 0 15px;
    font-weight: 200;
    display: flex;
    align-items: center;
    background: white; }
    .sbc-designer-wrapper .static-toolbar button:disabled {
      color: #bfbfbf; }
    .sbc-designer-wrapper .static-toolbar button .iconfont {
      font-size: 20px;
      margin-right: 5px; }
  .sbc-designer-wrapper .static-toolbar .canvas-tools,
  .sbc-designer-wrapper .static-toolbar .item-tools {
    display: flex;
    width: 50%;
    padding: 0 15px; }
  .sbc-designer-wrapper .static-toolbar .canvas-tools {
    justify-content: flex-end; }
  .sbc-designer-wrapper .static-toolbar .item-tools {
    border-left: 1px solid #e0e0e0; }

.sbc-designer-wrapper .designer-main {
  display: flex;
  justify-content: space-between;
  background-color: #f2f2f2;
  height: calc(100% - 60px);
  overflow: hidden; }
  .sbc-designer-wrapper .designer-main .ant-spin-container {
    height: 100%; }
  .sbc-designer-wrapper .designer-main .ant-select-arrow {
    transition: all 0.3s; }
    .sbc-designer-wrapper .designer-main .ant-select-arrow .ant-select-arrow-icon {
      font-size: 12px;
      color: #8c8c8c; }
  .sbc-designer-wrapper .designer-main .ant-select-open .ant-select-arrow {
    transform: rotate(180deg); }
  .sbc-designer-wrapper .designer-main .left-panel {
    border-right: 1px solid #e0e0e0; }
    .sbc-designer-wrapper .designer-main .left-panel .panel-list {
      border-right: 1px solid #e0e0e0; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item {
        width: 100px;
        height: 80px;
        display: block;
        position: relative;
        font-weight: 200;
        background: white; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.active::before {
          content: '';
          width: 4px;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #e60122; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item:hover, .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item:active {
          background-color: #f2f2f2; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item .panel-icon {
          display: block;
          font-size: 24px;
          padding-bottom: 5px; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item .panel-text {
          margin: 0; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.help {
          position: absolute;
          bottom: 0; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.help:hover, .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.help:active {
            background-color: white;
            color: #e60122; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.help .panel-icon {
            font-size: 18px; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-list .panel-list-item.help .panel-text {
            font-size: 12px; }
    .sbc-designer-wrapper .designer-main .left-panel .panel-content {
      width: 100%;
      padding: 20px; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-title {
        font-weight: 400;
        margin-bottom: 20px;
        font-size: 16px;
        color: #262626; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .login-tip {
        background: white;
        text-align: center; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .login-tip .login-tip-text {
          font-weight: 200;
          margin-bottom: 20px;
          padding: 0 20px; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .ant-tabs .ant-tabs-bar {
        margin: 0; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .category-wrap {
        display: flex;
        align-items: center;
        margin-top: 10px;
        padding-bottom: 6px; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-uploads button {
        color: #bfbfbf;
        font-size: 14px;
        font-weight: 200; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-uploads button .iconfont {
          text-align: center;
          background: #fafafa;
          border-radius: 100%;
          width: 30px;
          height: 30px;
          line-height: 30px;
          color: #e60122; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-uploads .tips {
        color: #777;
        font-weight: 200;
        font-size: 12px;
        margin-top: 10px;
        text-align: center; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-category {
        margin-top: 10px; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-category.ant-select .ant-select-selection {
          border: none;
          border-radius: 0;
          box-shadow: none;
          border-bottom: 1px solid #e0e0e0;
          text-align: center;
          height: 42px;
          overflow: hidden; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-category.ant-select .ant-select-selection .ant-select-selection-selected-value {
            float: none;
            padding: 5px; }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-body {
        position: relative;
        height: calc(100vh - 264px); }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-body .panel-content-scroller {
          position: absolute;
          left: -25px;
          width: 250px;
          padding: 8px 20px;
          height: calc(100vh - 370px); }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-body .panel-content-scroller.panel-content-scroller--images {
            height: calc(100vh - 380px); }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-body .panel-content-scroller.panel-content-scroller--texts {
            height: calc(100vh - 310px); }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-body .panel-content-more {
          width: 100%;
          text-align: center;
          position: absolute;
          bottom: 0;
          background: rgba(255, 255, 255, 0.5); }
      .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-texts {
          width: 100%;
          margin-top: 20px; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-texts .ant-input-affix-wrapper {
            margin-bottom: 20px; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-texts .ant-input-affix-wrapper .ant-input-suffix .anticon {
              color: #e62154; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list.upload-list {
          margin-top: 12px;
          position: relative; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list.upload-list .login-tip {
            background: white;
            width: 100%;
            height: 100%;
            text-align: center;
            padding-top: 20px;
            z-index: 2;
            position: absolute;
            top: 0;
            left: 0; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list.upload-list .login-tip .iconfont {
              border-radius: 50%;
              color: white;
              background: #ebebeb;
              padding: 12px;
              font-size: 26px; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list.upload-list .login-tip .login-tip-text {
              margin-top: 20px;
              padding: 0 20px; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .ant-empty {
          margin-top: 16px;
          width: 100%; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .ant-pagination {
          width: 100%;
          text-align: center;
          margin-top: 10px; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .ant-pagination.ant-pagination-simple .ant-pagination-next,
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .ant-pagination.ant-pagination-simple .ant-pagination-prev {
            height: 24px !important;
            line-height: 24px !important; }
        .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item {
          width: 100px;
          height: 100px;
          margin-bottom: 10px;
          border: 6px solid white;
          cursor: pointer;
          position: relative;
          transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          display: flex;
          justify-content: center;
          align-items: center;
          background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0);
          background-size: 6px 6px;
          background-position: 0 0, 0 3px, 3px -3px, -3px 0; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.product-item {
            background: #fff; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.product-item img {
              border: 1px solid #ebebeb; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.product-item:hover img {
              border-color: #fff; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item img {
            max-height: 100%;
            display: flex;
            max-width: 100%; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item::before {
            display: block;
            content: '';
            padding-bottom: 100%; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item:hover {
            box-shadow: 1px 1px 20px 2px rgba(0, 0, 0, 0.1); }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item:hover .panel-content-list-item-name {
              display: none; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item .panel-content-list-item-name {
            width: 100%;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            left: 0px;
            color: white;
            font-size: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            padding: 2px 10px;
            bottom: 0;
            display: flex;
            display: -webkit-box;
            justify-content: center;
            text-align: center;
            max-height: 38px;
            -webkit-line-clamp: 2;
            /* autoprefixer: ignore next */
            -webkit-box-orient: vertical; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .upload-list-item--action {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            width: 100%; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .ant-progress {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: rgba(0, 0, 0, 0.45);
            pointer-events: all;
            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            opacity: 1;
            z-index: 1; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .ant-progress.invisible {
              opacity: 0;
              z-index: -1; }
            .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .ant-progress > div {
              margin: 50% 0;
              transform: translateY(-50%);
              padding: 10px; }
              .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .ant-progress > div::after {
                content: '\4E0A\4F20\4E2D...';
                color: white;
                text-align: center;
                display: block;
                width: 100%; }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item .delete {
            position: absolute;
            right: 0;
            top: 0;
            display: none;
            background: rgba(255, 255, 255, 0.6); }
          .sbc-designer-wrapper .designer-main .left-panel .panel-content .panel-content-list .panel-content-list-item.upload-list-item:hover .delete {
            display: block; }
  .sbc-designer-wrapper .designer-main .right-panel {
    border-left: 1px solid #e0e0e0; }
    .sbc-designer-wrapper .designer-main .right-panel .panel-content {
      width: 100%; }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-mask {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-mask + .panel-drawer {
          z-index: 100; }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: white; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body {
          max-height: calc(100vh - 300px);
          overflow: auto; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .panel-drawer-top {
            padding: 20px 20px 0 20px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .panel-drawer-top .panel-close {
              position: absolute;
              top: 12px;
              right: 12px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .panel-drawer-top .panel-close .iconfont {
                font-size: 21px; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list {
            margin-right: -20px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group {
              width: 100%;
              display: flex;
              flex-wrap: wrap; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item {
                width: 90px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                position: relative;
                margin: 0 20px 10px 0;
                text-align: center; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-selector .ant-checkbox {
                  position: absolute;
                  top: 10px;
                  right: 10px;
                  z-index: 1; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-selector .ant-checkbox + span {
                    display: block;
                    padding: 0; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-image {
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  width: 90px;
                  height: 90px;
                  position: relative; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-image .color {
                    flex: 1;
                    height: 100%; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-image img {
                    position: absolute;
                    max-height: 100%; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .color-list .ant-checkbox-group .preview-list-item .preview-name {
                  font-weight: 200; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .size-picker {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
            font-weight: 200; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .size-picker .size-picker-name {
              width: 30px;
              max-width: 20%; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .size-picker .size-picker-price {
              position: relative; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .palette-swatch {
            width: 28px;
            height: 28px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            padding: 2px;
            margin: 5px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .palette-swatch .palette-swatch--inner {
              height: 100%;
              border-radius: 4px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .palette-swatch:hover {
              cursor: pointer; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .palette-color-picker {
            position: absolute;
            z-index: 2;
            top: 54px;
            right: 20px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer .panel-drawer-body .palette-color-picker .palette-color-picker--overlay {
              position: fixed;
              top: 0px;
              right: 0px;
              bottom: 0px;
              left: 0px; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items {
          height: calc(100vh - 400px); }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-drawer-body {
            height: 100%; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container {
            position: absolute;
            padding: 20px 0;
            width: 360px;
            top: 111px;
            background: #ffffff;
            border: 1px solid #e0e0e0;
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
            border-radius: 4px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type {
              display: flex;
              height: 90px;
              margin-top: 10px;
              justify-content: space-evenly; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div {
                display: flex;
                flex-direction: column;
                flex: 0 70px; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div .icon {
                  flex: 0 70px;
                  border: 1px solid #eeeeee;
                  position: relative; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div .icon.active {
                    color: #23d05f;
                    border-color: #23d05f; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div .icon .ds-icon {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    font-size: 50px; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div .desc {
                  line-height: 20px;
                  font-size: 12px;
                  color: #262626;
                  text-align: center; }
                  .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .title-type > div .desc.active {
                    color: #23d05f; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container {
              position: relative;
              margin-top: 20px;
              padding: 0 10px 0 20px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .y-content,
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .x-content {
                display: flex;
                height: 40px; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .y-content .desc,
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .x-content .desc {
                  margin-right: 20px;
                  line-height: 40px;
                  font-size: 12px; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .y-content .slider,
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .x-content .slider {
                  flex: 0 240px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .lock {
                position: absolute;
                top: 27px;
                left: 18px;
                width: 60px;
                text-align: center; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .ant-slider-step,
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .ant-slider-track,
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .ant-slider-rail {
                height: 2px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .title-container .slider-container .ant-slider-handle {
                margin-top: -6px; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            user-select: none;
            min-height: 54px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile {
              position: relative;
              padding: 0 !important; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .title {
                position: absolute;
                right: 50px;
                top: 15px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .title-icon {
                position: absolute;
                left: 19px;
                top: 15px;
                font-size: 24px; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .ant-collapse-content > .ant-collapse-content-box {
                padding: 16px 0; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .ant-collapse {
                border: none;
                background: #ffffff;
                width: 100%; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .ant-collapse-item {
                border: none; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .ant-collapse-item .ant-collapse-header .ant-collapse-arrow {
                  right: 20px; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.tile .ant-collapse-item .ant-collapse-header {
                  padding-left: 52px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-item--button {
              cursor: pointer; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer {
              min-height: 108px;
              flex-direction: column;
              align-items: flex-end;
              justify-content: initial; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer .dcl-item-placement-toolbar {
                flex-wrap: wrap !important;
                z-index: 1000;
                height: auto;
                width: auto;
                justify-content: flex-end; }
                .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer .dcl-item-placement-toolbar .dcl-item-toolbar-component {
                  margin: 0; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer h4 {
                width: 100%; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item h4 {
              margin: 0;
              font-weight: 200;
              white-space: nowrap;
              color: #262626; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item h4 .iconfont {
                font-size: 24px;
                margin-right: 10px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer h4 {
              padding: 10px 0; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item.panel-content-image-resizer #imageResizeToolbar {
              align-items: flex-end; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .panel-content-item-list {
              display: flex;
              flex-wrap: wrap;
              justify-content: flex-end;
              max-width: 75%; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .item-button {
              padding: 0;
              min-width: 0;
              margin-right: 10px;
              border-radius: 4px;
              width: 30px;
              height: 30px;
              line-height: 1.499; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .item-button:last-child {
                margin-right: 0; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .item-button:hover {
                color: #e60122;
                background-color: #f0fff3; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .item-button:not(.active):focus {
                color: initial;
                border-color: #d9d9d9; }
              .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .item-button .iconfont {
                font-size: 18px; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-drawer.panel-drawer-items .panel-content-item .item-buttons .ant-input-number {
              width: 80px; }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-body {
        max-height: calc(100vh - 400px); }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item-header {
        margin-bottom: 20px;
        font-size: 16px;
        font-weight: 400; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item-header .header-content {
          font-size: 14px;
          font-weight: 300; }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item {
        border-bottom: 1px solid #ebebeb;
        padding: 20px;
        position: relative; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item:last-child {
          border-bottom: 0; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list {
          display: flex;
          flex-wrap: wrap; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item {
            width: 32px;
            height: 32px;
            display: flex;
            margin: 0 10px 10px 0;
            border: 1px solid #e0e0e0;
            position: relative; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item .color {
              flex: 1;
              height: 100%; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item.active::before {
              content: '\E635';
              font-family: 'iconfont';
              font-size: 12px;
              color: white;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item.active.light::before {
              color: #777777; }
            .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item.active, .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-item .color-list .color-list-item:hover {
              cursor: pointer;
              border: 2px solid #e60122; }
      .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-footer {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-footer .default-price {
          display: flex;
          padding: 20px;
          justify-content: space-between;
          align-items: center; }
          .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-footer .default-price .default-price-content {
            font-size: 18px;
            position: relative; }
        .sbc-designer-wrapper .designer-main .right-panel .panel-content .panel-content-footer .panel-content-actions {
          border-top: 1px solid #ebebeb;
          padding: 20px; }
  .sbc-designer-wrapper .designer-main .design-area {
    width: calc(100vw - 720px);
    height: 100%;
    overflow: hidden;
    position: relative; }
    .sbc-designer-wrapper .designer-main .design-area .canvas {
      margin: 10% auto;
      width: 100%;
      height: 60%;
      padding: 0 50px;
      max-height: calc(100vh - 320px); }
    .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool {
      position: absolute;
      display: flex;
      justify-content: center;
      bottom: 32px;
      z-index: 10;
      width: 100%; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-preview {
        width: 60px;
        height: 60px;
        background-color: #f2f2f2;
        margin: 0 10px 10px 50px;
        border-radius: 4px; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-preview .iconfont {
          font-size: 24px; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-preview p {
          margin-bottom: 0;
          font-size: 10px; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-preview:hover .iconfont,
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-preview:hover p {
          color: #e60122; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-item-list {
        max-width: 310px; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-item-arrow {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        background: #fff;
        box-shadow: 2px 2px 2px #ccc;
        margin-bottom: 40px; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .slider-item {
        list-style: none;
        width: 60px;
        display: flex;
        flex-direction: column;
        margin: 0 10px 10px;
        cursor: pointer; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .slider-item img {
          max-width: 100%;
          order: 1;
          border-radius: 4px;
          border: 1px solid #bfbfbf;
          min-width: 60px;
          min-height: 60px; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .slider-item span {
          display: block;
          text-align: center;
          color: #777;
          padding: 5px;
          font-weight: 400;
          order: 2;
          font-size: 10px; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .slider-item.scene-item-active img {
          border-color: red; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-switcher {
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-switcher li {
          list-style: none;
          width: 60px;
          display: flex;
          flex-direction: column;
          margin: 0 10px 10px;
          cursor: pointer; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-switcher li img {
            max-width: 100%;
            order: 1;
            border-radius: 4px;
            border: 1px solid #bfbfbf;
            min-width: 60px;
            min-height: 60px; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-switcher li span {
            display: block;
            text-align: center;
            color: #777;
            padding: 5px;
            font-weight: 400;
            order: 2;
            font-size: 10px; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .scene-switcher li.scene-item-active img {
            border-color: red; }
      .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene {
        display: flex;
        width: 100%;
        justify-content: center;
        overflow: hidden; }
        .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene .dcl-change-scene__item {
          width: 60px;
          text-align: center;
          display: flex;
          flex-wrap: wrap; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene .dcl-change-scene__item .dcl-change-scene__item__title {
            order: 2;
            padding: 5px;
            width: 100%;
            color: #777777;
            font-weight: 400; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene .dcl-change-scene__item .dcl-change-scene__item__img-wrapper {
            order: 1; }
            .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene .dcl-change-scene__item .dcl-change-scene__item__img-wrapper img {
              width: 100%;
              min-width: 60px;
              min-height: 60px;
              border: 1px solid #bfbfbf;
              border-radius: 4px; }
          .sbc-designer-wrapper .designer-main .design-area .canvas-inner-tool .canvas-switcher .dcl-change-scene .dcl-change-scene__item.dcl-change-scene__item--enabled .dcl-change-scene__item__img-wrapper img {
            border-color: #e60122; }

.login-modal .ant-modal-body {
  padding: 60px; }
  .login-modal .ant-modal-body .ant-form-item {
    margin-bottom: 30px; }
    .login-modal .ant-modal-body .ant-form-item:last-child {
      margin-bottom: 0;
      margin-top: -18px; }

.login-modal h2 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 12px; }

.login-modal h5 {
  text-align: center;
  font-size: 16px;
  margin-bottom: 50px; }

.login-modal .login-form-button {
  width: 100%; }

.login-modal .login-form-register {
  color: #bfbfbf;
  font-size: 12px; }
  .login-modal .login-form-register:first-child {
    margin-right: 10px;
    color: #e60122; }
  .login-modal .login-form-register:last-child {
    margin-left: 10px; }
  .login-modal .login-form-register:hover {
    color: #e60122; }

.hotkey-pop .ant-popover-title {
  border: none;
  font-size: 16px;
  border-bottom: 0;
  padding: 20px 0 15px 20px;
  font-weight: 400; }

.hotkey-pop .ant-popover-inner-content {
  padding: 0 10px 10px 20px;
  height: 270px;
  overflow: hidden; }
  .hotkey-pop .ant-popover-inner-content .ps__thumb-y {
    width: 2px;
    background-color: #e0e0e0; }
  .hotkey-pop .ant-popover-inner-content ul {
    margin: 0;
    padding: 0 10px 0 0; }
    .hotkey-pop .ant-popover-inner-content ul li {
      width: 230px;
      display: flex;
      justify-content: space-between;
      list-style: none;
      border-bottom: 1px solid #e0e0e0;
      padding: 5px 0; }
      .hotkey-pop .ant-popover-inner-content ul li:last-child {
        border: none; }
      .hotkey-pop .ant-popover-inner-content ul li span {
        font-size: 12px; }

.canvas-tip {
  max-width: 100%;
  z-index: 2 !important; }
  .canvas-tip .iconfont {
    margin-right: 5px; }
  .canvas-tip .ant-tooltip-inner {
    background-color: #faad14;
    font-weight: 400; }
  .canvas-tip .ant-tooltip-arrow {
    border-top-color: #faad14; }
    .canvas-tip .ant-tooltip-arrow::before {
      background-color: #faad14; }

.dcl-contextual-validation-popper {
  z-index: 2 !important; }

.panel-category-option {
  text-align: center; }

.panel-pop-confirm .ant-popover-message-title {
  text-align: center;
  padding: 0;
  font-weight: 200; }

.panel-pop-confirm .ant-popover-buttons {
  text-align: center; }

.designer-modal .ant-modal-close-icon {
  font-size: 21px; }

.designer-modal .ant-modal-body {
  display: flex;
  padding-top: 60px;
  min-height: 230px;
  justify-content: center;
  align-items: center; }
  .designer-modal .ant-modal-body .gallery img {
    max-width: initial; }
  .designer-modal .ant-modal-body .gallery .iconfont {
    font-size: inherit;
    color: inherit;
    margin: 0; }
  .designer-modal .ant-modal-body .iconfont {
    font-size: 44px;
    margin-right: 20px;
    color: #e60122; }
    .designer-modal .ant-modal-body .iconfont.icon-ds-info-alt {
      color: #e62154; }
  .designer-modal .ant-modal-body p {
    font-size: 16px;
    margin: 0; }

.designer-modal .ant-modal-footer button {
  padding: 0 14px; }
  .designer-modal .ant-modal-footer button + button {
    margin-left: 20px; }

.dcl-editor-mode--customerDesigner .design-modal-wrap {
  width: 80% !important;
  max-width: 1200px;
  min-width: 750px; }

.dcl-editor-mode--customerDesigner .ant-message {
  z-index: 1061; }

.dcl-editor-mode--customerDesigner .ant-modal-mask {
  z-index: 1060; }

.dcl-editor-mode--customerDesigner .ant-modal-wrap {
  z-index: 1061 !important; }
  .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-close-icon {
    font-size: 21px; }
  .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body {
    display: flex;
    padding-top: 60px;
    min-height: 230px;
    justify-content: center;
    align-items: center; }
    .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body .gallery img {
      max-width: initial; }
    .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body .gallery .iconfont {
      font-size: inherit;
      color: inherit;
      margin: 0; }
    .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body .iconfont {
      font-size: 44px;
      margin-right: 20px;
      color: #e60122; }
      .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body .iconfont.icon-ds-info-alt {
        color: #e62154; }
    .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-body p {
      font-size: 16px;
      margin: 0; }
  .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-footer button {
    padding: 0 14px; }
    .dcl-editor-mode--customerDesigner .ant-modal-wrap.designer-modal .ant-modal-footer button + button {
      margin-left: 20px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-handle {
  border: 0;
  border-radius: 0;
  width: 6px;
  height: 6px;
  background-color: white; }
  .dcl-editor-mode--customerDesigner .dcl-ui-resizable-handle:hover {
    background-color: #697582; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-nw {
  top: -3px;
  left: -4px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-ne {
  top: -3px;
  right: -3px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-sw {
  bottom: -3px;
  left: -3px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-se {
  right: -2px;
  bottom: -3px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-w {
  left: -4px;
  margin-top: -4px; }

.dcl-editor-mode--customerDesigner .dcl-ui-resizable-e {
  right: -4px;
  margin-top: -4px; }

.dcl-editor-mode--customerDesigner .dcl-deletable-handle,
.dcl-editor-mode--customerDesigner .dcl-rotatable-handle {
  width: 12px;
  height: 12px; }

.dcl-editor-mode--customerDesigner .dcl-deletable-handle__icon-container,
.dcl-editor-mode--customerDesigner .dcl-rotatable-handle__icon-container {
  line-height: 1;
  border: 0;
  border-radius: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff; }
  .dcl-editor-mode--customerDesigner .dcl-deletable-handle__icon-container:hover,
  .dcl-editor-mode--customerDesigner .dcl-rotatable-handle__icon-container:hover {
    background-color: white; }

.dcl-editor-mode--customerDesigner .dcl-deletable-handle__icon,
.dcl-editor-mode--customerDesigner .dcl-rotatable-handle__icon {
  width: 8px;
  height: 8px;
  top: -1px; }

.dcl-editor-mode--customerDesigner .dcl-deletable-handle {
  bottom: -5px;
  left: -5px; }
  .dcl-editor-mode--customerDesigner .dcl-deletable-handle .dcl-deletable-handle__icon .dcl-icon__use {
    color: #e62154;
    fill: #e62154; }

.dcl-editor-mode--customerDesigner .dcl-rotatable-handle {
  top: -10px;
  right: -8px; }
  .dcl-editor-mode--customerDesigner .dcl-rotatable-handle .dcl-rotatable-handle__icon .dcl-icon__use {
    color: black;
    fill: black; }

.dcl-editor-mode--customerDesigner .dcl-rotatable-handle__degrees {
  top: 15px;
  right: -20px;
  text-shadow: none;
  background: #f0fff3;
  padding: 0 5px; }

.dcl-editor-mode--customerDesigner .dcl-image-crop-area .dcl-resize-crop-area {
  border: 1px dashed #555; }

.dcl-editor-mode--customerDesigner .dcl-decoration.dcl-over {
  border: 1px solid #555; }

.dcl-editor-mode--customerDesigner .dcl-decoration.dcl-selected, .dcl-editor-mode--customerDesigner .dcl-decoration.dcl-selecting {
  border: 1px dashed #555;
  backface-visibility: visible; }

.dcl-editor-mode--customerDesigner .dcl-lightbox,
.dcl-editor-mode--customerDesigner .dcl-modal {
  z-index: 1061; }

.dcl-editor-mode--customerDesigner .dcl-button {
  border-color: #e60122;
  background-color: #e60122;
  font-weight: 300;
  border-width: 1px; }
  .dcl-editor-mode--customerDesigner .dcl-button:hover, .dcl-editor-mode--customerDesigner .dcl-button:focus {
    border-color: #e60122;
    background-color: #e60122; }

.dcl-editor-mode--customerDesigner .dcl-button--alternate {
  border-color: #e60122;
  color: #e60122;
  background-color: white; }
  .dcl-editor-mode--customerDesigner .dcl-button--alternate:hover, .dcl-editor-mode--customerDesigner .dcl-button--alternate:focus {
    border-color: #e60122;
    color: #e60122;
    background-color: white; }

.ant-btn-danger {
  background: #e62154;
  color: white; }

.dpj-designer-modal .sbc-designer-wrapper .designer-main .design-area {
  width: auto; }

.dpj-popconfirm .ant-popover-inner {
  text-align: left; }

.dcl-item-toolbar--positioning {
  margin-left: 30px !important; }

.fba-order-list .fba-nav-wrap {
  margin: 10px 0 20px 0; }
  .fba-order-list .fba-nav-wrap .ant-tabs-nav .ant-tabs-tab-active {
    font-size: 16px !important; }

.fba-order-list .fab-search-wrap {
  display: flex;
  margin-bottom: 20px; }
  .fba-order-list .fab-search-wrap > div {
    flex: 1; }
  .fba-order-list .fab-search-wrap .search-right {
    text-align: right; }
  .fba-order-list .fab-search-wrap .sort-wrap {
    display: inline-flex;
    align-items: center; }
    .fba-order-list .fab-search-wrap .sort-wrap .sort-icon {
      display: flex;
      flex-direction: column;
      position: relative;
      height: 100%;
      width: 10px;
      margin-left: 5px; }
      .fba-order-list .fab-search-wrap .sort-wrap .sort-icon .up {
        position: absolute;
        font-size: 12px;
        top: 10px;
        color: rgba(0, 0, 0, 0.3); }
      .fba-order-list .fab-search-wrap .sort-wrap .sort-icon .down {
        position: absolute;
        font-size: 12px;
        bottom: 8px;
        color: rgba(0, 0, 0, 0.3); }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.cell-available {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  color: #FFFFFF;
  text-align: center;
  cursor: default; }
  .cell-available.available {
    background-color: #e60122; }
  .cell-available.unavailable {
    background-color: #e62154; }

.page-valueadded-list .nav-search {
  padding-top: 40px; }
  .page-valueadded-list .nav-search > * {
    margin-bottom: 30px; }
  .page-valueadded-list .nav-search .ant-input-search {
    margin-left: 30px;
    width: 300px; }
    .page-valueadded-list .nav-search .ant-input-search:first-child {
      margin-left: 0; }
    .page-valueadded-list .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

.page-valueadded-list .nav-command button {
  margin-left: 30px; }
  .page-valueadded-list .nav-command button:first-of-type {
    margin-left: 0; }

@media (min-width: 1250px) {
  .page-valueadded-list {
    min-width: 1000px; } }

@media (min-width: 1890px) {
  .page-valueadded-list {
    min-width: 1600px; } }

.page-valueadded-list table .service-id {
  width: 200px; }
  @media (max-width: 1348px) {
    .page-valueadded-list table .service-id {
      width: 110px; } }

.page-valueadded-list table .operation {
  width: 140px; }
  @media (max-width: 1348px) {
    .page-valueadded-list table .operation {
      width: 40px; }
      .page-valueadded-list table .operation a {
        display: block; }
      .page-valueadded-list table .operation > .ant-divider {
        display: none; } }

.form-category-edit .radio {
  display: block;
  line-height: 30px;
  height: 30px; }
  .form-category-edit .radio .desc {
    font-size: 12px;
    color: #262626; }

.form-category-edit .upload-preview-image {
  position: relative;
  display: block;
  height: 240px;
  border: dashed 1px #e0e0e0;
  border-radius: 4px;
  text-align: center; }
  .form-category-edit .upload-preview-image .remove-preview {
    position: absolute;
    display: none;
    top: 12px;
    right: 12px;
    font-size: 12px;
    cursor: pointer; }
  .form-category-edit .upload-preview-image.preview {
    border-style: solid; }
    .form-category-edit .upload-preview-image.preview .remove-preview {
      display: block; }
  .form-category-edit .upload-preview-image .command {
    position: absolute;
    display: block;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    width: 160px;
    height: 60px;
    font-size: 14px;
    cursor: pointer; }
    .form-category-edit .upload-preview-image .command > i {
      display: block;
      float: left;
      font-size: 30px;
      width: 60px;
      height: 60px;
      line-height: 66px;
      border-radius: 30px;
      color: #e60122;
      background-color: #fafafa; }
    .form-category-edit .upload-preview-image .command > span {
      display: block;
      float: left;
      margin-left: 10px;
      padding: 10px 0;
      color: #bfbfbf;
      text-align: left; }
      .form-category-edit .upload-preview-image .command > span .green {
        color: #e60122; }
  .form-category-edit .upload-preview-image .preview {
    margin: 40px 20px; }
    .form-category-edit .upload-preview-image .preview > * {
      width: 200px;
      height: 160px; }

.recommend .search-wrap {
  display: flex;
  padding: 30px 0;
  justify-content: space-between; }
  .recommend .search-wrap .left-container {
    display: flex; }
    .recommend .search-wrap .left-container .date {
      padding-left: 30px; }
    .recommend .search-wrap .left-container .search-key {
      padding-left: 30px; }
  .recommend .search-wrap .right-container .btn-add {
    margin-left: 30px; }

.order-filter-wrap .footer-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  padding: 10px 16px;
  text-align: right;
  left: 0;
  background: #fff;
  border-radius: 0 0 4px 4px; }
  .order-filter-wrap .footer-container .link {
    float: left;
    margin: 10px; }


/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.new-product-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px; }
  .new-product-list .col {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    flex: 0 0 auto; }
    .new-product-list .col img {
      max-width: 100%; }
  .new-product-list .col-md-per {
    width: 25% !important; }
  .new-product-list .product-item {
    position: relative; }
  .new-product-list .favor-wrap {
    position: absolute;
    right: 20px;
    top: 8px;
    width: 32px;
    height: 32px;
    z-index: 2;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 50%; }

.v3-home-goods-item {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #ebebeb; }
  .v3-home-goods-item .color-list {
    padding: 0 20px;
    margin-bottom: 16px; }
    .v3-home-goods-item .color-list .sc-bwzfXH {
      overflow: hidden !important; }
    .v3-home-goods-item .color-list .sc-bxivhb {
      min-width: 20px; }
    .v3-home-goods-item .color-list .item-wrap {
      position: relative;
      width: 22px;
      height: 22px; }
    .v3-home-goods-item .color-list .active {
      border: 1px solid #e60122; }
    .v3-home-goods-item .color-list .slider-item-arrow {
      background: #fff;
      width: 30px; }
      .v3-home-goods-item .color-list .slider-item-arrow.right {
        margin-left: -40px; }
      .v3-home-goods-item .color-list .slider-item-arrow.left {
        margin-right: -40px; }
    .v3-home-goods-item .color-list .color-item {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 18px;
      height: 18px;
      cursor: pointer;
      display: flex; }
      .v3-home-goods-item .color-list .color-item .color {
        flex: 1; }
  .v3-home-goods-item img {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 13px; }
  .v3-home-goods-item .v3-goods-title {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    line-height: 26px;
    font-weight: 400; }
  .v3-home-goods-item .v3-goods-technology {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .v3-home-goods-item .v3-goods-price {
    padding: 10px 10px 20px 10px; }
    .v3-home-goods-item .v3-goods-price label {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
    .v3-home-goods-item .v3-goods-price span {
      font-size: 12px;
      line-height: 20px;
      font-weight: 200;
      margin-left: 3px; }
  .v3-home-goods-item .live-wrap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 31px;
    height: 31px;
    background: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 50%; }
  .v3-home-goods-item .product-info {
    padding: 0 25px;
    font-size: 12px;
    color: #6d6d6d;
    margin: 0; }
    .v3-home-goods-item .product-info > li {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .v3-home-goods-item .count-wrap {
    height: 60px;
    padding: 0 10px;
    margin: 12px 0; }
    .v3-home-goods-item .count-wrap > div {
      border-top: 1px solid #ebebeb; }
    .v3-home-goods-item .count-wrap .count-item {
      position: relative;
      padding-top: 10px;
      width: 77px;
      text-align: center;
      overflow: hidden; }
      .v3-home-goods-item .count-wrap .count-item .count {
        font-size: 12px; }
      .v3-home-goods-item .count-wrap .count-item .price {
        font-weight: 400;
        margin-left: -10px; }
    .v3-home-goods-item .count-wrap .slider-item-arrow {
      border-radius: 50%;
      height: 24px;
      width: 24px;
      background: #fff;
      border: 1px solid #ededed;
      box-shadow: 0 2px 4px 0; }
      .v3-home-goods-item .count-wrap .slider-item-arrow .icon {
        position: relative;
        top: -2px; }
      .v3-home-goods-item .count-wrap .slider-item-arrow.right {
        margin-left: -70px;
        margin-top: 10px; }
      .v3-home-goods-item .count-wrap .slider-item-arrow.left {
        margin-right: -70px;
        margin-top: 10px; }
        .v3-home-goods-item .count-wrap .slider-item-arrow.left .icon {
          left: -3px; }
    .v3-home-goods-item .count-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; }
  .v3-home-goods-item.v3-home-goods-item:hover {
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 767.98px) {
  .new-product-list .col-md-per {
    width: 50% !important;
    max-width: 300px; }
    .new-product-list .col-md-per .v2-goods-price {
      padding: 10px !important; }
  .container .product-wrap .right-product {
    width: 100%; }
  .count-wrap {
    padding: 0 5px !important; }
    .count-wrap .count-item:after {
      content: '';
      position: absolute;
      box-sizing: border-box;
      top: 12px;
      left: 0;
      width: 200%;
      height: 140%;
      border-right: 2px solid #ededed;
      border-radius: 4px;
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
      -webkit-transform-origin: top left; } }

@media only screen and (min-width: 1198px) and (max-width: 1398px) {
  .new-product-list .col-md-per {
    width: 33% !important;
    margin-bottom: 20px; } }

@media only screen and (min-width: 767.98px) and (max-width: 1198px) {
  .new-product-list .col-md-per {
    width: 50% !important;
    margin-bottom: 20px; } }

.page-orderList .nav-search {
  padding-top: 20px; }
  .page-orderList .nav-search > * {
    margin-bottom: 20px; }
  .page-orderList .nav-search .ant-input-search {
    margin-left: 16px;
    width: 300px; }
    .page-orderList .nav-search .ant-input-search:first-child {
      margin-left: 0; }
    .page-orderList .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

.page-orderList .ant-calendar-picker-input.ant-input {
  font-size: 14px;
  display: flex;
  align-items: center; }

.page-orderList .nav-command button {
  margin-left: 16px; }

@media (min-width: 1250px) {
  .page-orderList {
    min-width: 1000px; } }

@media (max-width: 1692px) {
  .page-orderList .nav-command {
    text-align: left !important; } }

@media (min-width: 1890px) {
  .page-orderList {
    min-width: 1600px; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  box-sizing: border-box;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 14px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #e60122;
  border-color: #e60122;
}
.ant-timeline-item-head-red {
  color: #E62154;
  border-color: #E62154;
}
.ant-timeline-item-head-green {
  color: #23D05F;
  border-color: #23D05F;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -6px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}

.logistics-info .ant-popover-inner {
  text-align: left; }
  .logistics-info .ant-popover-inner .ant-popover-buttons {
    text-align: left; }
  .logistics-info .ant-popover-inner .ant-popover-title {
    font-weight: bolder; }
  .logistics-info .ant-popover-inner .ant-popover-inner-content dl {
    margin: 0;
    clear: both; }
    .logistics-info .ant-popover-inner .ant-popover-inner-content dl dt {
      float: left;
      margin-left: 5px;
      margin-right: 5px;
      font-weight: bold; }
      .logistics-info .ant-popover-inner .ant-popover-inner-content dl dt:first-child {
        margin-left: 0px;
        width: 3em;
        text-align: right; }
    .logistics-info .ant-popover-inner .ant-popover-inner-content dl dd {
      margin-left: 5px;
      float: left; }
      .logistics-info .ant-popover-inner .ant-popover-inner-content dl dd:first-child {
        margin-left: 0px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* gallery */
.gallery {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  user-select: none; }
  .gallery .thumb-carousel {
    text-align: center; }
    .gallery .thumb-carousel .thumb-list .thumb {
      margin-top: 10px;
      margin-bottom: 10px;
      border: 1px solid #cecece;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      cursor: pointer; }
      .gallery .thumb-carousel .thumb-list .thumb:hover {
        border-color: #262626; }
      .gallery .thumb-carousel .thumb-list .thumb.active {
        border-color: #e60122; }
  .gallery .current-img {
    margin-left: 24px;
    position: relative; }
    .gallery .current-img img {
      width: 100%;
      max-width: 100%; }

/* zoomer */
.zoomer {
  position: relative;
  overflow: hidden;
  cursor: none;
  background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0);
  background-position: 0 0, 0 3px, 3px -3px, -3px 0;
  background-size: 6px 6px; }
  .zoomer .zoom-mask {
    background-color: #fff;
    opacity: 0.5;
    position: absolute; }
    .zoomer .zoom-mask .icon-zoom-in {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto; }
  .zoomer img:last-child {
    max-width: 100%; }
  .zoomer img {
    object-fit: contain;
    height: 100%; }

/*Add by Donny 2019.12.2*/
@media (max-width: 767.98px) {
  .gallery {
    flex-direction: column;
    margin: 0 !important;
    padding: 0; }
    .gallery > div:nth-child(2) {
      width: 330px !important;
      height: 330px !important; }
    .gallery .thumb-carousel {
      display: flex;
      order: 2;
      flex: 1;
      flex-direction: row;
      overflow: hidden; }
      .gallery .thumb-carousel .thumb-list-container {
        overflow-x: auto !important;
        width: 330px;
        height: auto !important;
        display: flex;
        flex: 1; }
        .gallery .thumb-carousel .thumb-list-container .thumb {
          height: 98px !important;
          flex: 0 0 98px;
          margin-right: 10px; }
      .gallery .thumb-carousel a.move-prev,
      .gallery .thumb-carousel a.move-next {
        display: none; }
      .gallery .thumb-carousel a.move-prev,
      .gallery .thumb-carousel .icon-ds-angle-up:before {
        content: '\E622'; }
      .gallery .thumb-carousel .thumb-list {
        display: flex;
        width: 100%;
        justify-content: space-between; }
        .gallery .thumb-carousel .thumb-list .thumb {
          display: inline-block; }
    .gallery .current-img {
      margin: 0 0 4px 0;
      order: 1;
      align-self: start;
      border: 1px solid #f5f5f5;
      max-width: 100%;
      height: auto !important;
      width: auto !important; }
      .gallery .current-img .zoomer > img {
        width: 330px !important; }
      .gallery .current-img .zoom-larger {
        display: none !important;
        background-image: linear-gradient(45deg, #e0e0e0 25%, transparent 0), linear-gradient(-45deg, #e0e0e0 25%, transparent 0), linear-gradient(45deg, transparent 75%, #e0e0e0 0), linear-gradient(-45deg, transparent 75%, #e0e0e0 0);
        background-position: 0 0, 0 3px, 3px -3px, -3px 0;
        background-size: 6px 6px; }
    .gallery .zoom-mask {
      display: none; } }

@charset "UTF-8";
.ui-label {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .ui-label.label-discount {
    width: 20px;
    height: 20px;
    background-color: #faad14;
    color: #fff; }
    .ui-label.label-discount::before {
      content: '\6298'; }
  .ui-label.label-new {
    width: 40px;
    height: 20px;
    background-color: #000;
    color: #fff; }
    .ui-label.label-new::before {
      content: 'NEW'; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
/* home */
.sbc-carousel-home {
  overflow: hidden; }
  .sbc-carousel-home .slick-list {
    min-width: 1392px; }
  .sbc-carousel-home .slick-dots {
    bottom: 26px;
    min-width: 1392px; }
    .sbc-carousel-home .slick-dots li {
      margin-left: 4.5px;
      margin-right: 4.5px; }
      .sbc-carousel-home .slick-dots li button {
        width: 13px !important;
        height: 13px;
        border: 1px solid #fff !important;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 100%;
        opacity: 1; }
        .sbc-carousel-home .slick-dots li button.slick-active {
          width: 13px;
          height: 13px;
          border-radius: 100%;
          background-color: #fff; }
  .sbc-carousel-home .banner-img-wrapper {
    text-align: center; }
    .sbc-carousel-home .banner-img-wrapper img {
      max-height: 520px;
      margin: auto; }

@media (max-width: 1199px) {
  .sbc-carousel-home .slick-list {
    min-width: inherit; } }

.container.home-container {
  padding-top: 30px; }

.home-intro-title {
  margin-top: 30px;
  font-size: 24px;
  text-align: center;
  font-weight: 300;
  position: relative; }
  .home-intro-title::before {
    content: '';
    width: 30px;
    height: 1px;
    margin: auto;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    background-color: #262626; }

.home-intro-content {
  max-width: 100%;
  margin-top: 30px; }

.home-intro-icon {
  margin-top: 40px;
  font-size: 60px; }

.home-intro-subtitle {
  margin-top: 14px;
  font-size: 16px;
  line-height: 22px; }

.home-intro-detail {
  margin-top: 14px;
  margin-bottom: 20px;
  color: #777;
  font-weight: 200; }

.banner-wrapper {
  position: relative;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-image: url(/static/img/scm.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 auto; }
  .banner-wrapper .banner-descp-right {
    float: right;
    width: 50%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3); }
    .banner-wrapper .banner-descp-right .p-description {
      padding: 190px 90px; }

.banner-wrapper2 {
  position: relative;
  background-image: url(/static/img/banner2.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 0 auto; }
  .banner-wrapper2 .banner-descp-full {
    width: 100%;
    padding: 270px 90px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5); }

.p-description {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px; }
  .p-description .brand-color-title {
    margin-bottom: 30px;
    color: #e60122; }
  .p-description .fs-48 {
    font-size: 48px;
    margin-bottom: 50px;
    font-weight: 500; }

.fw-200 {
  font-weight: 200; }

.adv-wrapper {
  margin-top: 190px;
  margin-bottom: 110px;
  overflow: hidden; }

.banner-mask {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.recommend-container {
  padding-top: 100px; }

.text-center {
  text-align: center; }

.example-hat {
  width: 90%; }

.recommend-section {
  margin-bottom: 90px; }
  .recommend-section.asset-section {
    margin-bottom: 120px; }
  .recommend-section .section-title {
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    z-index: -1; }
    .recommend-section .section-title::after {
      content: '';
      width: 30px;
      height: 1px;
      margin: auto;
      position: absolute;
      bottom: -15px;
      left: 0;
      right: 0;
      background-color: #262626; }
  .recommend-section .lnk-more {
    width: 100px;
    height: 40px;
    padding: 9px 28px;
    border: 1px solid #ebebeb;
    margin-top: -40px;
    float: right;
    border-radius: 20px; }
  .recommend-section .section-content {
    margin-top: 80px;
    max-width: 1392px; }
    .recommend-section .section-content.asset-section-content {
      margin-top: 60px; }
    .recommend-section .section-content .recommend-goods-list,
    .recommend-section .section-content .recommend-product-list {
      display: block;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap; }
    .recommend-section .section-content .recommend-asset-list {
      padding-top: 20px;
      padding-bottom: 20px;
      display: -webkit-flex !important;
      display: flex !important;
      -webkit-align-items: center;
      align-items: center;
      flex-wrap: wrap; }
    .recommend-section .section-content .recommend-goods-list .goods {
      margin-left: 15px;
      margin-right: 15px; }
    .recommend-section .section-content .recommend-product-list .product,
    .recommend-section .section-content .recommend-asset-list .asset {
      height: 280px;
      margin-left: 10px;
      margin-right: 10px; }
    .recommend-section .section-content .recommend-asset-list .asset {
      width: calc(25% - 20px); }
    .recommend-section .section-content .recommend-product-list .product {
      height: 100%; }
    .recommend-section .section-content .product,
    .recommend-section .section-content .goods {
      margin-bottom: 20px; }
    .recommend-section .section-content .product-img-preview {
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .recommend-section .section-content .product-img-preview img {
        max-height: 100%;
        word-break: break-all;
        width: 100%; }
    .recommend-section .section-content .goods-img-preview {
      border: 1px solid #f5f5f5;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center; }
      .recommend-section .section-content .goods-img-preview.hovered {
        background-color: #fff; }
      .recommend-section .section-content .goods-img-preview img {
        max-height: 100%;
        word-break: break-all;
        width: 100%; }
    .recommend-section .section-content .product-img-preview:hover,
    .recommend-section .section-content .goods:hover {
      box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1); }
    .recommend-section .section-content .name {
      padding-top: 0px;
      padding-bottom: 20px;
      padding-left: 10px;
      padding-right: 10px; }
    .recommend-section .section-content .price {
      margin-top: 0px;
      padding-top: 14px;
      padding-left: 10px;
      padding-right: 10px; }
    .recommend-section .section-content .name {
      margin-top: 0px;
      max-width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
  .recommend-section .carousel-asset .slick-dots {
    bottom: -20px; }
  .recommend-section .carousel-asset .asset-img-wrapper {
    width: 100%;
    height: 100%;
    padding: 20px;
    border: 1px solid #ebebeb;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center; }
    .recommend-section .carousel-asset .asset-img-wrapper:hover {
      box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1); }
    .recommend-section .carousel-asset .asset-img-wrapper img {
      max-height: 100%;
      width: 100%; }
  .recommend-section .carousel-asset li {
    margin-left: 4.5px;
    margin-right: 4.5px; }
    .recommend-section .carousel-asset li button {
      width: 8px !important;
      height: 8px;
      border: 1px solid #fff !important;
      background-color: #ebebeb;
      border-radius: 100%;
      opacity: 1; }
    .recommend-section .carousel-asset li.slick-active button {
      width: 8px;
      height: 8px;
      border-radius: 100%;
      background-color: #e60122; }

/***Updated at 2020.5.4*/
.v2-home-module {
  padding: 80px 0; }
  .v2-home-module .module-title {
    font-size: 40px;
    font-weight: 600;
    margin: 0px 0 50px 0; }
    .v2-home-module .module-title.margin-b-40 {
      margin-bottom: 40px; }
  .v2-home-module .new-module-title {
    font-size: 40px;
    font-weight: 549;
    margin: 0px 0 50px 0; }
    .v2-home-module .new-module-title.margin-b-40 {
      margin-bottom: 40px; }
  .v2-home-module .module-more {
    font-size: 20px;
    font-weight: 200;
    display: inline-block;
    margin-left: 20px; }
  .v2-home-module.no-padding-bottom {
    padding-bottom: 0; }

.v2-odd-bg {
  background: #f6f6f9; }

.v2-odd-dark-bg {
  background: #edeff3; }

.v2-home-how-module {
  padding: 50px 0 60px 0; }

.v2-home-howto {
  text-align: center; }
  .v2-home-howto .howto-subtitle {
    font-size: 18px;
    margin: 20px 0 12px 0;
    font-weight: 400; }
  .v2-home-howto .howto-content {
    font-size: 14px;
    color: #5f5f5f;
    font-weight: 200; }
  .v2-home-howto .howto-item {
    padding: 0 40px 20px 40px; }

.v2-home-catalog {
  text-align: left; }
  .v2-home-catalog .catalog-title {
    font-size: 40px;
    margin-bottom: 50px; }
  .v2-home-catalog .v2-catalog-item {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center; }
    .v2-home-catalog .v2-catalog-item .v2-catalog-title {
      position: absolute;
      bottom: 20px;
      height: 36px;
      border-radius: 18px;
      line-height: 36px;
      z-index: 1;
      padding: 0 30px;
      background: #fff;
      font-size: 16px;
      text-align: center; }

.v2-home-service-module {
  padding: 70px 0 0 0; }

.v2-home-service .module-title {
  margin-bottom: 30px;
  margin-top: 80px; }

.v2-home-service .detail-1 {
  color: #5f5f5f;
  font-weight: 200;
  font-size: 14px;
  line-height: 22px; }

.v2-home-service .detail-2 {
  margin-bottom: 9px; }

.v2-home-service blockquote {
  width: 317px;
  font-size: 18px;
  margin: 46px 0 60px 0;
  text-align: center; }
  .v2-home-service blockquote:before, .v2-home-service blockquote:after {
    content: '"';
    color: #e60122;
    font-size: 24px;
    font-weight: 600;
    margin: 0 10px; }

.v2-home-goods-module {
  padding: 80px 0 60px 0; }

.v2-home-goods-item {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px; }
  .v2-home-goods-item .v2-home-goods-new {
    color: #fff;
    background-color: #000;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    padding: 2px 5px;
    font-weight: 400; }
  .v2-home-goods-item img {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 13px; }
  .v2-home-goods-item .v2-goods-title {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    line-height: 26px; }
  .v2-home-goods-item .v2-goods-technology {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .v2-home-goods-item .v2-goods-price {
    padding: 10px 10px 0 10px; }
    .v2-home-goods-item .v2-goods-price label {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
    .v2-home-goods-item .v2-goods-price span {
      font-size: 12px;
      line-height: 20px;
      font-weight: 200;
      margin-left: 3px; }
  .v2-home-goods-item:hover {
    box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1); }

/**首页推荐设计*/
.v2-assets {
  margin-left: -10px;
  margin-right: -10px;
  display: table; }
  .v2-assets .v2-asset-item {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 10px;
    position: relative; }
    .v2-assets .v2-asset-item img {
      max-width: 100%;
      background: #f8f8f8; }
    .v2-assets .v2-asset-item:first-child {
      width: 40%; }
    .v2-assets .v2-asset-item .asset-img-wrapper {
      position: relative;
      display: block; }
      .v2-assets .v2-asset-item .asset-img-wrapper .design-with-asset {
        position: absolute;
        width: 100%;
        color: #fff;
        z-index: 1;
        bottom: 0;
        display: none;
        padding: 10px;
        text-align: center;
        background: rgba(100, 100, 100, 0.9); }
      .v2-assets .v2-asset-item .asset-img-wrapper:hover .design-with-asset {
        display: block; }
    .v2-assets .v2-asset-item .hide {
      display: none; }

/*首页口号*/
.v2-zhaoshang-red-bg {
  background-color: #e3493e;
  background-image: url(/static/img/zs-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0; }
  .v2-zhaoshang-red-bg .zhaoshang-red-left {
    padding: 160px 0 100px 0; }
    .v2-zhaoshang-red-bg .zhaoshang-red-left img {
      max-width: 530px; }
    .v2-zhaoshang-red-bg .zhaoshang-red-left a.button {
      background: #ffc343;
      border: 0;
      margin-top: 40px;
      padding: 10px 30px;
      border-radius: 6px;
      display: inline-block;
      color: #fff; }

.v2-zhaoshang-bg-color {
  background: #4281D2; }
  .v2-zhaoshang-bg-color .v2-zhaoshang-bg {
    background-image: url(/static/img/20250814/b3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-home-zhaoshang-left {
      padding: 20px 0 0 0;
      margin-top: 42px;
      margin-left: 12px; }
      .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-home-zhaoshang-left img {
        margin-top: 60px;
        width: 630px;
        margin-left: 20px;
        max-width: none; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg.v2-home-slogan-module {
      padding-bottom: 60px; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhangshang-title {
      font-size: 36px;
      font-weight: 600; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhangshang-content {
      color: #262626;
      font-size: 14px;
      line-height: 22px;
      margin: 30px 0 20px 0px; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhaoshang-desc {
      list-style: none;
      padding: 0;
      margin: 0 0 10px 0;
      display: flex;
      flex-wrap: wrap;
      margin-left: 20px; }
      .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhaoshang-desc li {
        display: flex;
        justify-content: center;
        align-items: baseline;
        text-align: center;
        align-items: center;
        color: #6c6199;
        font-size: 24px; }
        .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhaoshang-desc li .hr {
          margin: 0 15px; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhaoshang-img img {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      width: 580px;
      margin-top: 50px;
      margin-left: 90px; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg a.button {
      background-image: url("/static/img/20250814/b2.png");
      background-repeat: no-repeat;
      border: 0;
      margin-left: 20px;
      margin-top: 20px;
      padding: 10px 30px;
      width: 144px;
      border-radius: 6px;
      display: inline-block;
      color: #6c6199;
      border: 0;
      font-size: 16px; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg .v2-zhaoshang-btn.ant-btn-primary {
      background: #e60122;
      border: 0;
      font-size: 16px;
      padding: 10px 28px; }

.v2-group-bg-color {
  background: #4281D2; }
  .v2-group-bg-color .v2-home-group {
    display: block; }
  .v2-group-bg-color .v2-group-bg {
    background-image: url(/static/img/group/banner-4.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0; }
    .v2-group-bg-color .v2-group-bg .v2-home-group-left {
      margin-left: 12px; }
      .v2-group-bg-color .v2-group-bg .v2-home-group-left img {
        width: 714px;
        max-width: none; }
    .v2-group-bg-color .v2-group-bg.v2-home-slogan-module {
      padding-bottom: 60px; }
    .v2-group-bg-color .v2-group-bg .v2-group-title {
      font-size: 36px;
      font-weight: 600; }
    .v2-group-bg-color .v2-group-bg .v2-group-content {
      color: #262626;
      font-size: 14px;
      line-height: 22px;
      margin: 30px 0 20px 0px; }
    .v2-group-bg-color .v2-group-bg .v2-group-desc {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
      justify-content: space-around; }
      .v2-group-bg-color .v2-group-bg .v2-group-desc li {
        display: flex;
        justify-content: center;
        align-items: baseline;
        text-align: center;
        align-items: center;
        color: #262626;
        font-size: 20px; }
        .v2-group-bg-color .v2-group-bg .v2-group-desc li .disc {
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: #262626;
          margin: 10px; }
    .v2-group-bg-color .v2-group-bg .v2-group-img img {
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      width: 630px;
      margin-left: 40px; }
    .v2-group-bg-color .v2-group-bg a.button {
      background: #e60122;
      border: 0;
      margin-top: 20px;
      padding: 10px 30px;
      border-radius: 6px;
      display: inline-block;
      color: #fff;
      border: 0;
      font-size: 16px; }
    .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap {
      text-align: center; }
      .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap .ant-btn-primary {
        background: #e60122;
        border: 0;
        font-size: 16px;
        padding: 10px 28px; }

.product-list {
  justify-content: center;
  display: flex;
  flex-wrap: wrap; }
  .product-list.mobile {
    display: none; }
  .product-list .product-item {
    width: 20%;
    position: relative; }

.v2-home-slogan-module {
  padding-top: 60px; }

.v2-home-slogan .v2-home-slogan-left {
  padding: 20px 0 0 90px; }

.v2-home-slogan .v2-slogan-title {
  font-size: 36px;
  font-weight: 600; }

.v2-home-slogan .v2-slogan-content {
  color: #262626;
  font-size: 14px;
  line-height: 22px;
  margin: 30px 0 20px 0px; }

.v2-home-slogan .v2-slogan-feature {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  display: flex;
  flex-wrap: wrap; }
  .v2-home-slogan .v2-slogan-feature li {
    display: flex;
    justify-content: center;
    align-items: baseline;
    text-align: center;
    font-size: 12px; }
    .v2-home-slogan .v2-slogan-feature li strong {
      font-size: 18px;
      color: #e60122;
      font-weight: 300; }
    .v2-home-slogan .v2-slogan-feature li:after {
      content: '/';
      font-size: 12px;
      margin: 0 12px; }
    .v2-home-slogan .v2-slogan-feature li:last-child:after {
      content: ''; }

.v2-home-slogan a.button {
  background: #e60122;
  border: 0;
  margin-top: 35px;
  padding: 10px 30px;
  border-radius: 6px;
  display: inline-block;
  color: #fff;
  border: 0;
  font-size: 16px; }

.v2-home-slogan .v2-slogan-btn.ant-btn-primary {
  background: #e60122;
  border: 0;
  font-size: 16px;
  padding: 10px 28px; }

.texty {
  position: relative; }

.texty span {
  display: inline-block;
  white-space: pre-wrap; }

.texty.mask-bottom,
.texty.mask-top {
  overflow: hidden; }

/**合作物流*/
.v2-home-coop-module {
  padding: 50px 0;
  border-top: 1px solid #ebebeb; }

.v2-home-coop .v2-coop-express {
  padding-top: 30px; }

.v2-home-coop dl {
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin: 0; }

.v2-home-coop dt {
  font-size: 40px;
  font-weight: 549;
  margin: 0 60px 0 10px;
  color: #262626; }

.v2-home-coop dd {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin: 0; }
  .v2-home-coop dd span {
    margin: 10px;
    background: #f7f7f7;
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
    width: 150px; }
    .v2-home-coop dd span img {
      max-width: 100%;
      width: 100%; }

/*快速启动商业计划*/
.v2-home-business-module {
  border-top: 1px solid #ebebeb;
  padding: 12px 0; }

.v2-home-slogan .v2-slogan-title {
  font-size: 36px; }

.v2-home-slogan .v2-slogan-img,
.v2-home-slogan .v2-slogan-img img {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.v2-home-businessplan .v2-home-business-left {
  padding-top: 196px; }
  .v2-home-businessplan .v2-home-business-left .module-title {
    margin-bottom: 30px; }

.v2-home-businessplan .v2-transform-b1 {
  transform: translate3d(100px, 100px, 100px); }

.v2-home-businessplan dl {
  display: flex;
  flex: none; }
  .v2-home-businessplan dl dt {
    font-size: 18px;
    font-weight: 400;
    width: 216px;
    display: flex;
    align-items: flex-start; }
    .v2-home-businessplan dl dt:before {
      content: '';
      border-radius: 5px;
      width: 10px;
      height: 10px;
      margin-right: 6px;
      margin-top: 8px;
      border: 2px solid #e60122; }
  .v2-home-businessplan dl dd {
    flex: 1;
    font-size: 14px;
    color: #5f5f5f;
    font-weight: 200; }

@media (max-width: 767.98px) {
  .v2-home-howto .howto-item {
    padding: 0 10px 20px 10px; }
  .product-list.mobile {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden; }
    .product-list.mobile .product-col {
      width: 100%;
      display: flex;
      flex-direction: column; }
      .product-list.mobile .product-col .product-item {
        width: 100%; }
  .product-list.pc {
    display: none; }
  .v2-assets .v2-asset-item {
    width: 25%; }
    .v2-assets .v2-asset-item:first-child {
      width: 50%; }
  .v2-slogan-title {
    font-size: 30px; }
  .v2-zhaoshang-bg {
    background-size: cover; }
  .v2-zhaoshang-red-bg {
    position: relative;
    height: 0;
    padding-top: 127% !important;
    background-image: url(/static/img/zs-right.png); }
    .v2-zhaoshang-red-bg .ant-row {
      position: absolute;
      left: 20px;
      right: 0;
      bottom: 0;
      top: 0; }
    .v2-zhaoshang-red-bg .v2-home-zhaoshang-red {
      background: none;
      margin: 0;
      padding: 0 20px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 2; }
    .v2-zhaoshang-red-bg .mask {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1; }
    .v2-zhaoshang-red-bg .zhaoshang-red-left {
      background: none !important; }
      .v2-zhaoshang-red-bg .zhaoshang-red-left img {
        max-width: 300px; }
  .v2-slogan-img {
    margin-top: 50px; }
  dl.v2-coop-platform,
  dl.v2-coop-express {
    flex-direction: column; }
    dl.v2-coop-platform dt,
    dl.v2-coop-express dt {
      text-align: center;
      justify-content: center;
      margin: 2% 0; }
    dl.v2-coop-platform dd span,
    dl.v2-coop-express dd span {
      width: 46%;
      padding: 6%;
      margin: 2%; }
  .v2-home-slogan .v2-slogan-feature li {
    width: 50%; }
  .v2-home-slogan .v2-slogan-feature li:after {
    content: ''; }
  .v2-home-slogan .v2-slogan-btn-wrap {
    text-align: center; }
  .v2-slogan-title .texty {
    line-height: 38px; }
  .v2-home-slogan .v2-home-slogan-left {
    padding-left: 0; }
  .v2-home-service-module {
    padding-bottom: 50px; }
  .v2-home-module .module-title {
    font-size: 32px; }
  .v2-home-business-module .v2-home-module .module-title {
    font-size: 32px; }
  .v2-home-business-module .v2-home-businessplan dl dt {
    width: auto; } }

@media (max-width: 959.58px) {
  .v2-home-catalog .v2-catalog-item .v2-catalog-title {
    font-size: 12px;
    padding: 0 20px;
    width: 75% !important; }
  .v2-home-businessplan .v2-home-business-left {
    padding: 50px 0 30px 0px; }
  .v2-home-business-module .v2-home-businessplan dl {
    flex-direction: column;
    margin: 20px 0; } }

/**responsive css : add by donny*/
.banner-wrapper {
  overflow: hidden;
  padding-top: 0px; }

.home-container {
  margin-bottom: 77px; }

.banner-descp-right {
  position: relative; }

@media (min-width: 1500px) {
  .banner-wrapper .banner-descp-right {
    width: 45%; } }

.asset-section-content {
  overflow: hidden; }

.asset-list {
  display: flex;
  flex-wrap: nowrap;
  flex-shrink: 0;
  overflow-x: scroll; }
  .asset-list .asset {
    margin: 0 10px; }
    .asset-list .asset .asset-img-wrapper {
      width: 100%;
      height: 100%;
      padding: 20px;
      border: 1px solid #ebebeb;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center; }
      .asset-list .asset .asset-img-wrapper img {
        max-width: 200px;
        max-height: 200px; }

@media (max-width: 1391.98px) {
  .home-intro-subtitle,
  .home-intro-detail {
    padding: 0 5px; }
  .home-intro-icon {
    font-size: 40px; }
  .home-intro-content .ant-col {
    text-align: center; }
  .home-intro-detail {
    text-align: left; }
  .home-intro-title {
    margin-top: 0px;
    font-size: 16px; }
  .banner-descp-right {
    padding-top: 20px;
    padding-bottom: 20px; }
  .banner-wrapper .banner-descp-right .p-description {
    padding: 26px; }
  .banner-wrapper .banner-descp-right {
    width: 50%;
    padding-left: 0px;
    padding-right: 0px; }
    .banner-wrapper .banner-descp-right .p-description .fs-48 {
      margin-bottom: 20px; }
  .adv-wrapper .p-description {
    padding-left: 20px; }
  .p-description .fs-48 {
    font-size: 20px; }
  .p-description .fw-200 {
    font-size: 16px; }
  .recommend-section .section-content .recommend-asset-list .asset {
    width: 260px;
    height: 200px;
    min-width: 240px;
    overflow: hidden; }
  .recommend-section .carousel-asset .asset-img-wrapper {
    padding: 10px; }
  .recommend-section .section-content .recommend-asset-list {
    flex-wrap: nowrap; }
  .v2-group-bg-color {
    position: relative;
    height: 0;
    padding-top: 39.4% !important;
    overflow: hidden; }
    .v2-group-bg-color .container {
      max-width: 100% !important;
      margin: 0; }
    .v2-group-bg-color .v2-group-bg {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: cover; }
      .v2-group-bg-color .v2-group-bg .v2-home-group-left {
        padding: 0; }
        .v2-group-bg-color .v2-group-bg .v2-home-group-left img {
          max-width: 100% !important; }
      .v2-group-bg-color .v2-group-bg .v2-home-group-wrap {
        padding: 0 0 42px 0;
        position: absolute;
        top: 0; }
      .v2-group-bg-color .v2-group-bg .v2-group-desc {
        text-align: left; }
        .v2-group-bg-color .v2-group-bg .v2-group-desc > li {
          font-size: 14px !important;
          flex: 0 0 33%; }
          .v2-group-bg-color .v2-group-bg .v2-group-desc > li .hr {
            margin: 0 8px; }
          .v2-group-bg-color .v2-group-bg .v2-group-desc > li:nth-child(1) {
            position: relative;
            left: -3px; }
          .v2-group-bg-color .v2-group-bg .v2-group-desc > li:nth-child(5) {
            position: relative;
            left: -5px; }
      .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%); }
        .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap .button {
          margin-top: 0px;
          width: 80px;
          padding: 8px 4px;
          font-size: 12px;
          text-align: center; }
      .v2-group-bg-color .v2-group-bg .v2-group-img {
        width: 100%;
        margin-top: 11px;
        padding: 0px 18px; }
        .v2-group-bg-color .v2-group-bg .v2-group-img > img {
          margin-left: 0 !important; } }

@media (max-width: 1024px) {
  .banner-wrapper,
  .banner-wrapper2 {
    background-attachment: scroll; } }

@media (max-width: 767.98px) {
  .adv-wrapper {
    margin-top: 50px; }
  .home-container {
    margin-bottom: 0px; }
  .home-intro-subtitle {
    font-size: 14px; }
  .banner-wrapper .banner-descp-right {
    position: relative;
    width: 100%;
    left: 0; }
  .banner-wrapper2 .banner-descp-full {
    padding: 100px 60px; }
  .recommend-container {
    padding-top: 60px; }
  .recommend-section .lnk-more {
    margin-right: 0px;
    border: 0;
    background: none;
    text-decoration: underline;
    height: auto;
    text-align: right;
    padding: 19px 0 9px 0; }
  .recommend-section {
    margin-bottom: 30px; }
  .recommend-product-list-smallwidth {
    white-space: nowrap;
    overflow-x: auto; }
    .recommend-product-list-smallwidth .ant-row {
      min-width: 680px; }
      .recommend-product-list-smallwidth .ant-row .product {
        min-width: 150px; }
  .recommend-section .section-content .recommend-goods-list .goods {
    margin-left: 10px;
    margin-right: 10px; }
  .asset-section-content .recommend-asset-list .asset {
    max-height: 170px; }
    .asset-section-content .recommend-asset-list .asset img {
      max-width: 150px; }
  .v2-group-bg-color {
    position: relative;
    height: 0;
    padding-top: 127% !important;
    overflow: hidden; }
    .v2-group-bg-color .container {
      max-width: 100% !important;
      margin: 0; }
    .v2-group-bg-color .v2-group-bg {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: cover; }
      .v2-group-bg-color .v2-group-bg .v2-home-group-left {
        margin: 36px 27px 0 27px !important;
        padding: 0 !important; }
        .v2-group-bg-color .v2-group-bg .v2-home-group-left img {
          max-width: 100% !important; }
      .v2-group-bg-color .v2-group-bg .v2-home-group-wrap {
        padding: 0 0 42px 0;
        position: absolute;
        top: 0; }
      .v2-group-bg-color .v2-group-bg .v2-group-desc {
        text-align: left; }
        .v2-group-bg-color .v2-group-bg .v2-group-desc > li {
          font-size: 14px !important;
          flex: 0 0 33%; }
          .v2-group-bg-color .v2-group-bg .v2-group-desc > li .hr {
            margin: 0 8px; }
      .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0%);
        z-index: 99; }
        .v2-group-bg-color .v2-group-bg .v2-group-btn-wrap .button {
          margin-top: 0px;
          width: 80px;
          padding: 8px 4px;
          font-size: 12px;
          text-align: center; }
      .v2-group-bg-color .v2-group-bg .v2-group-img {
        width: 100%;
        margin-top: 11px;
        padding: 0px 18px; }
        .v2-group-bg-color .v2-group-bg .v2-group-img > img {
          margin-left: 0 !important; }
  .v2-zhaoshang-bg-color {
    position: relative;
    height: 0;
    padding-top: 127% !important;
    overflow: hidden; }
    .v2-zhaoshang-bg-color .v2-home-zhaoshang {
      position: absolute;
      top: 0; }
    .v2-zhaoshang-bg-color .container {
      max-width: 100% !important;
      margin: 0; }
    .v2-zhaoshang-bg-color .v2-zhaoshang-bg {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      background-size: cover; }
    .v2-zhaoshang-bg-color .v2-home-zhaoshang-left {
      margin: 0 27px !important;
      padding: 0 !important; }
      .v2-zhaoshang-bg-color .v2-home-zhaoshang-left img {
        max-width: 100% !important; }
    .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap {
      padding: 0 0 42px 0; }
      .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap .v2-zhaoshang-desc > li {
        font-size: 14px !important; }
        .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap .v2-zhaoshang-desc > li .hr {
          margin: 0 8px; }
      .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap .v2-zhaoshang-btn-wrap .button {
        text-align: center; }
      .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap .v2-zhaoshang-img {
        width: 100%;
        margin-top: 11px;
        padding: 0px 18px; }
        .v2-zhaoshang-bg-color .v2-home-zhaoshang-wrap .v2-zhaoshang-img > img {
          margin-left: 0 !important; }
  .v2-home-module {
    padding-top: 10px;
    padding-bottom: 12px; }
  .v2-odd-bg {
    position: relative;
    height: 0;
    padding-top: 124% !important; }
    .v2-odd-bg .v2-home-slogan {
      width: 100%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0 !important; }
      .v2-odd-bg .v2-home-slogan .v2-home-slogan-left {
        padding: 0 20px; }
        .v2-odd-bg .v2-home-slogan .v2-home-slogan-left .scale {
          font-size: 30px; } }

@media (max-width: 440px) {
  .recommend-section .section-content .product-img-preview {
    max-width: 150px; } }

.plan-wrapper {
  position: relative;
  height: 675px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 auto; }
  .plan-wrapper .page-container {
    position: absolute;
    top: 40%;
    left: 55%;
    transform: translate(-50%, -50%);
    display: flex;
    right: 0;
    width: 520px;
    height: 460px;
    background: #ffffff;
    box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px; }
    .plan-wrapper .page-container .content-left {
      flex: 0 160px;
      display: flex;
      flex-direction: column;
      text-align: center; }
      .plan-wrapper .page-container .content-left .dot-container {
        margin-top: 20px; }
        .plan-wrapper .page-container .content-left .dot-container ul {
          display: flex;
          padding-left: 10px; }
          .plan-wrapper .page-container .content-left .dot-container ul li {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            list-style: none; }
            .plan-wrapper .page-container .content-left .dot-container ul li:nth-child(1) {
              background: #ed655a; }
            .plan-wrapper .page-container .content-left .dot-container ul li:nth-child(2) {
              background: #ffce51;
              margin: 0 5px; }
            .plan-wrapper .page-container .content-left .dot-container ul li:nth-child(3) {
              background: #73bf48; }
      .plan-wrapper .page-container .content-left .logo {
        margin: 20px 0;
        text-align: center; }
      .plan-wrapper .page-container .content-left .btn {
        margin: 0 auto;
        margin-top: 30px;
        display: inline-block;
        width: 82px;
        height: 32px;
        line-height: 32px;
        background: #000000;
        color: #ffffff;
        border-radius: 2px; }
    .plan-wrapper .page-container .content-right {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      flex: 1;
      padding-right: 10px; }
      .plan-wrapper .page-container .content-right .column {
        display: flex;
        flex-direction: column;
        flex: 1; }
        .plan-wrapper .page-container .content-right .column div {
          height: 124px;
          margin: 10px; }
          .plan-wrapper .page-container .content-right .column div span {
            height: 100%;
            height: 100%; }
        .plan-wrapper .page-container .content-right .column.column:nth-child(1) {
          position: relative;
          top: 65px; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(1) div:nth-child(1) > span {
            display: block;
            background-image: url("/static/img/animation/1amazon.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(1) div:nth-child(2) > span {
            display: block;
            background-image: url("/static/img/animation/3Walmart.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(1) div:nth-child(3) > span {
            display: block;
            background-image: url("/static/img/animation/5YouTube.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
        .plan-wrapper .page-container .content-right .column.column:nth-child(2) {
          position: relative;
          top: 95px; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(2) div:nth-child(1) > span {
            display: block;
            background-image: url("/static/img/animation/2wish.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(2) div:nth-child(2) > span {
            display: block;
            background-image: url("/static/img/animation/4ebay.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(2) div:nth-child(3) > span {
            display: block;
            background-image: url("/static/img/animation/6Etsy.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
      .plan-wrapper .page-container .content-right .icon-container {
        position: absolute;
        left: -60px;
        top: 250px;
        height: 325px;
        width: 236px;
        box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.1);
        background: #ffffff;
        border-radius: 8px; }
        .plan-wrapper .page-container .content-right .icon-container > div {
          display: flex;
          flex-wrap: wrap; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column {
            flex: 1;
            padding: 0;
            position: relative; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column li {
              list-style: none;
              margin: 0 auto;
              width: 42px;
              height: 42px; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(1) {
            position: relative;
            left: 10px;
            margin-top: 26px;
            background-image: url("/static/img/animation/ebay.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(2) {
            position: relative;
            margin-top: 60px;
            left: 10px;
            background-image: url("/static/img/animation/taobao.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(3) {
            margin-top: 50px;
            background-image: url("/static/img/animation/facebood.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(1) {
            margin-top: 55px;
            background-image: url("/static/img/animation/amazon.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(2) {
            margin-top: 50px;
            background-image: url("/static/img/animation/instagram.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(3) {
            position: relative;
            left: -5px;
            margin-top: 50px;
            background-image: url("/static/img/animation/wish.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(1) {
            position: relative;
            left: -10px;
            margin-top: 20px;
            background-image: url("/static/img/animation/YouTube.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(2) {
            margin-top: 50px;
            background-image: url("/static/img/animation/shopify.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(3) {
            margin-top: 50px;
            background-image: url("/static/img/animation/Tmall.png");
            background-size: 100% 100%;
            background-position: center center;
            background-repeat: no-repeat; }
          .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(4) {
            position: absolute;
            right: 20px;
            height: 8px;
            width: 36px;
            margin-top: 45px;
            background-image: url("/static/img/animation/MORE.png");
            background-size: 100% 100%; }
  .plan-wrapper .fadeOne-enter, .plan-wrapper .fadeOne-leave, .plan-wrapper .fadeOne-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeOne-enter.fadeOne-enter-active {
    animation-play-state: running;
    animation-name: fadeOne; }
  .plan-wrapper .fadeOne-appear.fadeOne-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeOne; }
  .plan-wrapper .fadeOne-leave.fadeOne-leave-active {
    opacity: 1;
    animation-play-state: running; }
  .plan-wrapper .fadeTwo-enter.fadeTwo-enter-active {
    animation-play-state: running;
    animation-name: fadeTwo; }
  .plan-wrapper .fadeTwo-appear.fadeTwo-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeTwo; }
  .plan-wrapper .fadeTwo-enter, .plan-wrapper .fadeTwo-leave, .plan-wrapper .fadeTwo-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeTwo-leave.fadeTwo-leave-active {
    opacity: 1;
    animation-play-state: running; }
  .plan-wrapper .fadeThree-enter.fadeThree-enter-active {
    animation-play-state: running;
    animation-name: fadeThree; }
  .plan-wrapper .fadeThree-appear.fadeThree-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeThree; }
  .plan-wrapper .fadeThree-enter, .plan-wrapper .fadeThree-leave, .plan-wrapper .fadeThree-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeThree-leave.fadeThree-leave-active {
    opacity: 1;
    animation-play-state: running; }
  .plan-wrapper .fadeFour-enter.fadeFour-enter-active {
    animation-play-state: running;
    animation-name: fadeFour; }
  .plan-wrapper .fadeFour-appear.fadeFour-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeFour; }
  .plan-wrapper .fadeFour-enter, .plan-wrapper .fadeFour-leave, .plan-wrapper .fadeFour-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeFour-leave.fadeFour-leave-active {
    opacity: 1;
    animation-play-state: running; }
  .plan-wrapper .fadeFive-enter.fadeFive-enter-active {
    animation-play-state: running;
    animation-name: fadeFive; }
  .plan-wrapper .fadeFive-appear.fadeFive-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeFive; }
  .plan-wrapper .fadeFive-enter, .plan-wrapper .fadeFive-leave, .plan-wrapper .fadeFive-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeFive-leave.fadeFive-leave-active {
    opacity: 1;
    animation-play-state: running; }
  .plan-wrapper .fadeSix-enter.fadeSix-enter-active {
    animation-play-state: running;
    animation-name: fadeSix; }
  .plan-wrapper .fadeSix-appear.fadeSix-appear-active {
    opacity: 1;
    animation-play-state: running;
    animation-name: fadeSix; }
  .plan-wrapper .fadeSix-appear {
    animation-duration: 1s; }
  .plan-wrapper .fadeSix-leave.fadeSix-leave-active {
    opacity: 1;
    animation-play-state: running; }

@keyframes fadeOne {
  0% {
    opacity: 1;
    transform: translate3d(175px, 300px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(175px, 300px, 0); } }

@keyframes fadeTwo {
  0% {
    opacity: 1;
    transform: translate3d(0px, -135px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(0px, -135px, 0); } }

@keyframes fadeThree {
  0% {
    opacity: 1;
    transform: translate3d(175px, -240px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(175px, -240px, 0); } }

@keyframes fadeFour {
  0% {
    opacity: 1;
    transform: translate3d(-175px, 240px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(-175px, 240px, 0); } }

@keyframes fadeFive {
  0% {
    opacity: 1;
    transform: translate3d(-175px, -30px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(-175px, -30px, 0); } }

@keyframes fadeSix {
  0% {
    opacity: 1;
    transform: translate3d(0px, -135px, 0); }
  20% {
    opacity: 1;
    transform: translate3d(0px, -135px, 0); } }
  .plan-wrapper .fade-enter, .plan-wrapper .fade-leave, .plan-wrapper .fade-appear {
    animation-duration: 2s; }
  .plan-wrapper .fade-enter {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .plan-wrapper .fade-appear {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .plan-wrapper .fade-leave {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .plan-wrapper .fade-enter.fade-enter-active {
    animation-name: fadeIn;
    animation-play-state: running; }
  .plan-wrapper .fade-appear.fade-appear-active {
    animation-name: fadeIn;
    animation-play-state: running; }
  .plan-wrapper .fade-leave.fade-leave-active {
    animation-name: fadeOut;
    animation-play-state: running; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@media only screen and (max-width: 600px) {
  .plan-wrapper {
    position: relative;
    height: 480px;
    box-sizing: border-box;
    overflow: hidden; }
    .plan-wrapper .page-container {
      position: absolute;
      left: 52%;
      display: flex;
      right: 0;
      width: 320px;
      height: 300px; }
      .plan-wrapper .page-container .content-left {
        flex: 0 70px; }
        .plan-wrapper .page-container .content-left .dot-container {
          margin-top: 10px; }
          .plan-wrapper .page-container .content-left .dot-container ul {
            padding-left: 10px; }
            .plan-wrapper .page-container .content-left .dot-container ul li {
              width: 10px;
              height: 10px; }
        .plan-wrapper .page-container .content-left .logo {
          margin: 10px 0;
          text-align: center; }
          .plan-wrapper .page-container .content-left .logo img {
            width: 40px;
            height: 40px; }
        .plan-wrapper .page-container .content-left .btn {
          margin: 0 auto;
          width: 50px;
          height: 20px;
          line-height: 20px;
          color: #ffffff;
          border-radius: 2px;
          font-size: 12px; }
      .plan-wrapper .page-container .content-right {
        padding-right: 10px; }
        .plan-wrapper .page-container .content-right .column {
          flex: 1; }
          .plan-wrapper .page-container .content-right .column div {
            height: 80px;
            margin: 5px; }
            .plan-wrapper .page-container .content-right .column div span {
              height: 100%;
              height: 100%; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(1) {
            top: 30px; }
          .plan-wrapper .page-container .content-right .column.column:nth-child(2) {
            top: 55px; }
        .plan-wrapper .page-container .content-right .icon-container {
          left: -20px;
          top: 180px;
          height: 155px;
          width: 120px; }
          .plan-wrapper .page-container .content-right .icon-container > div {
            display: flex;
            flex-wrap: wrap; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column {
              flex: 1;
              padding: 0; }
              .plan-wrapper .page-container .content-right .icon-container > div .icon-column li {
                list-style: none;
                margin: 0 auto;
                width: 30px;
                height: 30px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(1) {
              margin-top: 5px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(2) {
              margin-top: 10px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(1) li:nth-child(3) {
              margin-top: 15px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(1) {
              margin-top: 15px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(2) {
              margin-top: 15px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(2) li:nth-child(3) {
              margin-top: 15px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(1) {
              margin-top: 5px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(2) {
              margin-top: 10px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(3) {
              margin-top: 15px; }
            .plan-wrapper .page-container .content-right .icon-container > div .icon-column:nth-child(3) li:nth-child(4) {
              position: absolute;
              height: 7px;
              width: 35px;
              margin-top: 20px;
              background-image: url("/static/img/animation/MORE.png");
              background-size: 100% 100%; }
  @keyframes fadeOne {
    0% {
      opacity: 1;
      transform: translate3d(125px, 230px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(125px, 230px, 0); } }
  @keyframes fadeTwo {
    0% {
      opacity: 1;
      transform: translate3d(0px, -95px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(0px, -95px, 0); } }
  @keyframes fadeThree {
    0% {
      opacity: 1;
      transform: translate3d(125px, -155px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(125px, -155px, 0); } }
  @keyframes fadeFour {
    0% {
      opacity: 1;
      transform: translate3d(-125px, 155px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(-125px, 155px, 0); } }
  @keyframes fadeFive {
    0% {
      opacity: 1;
      transform: translate3d(-125px, -35px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(-125px, -35px, 0); } }
  @keyframes fadeSix {
    0% {
      opacity: 1;
      transform: translate3d(0px, -95px, 0); }
    20% {
      opacity: 1;
      transform: translate3d(0px, -95px, 0); } } }

.brand-wrapper {
  position: relative;
  top: 30px;
  height: 660px;
  box-sizing: border-box;
  overflow: hidden; }
  .brand-wrapper .bg-container {
    position: absolute;
    top: 0;
    right: 17%;
    width: 446px;
    height: 396px;
    background-image: url("/static/img/animation/img.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center; }
  .brand-wrapper .left-container {
    position: absolute;
    top: 165px;
    left: 40px;
    width: 110px;
    height: 110px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    z-index: 1; }
    .brand-wrapper .left-container .logo-content {
      position: absolute;
      top: -75px;
      left: 25px; }
      .brand-wrapper .left-container .logo-content img {
        width: 60px;
        height: 65px; }
    .brand-wrapper .left-container .icon-content {
      width: 110px;
      height: 110px; }
      .brand-wrapper .left-container .icon-content .love-icon {
        width: 100%;
        height: 100%;
        background-image: url("/static/img/animation/I-Love-CHINA.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 25%; }
    .brand-wrapper .left-container .text-content {
      position: absolute;
      top: 200px;
      left: 30px; }
      .brand-wrapper .left-container .text-content img {
        width: 10px;
        height: 75px; }
  .brand-wrapper .mind-container {
    position: absolute;
    top: 200px;
    left: 100px;
    width: 405px;
    height: 295px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 30px;
    overflow: hidden; }
    .brand-wrapper .mind-container .head-wrap {
      width: 100%;
      height: 97px;
      background-image: url("/static/img/animation/title.png");
      background-size: cover;
      background-repeat: no-repeat; }
    .brand-wrapper .mind-container .product-container {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      padding-top: 15px;
      margin: 0 auto;
      text-align: center; }
      .brand-wrapper .mind-container .product-container div {
        margin: 10px 12px;
        width: 86px;
        height: 100px; }
      .brand-wrapper .mind-container .product-container div:nth-child(1) {
        background-image: url("/static/img/animation/Product1.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .brand-wrapper .mind-container .product-container div:nth-child(2) {
        background-image: url("/static/img/animation/Product2.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .brand-wrapper .mind-container .product-container div:nth-child(3) {
        background-image: url("/static/img/animation/Product3.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .brand-wrapper .mind-container .product-container div:nth-child(4) {
        background-image: url("/static/img/animation/Product4.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .brand-wrapper .mind-container .product-container div:nth-child(5) {
        background-image: url("/static/img/animation/Product5.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
      .brand-wrapper .mind-container .product-container div:nth-child(6) {
        background-image: url("/static/img/animation/Product6.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center; }
  .brand-wrapper .right-container {
    position: absolute;
    top: 350px;
    right: 20%;
    width: 200px;
    height: 200px;
    background: #fff;
    box-shadow: 0 13px 50px 0 rgba(0, 0, 0, 0.1);
    border-radius: 15px; }
    .brand-wrapper .right-container .icon-content {
      width: 100%;
      height: 100%; }
    .brand-wrapper .right-container .right-icon {
      height: 100%;
      background-image: url("/static/img/animation/Product7.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100% 100%; }
  .brand-wrapper .fade-enter, .brand-wrapper .fade-leave, .brand-wrapper .fade-appear {
    animation-duration: 2s; }
  .brand-wrapper .fade-enter {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .brand-wrapper .fade-appear {
    opacity: 0;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .brand-wrapper .fade-leave {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-play-state: paused; }
  .brand-wrapper .fade-enter.fade-enter-active {
    animation-name: fadeIn;
    animation-play-state: running; }
  .brand-wrapper .fade-appear.fade-appear-active {
    animation-name: fadeIn;
    animation-play-state: running; }
  .brand-wrapper .fade-leave.fade-leave-active {
    animation-name: fadeOut;
    animation-play-state: running; }

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
  .brand-wrapper {
    width: 700px;
    height: 650px; }
    .brand-wrapper .bg-container {
      position: absolute;
      top: 0;
      right: 0;
      width: 446px;
      height: 396px; }
    .brand-wrapper .left-container {
      top: 165px;
      left: 40px;
      width: 110px;
      height: 110px; }
      .brand-wrapper .left-container .logo-content {
        position: absolute;
        top: -75px;
        left: 25px; }
        .brand-wrapper .left-container .logo-content img {
          width: 60px;
          height: 65px; }
      .brand-wrapper .left-container .icon-content {
        width: 110px;
        height: 110px; }
        .brand-wrapper .left-container .icon-content .love-icon {
          width: 100%;
          height: 100%; }
    .brand-wrapper .mind-container {
      top: 200px;
      left: 100px;
      width: 405px;
      height: 295px;
      border-radius: 15px; }
      .brand-wrapper .mind-container .title {
        margin: 20px auto;
        height: 20px;
        width: 40px; }
      .brand-wrapper .mind-container .page-nav {
        padding: 0;
        padding: 0 40px; }
        .brand-wrapper .mind-container .page-nav li {
          padding: 0 10px;
          font-size: 12px; }
      .brand-wrapper .mind-container .product-container {
        margin: 0 auto; }
        .brand-wrapper .mind-container .product-container div {
          margin: 10px 24px;
          width: 86px;
          height: 100px; }
    .brand-wrapper .right-container {
      top: 350px;
      right: 10px;
      width: 200px;
      height: 200px;
      border-radius: 15px; }
      .brand-wrapper .right-container .icon-content {
        width: 100%;
        height: 100%; }
      .brand-wrapper .right-container .right-icon {
        height: 100%; } }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .brand-wrapper {
    width: 560px;
    height: 650px; }
    .brand-wrapper .bg-container {
      width: 360px;
      height: 320px; }
    .brand-wrapper .left-container {
      top: 115px;
      left: 30px;
      width: 90px;
      height: 90px; }
      .brand-wrapper .left-container .logo-content {
        position: absolute;
        top: -75px;
        left: 15px; }
        .brand-wrapper .left-container .logo-content img {
          width: 60px;
          height: 65px; }
      .brand-wrapper .left-container .icon-content {
        width: 90px;
        height: 90px; }
      .brand-wrapper .left-container .text-content {
        left: 10px; }
    .brand-wrapper .mind-container {
      top: 150px;
      left: 65px;
      width: 350px;
      height: 270px; }
      .brand-wrapper .mind-container .head-wrap {
        width: 100%;
        height: 75px; }
      .brand-wrapper .mind-container .page-nav {
        padding: 0;
        text-align: center;
        margin-bottom: 10px; }
        .brand-wrapper .mind-container .page-nav li {
          flex: 1;
          list-style: none;
          padding: 0 0;
          font-size: 12px;
          color: #484747; }
      .brand-wrapper .mind-container .product-container {
        margin: 0 auto; }
        .brand-wrapper .mind-container .product-container div {
          margin: 10px 20px;
          width: 75px;
          height: 90px; }
    .brand-wrapper .right-container {
      top: 300px;
      right: 10px;
      width: 150px;
      height: 150px;
      border-radius: 15px; }
      .brand-wrapper .right-container .right-icon {
        height: 100%;
        background-size: 100% 100%; } }

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .brand-wrapper {
    width: 560px;
    height: 650px; }
    .brand-wrapper .bg-container {
      width: 360px;
      height: 320px; }
    .brand-wrapper .left-container {
      top: 115px;
      left: 30px;
      width: 90px;
      height: 90px; }
      .brand-wrapper .left-container .logo-content {
        top: -75px;
        left: 15px; }
        .brand-wrapper .left-container .logo-content img {
          width: 60px;
          height: 65px; }
      .brand-wrapper .left-container .icon-content {
        width: 90px;
        height: 90px; }
      .brand-wrapper .left-container .text-content {
        left: 10px; }
    .brand-wrapper .mind-container {
      top: 150px;
      left: 65px;
      width: 350px;
      height: 270px; }
      .brand-wrapper .mind-container .head-wrap {
        width: 100%;
        height: 75px; }
      .brand-wrapper .mind-container .page-nav {
        padding: 0;
        text-align: center;
        margin-bottom: 10px; }
        .brand-wrapper .mind-container .page-nav li {
          flex: 1;
          list-style: none;
          padding: 0 0;
          font-size: 12px;
          color: #484747; }
      .brand-wrapper .mind-container .product-container {
        margin: 0 auto; }
        .brand-wrapper .mind-container .product-container div {
          margin: 10px 15px;
          width: 85px;
          height: 100px; }
    .brand-wrapper .right-container {
      top: 300px;
      right: 10px;
      width: 150px;
      height: 150px;
      border-radius: 15px; }
      .brand-wrapper .right-container .right-icon {
        height: 100%;
        background-size: 100% 100%; } }

@media only screen and (min-width: 576px) and (max-width: 768px) {
  .brand-wrapper {
    width: 480px;
    top: 80px;
    height: 580px; }
    .brand-wrapper .bg-container {
      width: 310px;
      height: 275px; }
    .brand-wrapper .left-container {
      top: 115px;
      left: 30px;
      width: 80px;
      height: 80px; }
      .brand-wrapper .left-container .logo-content {
        position: absolute;
        top: -75px;
        left: 10px; }
        .brand-wrapper .left-container .logo-content img {
          width: 60px;
          height: 65px; }
      .brand-wrapper .left-container .icon-content {
        width: 80px;
        height: 80px; }
      .brand-wrapper .left-container .text-content {
        top: 150px;
        left: 25px; }
    .brand-wrapper .mind-container {
      top: 135px;
      left: 80px;
      width: 295px;
      height: 225px; }
      .brand-wrapper .mind-container .head-wrap {
        width: 100%;
        height: 75px; }
      .brand-wrapper .mind-container .page-nav {
        padding: 0;
        margin-bottom: 10px; }
        .brand-wrapper .mind-container .page-nav li {
          padding: 0 6px; }
      .brand-wrapper .mind-container .product-container {
        margin: 0 auto; }
        .brand-wrapper .mind-container .product-container div {
          margin: 10px 5px;
          width: 88px;
          height: 86px; }
    .brand-wrapper .right-container {
      top: 253px;
      right: 10px;
      width: 135px;
      height: 135px;
      border-radius: 15px; }
      .brand-wrapper .right-container .right-icon {
        height: 100%;
        background-size: 100% 100%; } }

@media only screen and (max-width: 575px) {
  .brand-wrapper {
    top: 55px;
    width: 330px;
    height: 375px;
    overflow: visible; }
    .brand-wrapper .bg-container {
      width: 240px;
      height: 185px;
      border-radius: 15px; }
    .brand-wrapper .left-container {
      top: 65px;
      left: 0px;
      width: 70px;
      height: 70px; }
      .brand-wrapper .left-container .logo-content {
        top: -55px;
        left: 10px; }
        .brand-wrapper .left-container .logo-content img {
          width: 50px;
          height: 50px; }
      .brand-wrapper .left-container .icon-content {
        width: 42px;
        height: 18px;
        margin: 0 auto;
        margin-top: 25px; }
        .brand-wrapper .left-container .icon-content .love-icon {
          background-size: 100% 100%; }
      .brand-wrapper .left-container .text-content {
        left: 5px;
        top: 100px; }
        .brand-wrapper .left-container .text-content img {
          width: 7px;
          height: 55px; }
    .brand-wrapper .mind-container {
      top: 100px;
      left: 20px;
      width: 225px;
      height: 165px; }
      .brand-wrapper .mind-container .head-wrap {
        width: 100%;
        height: 57px; }
      .brand-wrapper .mind-container .product-container {
        margin: 0 auto; }
        .brand-wrapper .mind-container .product-container div {
          margin: 0px 12px;
          width: 50px;
          height: 75px; }
    .brand-wrapper .right-container {
      top: 185px;
      right: 5px;
      width: 100px;
      height: 100px;
      border-radius: 15px; }
      .brand-wrapper .right-container .right-icon {
        height: 100%;
        background-size: 100% 100%; } }

@charset "UTF-8";
.modal-body-height .ant-modal-body {
  height: 600px;
  overflow: hidden;
  overflow-y: auto; }

.order-address-modal-wrap .address-modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between; }

.order-address-modal-wrap .ant-modal-body {
  margin-right: 6px;
  /* 设置滚动条的样式 */
  /* 滚动槽 */
  /* 滚动条滑块 */ }
  .order-address-modal-wrap .ant-modal-body::-webkit-scrollbar {
    width: 6px;
    margin-right: 5px; }
  .order-address-modal-wrap .ant-modal-body::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.3);
    border-radius: 10px; }
  .order-address-modal-wrap .ant-modal-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset006pxrgba(0, 0, 0, 0.5); }
  .order-address-modal-wrap .ant-modal-body::-webkit-scrollbar-track-piece {
    /*滚动条的背景颜色*/
    -webkit-border-radius: 0;
    /*滚动条的圆角宽度*/ }
  .order-address-modal-wrap .ant-modal-body::-webkit-scrollbar-corner {
    width: 10px; }

.page-orders section {
  padding-top: 0 !important; }

.page-orders .nav-search {
  padding-top: 40px; }
  .page-orders .nav-search > * {
    margin-right: 30px;
    margin-bottom: 30px; }
    .page-orders .nav-search > *:last-child {
      margin-right: 0; }
  .page-orders .nav-search > .row {
    white-space: nowrap; }
    .page-orders .nav-search > .row > * {
      margin-right: 30px; }
      .page-orders .nav-search > .row > *:last-child {
        margin-right: 0; }
  .page-orders .nav-search .ant-input-search {
    width: 300px; }
    .page-orders .nav-search .ant-input-search input::placeholder {
      font-size: 14px; }

@media (min-width: 1250px) {
  .page-orders {
    min-width: 1000px; } }

@media (min-width: 1890px) {
  .page-orders {
    min-width: 1600px; } }

.page-orders table .service-id {
  width: 200px; }
  @media (max-width: 1348px) {
    .page-orders table .service-id {
      width: 110px; } }

.page-orders table .operation {
  width: 140px; }
  @media (max-width: 1348px) {
    .page-orders table .operation {
      width: 40px; }
      .page-orders table .operation a {
        display: block; }
      .page-orders table .operation > .ant-divider {
        display: none; } }

.settleOrder-div .ant-tabs-nav .ant-tabs-tab {
  width: 200px;
  text-align: center;
  font-size: 18px; }

.settleOrder-div .ant-tabs-nav .ant-tabs-tab-active {
  color: #e60122; }

.settleOrder-div .ant-tabs-ink-bar {
  background: #e60122; }

.businessCenter-goods-list .goods-head-wrap {
  background: #fafafa;
  width: 100%;
  height: 70px;
  margin-bottom: 20px; }
  .businessCenter-goods-list .goods-head-wrap .checked {
    line-height: 70px;
    margin-left: 30px; }

.businessCenter-goods-list .goods-list-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  min-width: 1030px; }
  .businessCenter-goods-list .goods-list-wrap .col {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    flex: 0 0 auto; }
    .businessCenter-goods-list .goods-list-wrap .col img {
      max-width: 100%; }
  .businessCenter-goods-list .goods-list-wrap .col-md-per {
    flex: 1;
    min-width: 255px;
    max-width: 288px;
    position: relative; }

@charset "UTF-8";
/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.order-container {
  padding: 20px 30px;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  margin: 20px 0 30px 0;
  /**修改提示*/
  /*物流单号链接*/ }
  .order-container .order-edit-notes {
    color: #faad14;
    padding-bottom: 30px; }
  .order-container .dpj-orderdetail-modtitle {
    margin-bottom: 20px; }
  .order-container .dpj-orderdetail-props dl {
    display: flex; }
  .order-container .dpj-orderdetail-props dt,
  .order-container .dpj-orderdetail-props dd {
    font-weight: normal;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 20px; }
  .order-container .dpj-orderdetail-props dt {
    width: 90px;
    min-width: 90px; }
  .order-container .dpj-orderdetail-props dd .dpj-orderdetail-button:first-child {
    margin-right: 10px; }
  .order-container .dpj-orderdetail-logisticsmod {
    padding-left: 30px; }
  .order-container .dpj-orderdetail-expresscode {
    color: #1d75e5;
    margin-right: 5px; }

/**改物流的上一步*/
.dpj-orderdetail-prevstep {
  text-align: left; }
  .dpj-orderdetail-prevstep button {
    border: 0px; }

/*物流公司*/
.dpj-orderdetail-logistics-company {
  font-weight: 300;
  color: #262626;
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 14px; }

.dpj-orderdetail-logistics-rdogroups .ant-radio-wrapper {
  display: flex;
  padding-bottom: 20px;
  line-height: 15px; }

.dpj-orderdetail-logistics-rdogroups .radio-label {
  white-space: normal;
  word-break: break-all;
  word-wrap: break-word; }

.reciveTitle {
  margin-bottom: 18px; }

.addAddress {
  color: #1d75e5;
  line-height: 22px;
  font-weight: 300; }

.dpj-orderdetail-addrmodal .hidden {
  display: none; }

.dpj-orderdetail-addrmodal .addressButtonContainer {
  text-align: right;
  margin: 2px 2px 2px auto; }
  .dpj-orderdetail-addrmodal .addressButtonContainer .savebutton {
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin-right: 30px;
    color: #e60122; }
    .dpj-orderdetail-addrmodal .addressButtonContainer .savebutton:active {
      color: #e60122; }
  .dpj-orderdetail-addrmodal .addressButtonContainer .canclebutton {
    display: inline-block;
    font-weight: 300; }

/*订单明细**/
.dpj-orderdetail-items {
  margin-bottom: 10px; }

.dpj-orderdetail-items-tableheader {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  background-color: #fbfbfb;
  text-align: center;
  width: 100%;
  color: #262626; }
  .dpj-orderdetail-items-tableheader .item-info {
    padding-left: 30px;
    display: inline-block;
    text-align: left;
    width: 44.6%; }
  .dpj-orderdetail-items-tableheader .item-qty {
    display: inline-block;
    width: 15.2%; }
  .dpj-orderdetail-items-tableheader .item-price {
    display: inline-block;
    width: 11.4%; }
  .dpj-orderdetail-items-tableheader .item-amount {
    display: inline-block;
    width: 14.6%; }
  .dpj-orderdetail-items-tableheader .item-action {
    display: inline-block;
    text-align: center;
    width: 14.2%; }

.dpj-orderdetail-items-tablebody {
  margin-top: 40px; }
  .dpj-orderdetail-items-tablebody .ladder-discount {
    display: flex;
    margin-top: 20px;
    margin-bottom: -20px;
    padding-left: 30px;
    align-items: center; }
    .dpj-orderdetail-items-tablebody .ladder-discount .discount {
      margin-right: 20px; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle {
        background: #23d05f;
        border-radius: 2px;
        min-width: 120px;
        height: 24px;
        line-height: 24px;
        text-align: center; }
        .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle .text {
          margin-left: 24px;
          font-size: 12px;
          color: #ffffff; }
        .dpj-orderdetail-items-tablebody .ladder-discount .discount .rectangle .percent {
          margin-left: 8px;
          font-size: 14px;
          color: #ffffff;
          padding-right: 10px; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .triangle-topleft {
        position: relative;
        top: -2px;
        width: 0px;
        height: 0px;
        border-top: 8px solid #23d05f;
        border-right: 8px solid transparent; }
      .dpj-orderdetail-items-tablebody .ladder-discount .discount .dot {
        position: relative;
        border-radius: 100%;
        width: 4px;
        height: 4px;
        background: white;
        top: -22px;
        left: 14px; }
    .dpj-orderdetail-items-tablebody .ladder-discount .help {
      font-size: 12px;
      color: #777777;
      text-align: left; }
  .dpj-orderdetail-items-tablebody .single-sku .sku-name {
    display: block;
    align-items: flex-end;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    text-align: left;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: keep-all; }
    .dpj-orderdetail-items-tablebody .single-sku .sku-name .nopointer {
      cursor: default; }
    .dpj-orderdetail-items-tablebody .single-sku .sku-name .title-danger {
      color: #e62154; }
  .dpj-orderdetail-items-tablebody .single-sku .single-sku-container {
    display: flex;
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div {
      display: inline-block;
      flex: 0 150px;
      padding-left: 30px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container {
        vertical-align: top;
        width: 80px;
        height: 80px;
        border: 1px solid #ebebeb;
        display: inline-flex;
        position: relative;
        justify-content: center;
        align-items: center; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container:hover {
          border: 1px solid #23d05f; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container:hover .zoom-in-icon {
            color: #23d05f;
            position: absolute;
            right: 4px;
            bottom: 2px;
            cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .preview {
          max-width: 78px;
          max-height: 78px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .zoom-in-icon {
          position: absolute;
          right: 4px;
          bottom: 2px;
          cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .preview-div .image-container .shelter-line {
          position: absolute;
          width: 30px;
          height: 2px;
          background: white;
          top: 99px;
          left: -30px; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info {
      width: 34.6%;
      padding-left: 22px;
      display: inline-block; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .product-name {
        margin-top: 5px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size {
        height: 28px;
        text-align: left;
        color: #777777;
        margin-top: 5px;
        display: inline-flex;
        align-items: center;
        border: 1px solid white; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size:hover {
          cursor: pointer; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .color-hex {
          display: flex;
          margin-right: 2px;
          border: 1px solid #ebebeb;
          width: 14px;
          height: 14px;
          margin-left: 4px;
          vertical-align: middle; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .color-hex .color {
            flex: 1;
            height: 100%; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .size-edit {
          padding-left: 10px;
          padding-right: 10px;
          text-align: left;
          display: flex;
          align-items: center;
          height: 28px;
          margin-left: 30px; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .color-size .size-edit .edit-icon {
            display: none; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .item-platformsku {
        margin-top: 6px;
        text-align: left;
        font-size: 12px;
        margin-left: 10px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .value-added-services {
        display: block;
        margin-left: 10px;
        margin-top: 6px;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        width: 76px;
        height: 20px;
        font-size: 12px;
        padding: 0px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .goods-info .value-added-services:hover {
          border: 1px solid #23d05f; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-qty {
      width: 15.2%;
      display: inline-flex;
      justify-content: center;
      align-items: center; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price {
      width: 11.4%;
      margin-top: 26px;
      display: inline-block;
      text-align: center; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .originalprice {
        font-size: 14px;
        color: #262626;
        line-height: 22px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .originalprice-witn-line {
        font-size: 14px;
        color: #777777;
        text-decoration: line-through;
        display: block;
        line-height: 22px; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-price .price-after-discount {
        font-size: 18px;
        color: #262626;
        line-height: 22px; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-amount {
      width: 14.6%;
      margin-top: 26px;
      display: inline-block;
      text-align: center; }
    .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action {
      width: 14.2%;
      margin-top: 26px;
      text-align: center;
      display: inline-block; }
      .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container {
        display: flex;
        align-items: center;
        justify-content: center; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container a {
          padding: 0 10px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .docking-icon {
          color: #bfbfbf; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .docking-icon:hover {
            color: #262626; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .divider {
          margin-left: 10px;
          margin-right: 10px; }
        .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .delete-icon {
          color: #bfbfbf; }
          .dpj-orderdetail-items-tablebody .single-sku .single-sku-container .item-action .action-container .delete-icon:hover {
            color: #262626; }

/*修改SKU面板*/
.dpj-orderdetail-select-sku {
  width: 230px;
  text-align: left;
  font-size: 14px; }
  .dpj-orderdetail-select-sku .ant-row.ant-row:first-child {
    margin-bottom: 20px; }
  .dpj-orderdetail-select-sku .ant-row .ant-col:first-child {
    text-align: left; }
  .dpj-orderdetail-select-sku .ant-row .ant-col {
    display: inline-block; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color-list {
      display: flex;
      flex-wrap: wrap; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size {
      font-weight: 200;
      display: inline-block;
      width: 53px;
      text-align: left;
      cursor: pointer;
      margin: 0px 5px 5px 0px;
      border: 1px solid #979797;
      text-align: center; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.selected {
        background: #e60122;
        color: #fff;
        border: 1px solid #e60122; }
        .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.selected:hover {
          color: #fff; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size:hover {
        border: 1px solid #e60122;
        color: #e60122; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color {
      cursor: pointer;
      display: flex;
      width: 20px;
      height: 20px;
      line-height: 20px;
      border: 1px solid #979797;
      margin: 0 10px 10px 0px;
      justify-content: center;
      align-items: center;
      position: relative; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color .color {
        flex: 1;
        height: 100%; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color > .icon-ds-check {
        font-size: 12px;
        display: none; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.selected > .icon-ds-check {
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        display: block;
        color: #e60122; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.selected, .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color:hover {
        border-color: #e60122; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-size.disabled {
      cursor: not-allowed;
      border-color: #e0e0e0;
      color: #bfbfbf;
      background: #fafafa; }
    .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled {
      cursor: not-allowed; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled > .icon-ds-close:before {
        font-size: 10px; }
      .dpj-orderdetail-select-sku .ant-row .ant-col .sku-color.disabled > .icon-ds-check:before {
        content: \e627; }

.dpj-orderdetail-discount {
  border-top: 1px solid #e8e8e8;
  padding-top: 30px;
  padding-bottom: 30px; }

/**订单金额结算*/
.dpj-orderdetail-settlement {
  border-top: 1px solid #e8e8e8;
  text-align: right;
  padding-top: 29px;
  margin-bottom: 30px;
  color: #262626;
  font-size: 14px; }
  .dpj-orderdetail-settlement .alert-icon,
  .dpj-orderdetail-settlement .alert-price {
    color: #e62154; }
  .dpj-orderdetail-settlement dl {
    margin-bottom: 10px; }
    .dpj-orderdetail-settlement dl dt,
    .dpj-orderdetail-settlement dl dd {
      display: inline-block;
      font-weight: 200;
      margin: 0px; }
    .dpj-orderdetail-settlement dl dd {
      width: 200px;
      font-size: 16px; }
    .dpj-orderdetail-settlement dl dt > span {
      display: flex;
      align-items: center; }
      .dpj-orderdetail-settlement dl dt > span .alert-icon {
        margin-right: 2px; }
    .dpj-orderdetail-settlement dl.finalAmount dt,
    .dpj-orderdetail-settlement dl.finalAmount dd {
      font-weight: 500; }
    .dpj-orderdetail-settlement dl.finalAmount dd {
      font-size: 30px; }
    .dpj-orderdetail-settlement dl:hover .order-editPrice-container {
      height: 28px;
      border: 1px dashed #e0e0e0; }
      .dpj-orderdetail-settlement dl:hover .order-editPrice-container .edit-icon {
        display: inline; }
      .dpj-orderdetail-settlement dl:hover .order-editPrice-container:hover {
        border: 1px dashed #23d05f; }
    .dpj-orderdetail-settlement dl .order-editPrice-container {
      height: 28px;
      border: 1px dashed white; }
      .dpj-orderdetail-settlement dl .order-editPrice-container .edit-icon {
        display: none;
        margin-left: 5px;
        margin-right: 5px; }
      .dpj-orderdetail-settlement dl .order-editPrice-container:hover {
        border: 1px dashed #23d05f;
        cursor: pointer; }

.dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner {
  text-align: center; }
  .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content {
    padding: 0; }
    .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content {
      width: 284px;
      padding-left: 38px;
      padding-top: 16px; }
      .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .input-div {
        display: flex;
        align-items: center;
        margin-bottom: 20px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .input-div .text {
          display: block;
          text-align: left;
          white-space: nowrap; }
      .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div {
        margin-left: -40px;
        padding-bottom: 16px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div .cancel-button {
          width: 48px;
          height: 24px;
          margin-right: 10px;
          padding: 0px; }
        .dpj-orderDetail-settlement-editPrice-popover .ant-popover-inner .ant-popover-inner-content .dpj-orderDetail-settlement-editPrice-content .bottom-div .confirm-button {
          width: 48px;
          height: 24px;
          padding: 0px; }

/*
 * 修改订单明细没按保存时离开当前页面的弹窗提醒
 */
.dpj-orderdetail-sa-modal .icon-ds-info-alt {
  color: #e62154;
  font-size: 43px; }

.dpj-orderdetail-sa-modal .btn-unsave {
  background: #e62154;
  color: #fff;
  border-color: #e62154;
  padding: 0px 28px;
  line-height: inherit;
  height: 34px; }

.dpj-orderdetail-sa-modal .btn-save {
  padding: 0px 28px;
  height: 34px;
  line-height: inherit;
  color: #23d05f;
  border-color: #23d05f; }

/*明细下方的按钮*/
.dpj-orderdetail-item-btns {
  margin-bottom: 20px; }
  .dpj-orderdetail-item-btns .shelter-line {
    position: relative;
    height: 2px;
    top: -1px;
    background: white; }
  .dpj-orderdetail-item-btns button {
    position: static;
    width: 144px;
    height: 42px;
    font-size: 16px;
    margin-left: 30px; }

/*用户信息*/
.merchantInfo {
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  padding-bottom: 20px; }
  .merchantInfo ul {
    padding: 0;
    margin: 0; }
    .merchantInfo ul li {
      list-style: none;
      padding: 5px 0;
      margin: 0; }
  .merchantInfo label.payway:before {
    content: ' ';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 5px;
    background: #e62154; }
  .merchantInfo label.wxpay:before {
    background: #23d05f; }
  .merchantInfo label.alipay:before {
    background: #3dd1e8; }
  .merchantInfo label.fund:before {
    background: #faad14; }

.btn-popover {
  height: 24px; }

.ladder-discount-popover .ant-popover-inner-content {
  padding: 0; }
  .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content {
    width: 212px;
    min-height: 164px;
    padding-top: 16px;
    padding-left: 20px;
    text-align: left;
    vertical-align: middle; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .big-text {
      font-size: 14px;
      line-height: 24px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .small-text {
      font-size: 12px;
      line-height: 22px;
      display: inline-block; }
    .ladder-discount-popover .ant-popover-inner-content .ladder-discount-popover-content .word-qi {
      margin-left: 2px;
      font-size: 10px;
      line-height: 22px;
      display: inline-block; }

.color-size-eait-popover .ant-popover-inner-content {
  padding: 0; }
  .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content {
    width: 400px;
    padding-left: 38px;
    padding-top: 16px; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 20px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color {
          cursor: pointer;
          display: flex;
          width: 20px;
          height: 20px;
          line-height: 20px;
          border: 1px solid #979797;
          margin: 0 10px 10px 0px;
          border-radius: 50%;
          justify-content: center;
          align-items: center; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color > .icon-ds-check {
            font-size: 12px;
            display: none; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected > .icon-ds-check {
            display: block;
            color: #e60122; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.selected, .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color:hover {
            border-color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled {
          cursor: not-allowed; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-close:before {
            font-size: 10px; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .color-div .colorlist .sku-color.disabled > .icon-ds-check:before {
            content: \e627; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div {
      display: flex;
      justify-content: start;
      align-items: flex-start;
      margin-bottom: 12px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .text {
        display: block;
        text-align: left;
        white-space: nowrap; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size {
          font-weight: 200;
          display: inline-block;
          width: 53px;
          text-align: left;
          cursor: pointer;
          margin: 0px 5px 5px 0px;
          border: 1px solid #979797;
          text-align: center; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected {
            background: #e60122;
            color: #fff;
            border: 1px solid #e60122; }
            .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.selected:hover {
              color: #fff; }
          .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size:hover {
            border: 1px solid #e60122;
            color: #e60122; }
        .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .size-div .sizelist .sku-size.disabled {
          cursor: not-allowed;
          border-color: #e0e0e0;
          color: #bfbfbf;
          background: #fafafa; }
    .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div {
      margin-left: -40px;
      padding-bottom: 16px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .cancel-button {
        width: 48px;
        height: 24px;
        margin-right: 10px;
        padding: 0px; }
      .color-size-eait-popover .ant-popover-inner-content .color-size-eait-popover-content .bottom-div .confirm-button {
        width: 48px;
        height: 24px;
        padding: 0px; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.row-5column {
  display: flex;
  flex-wrap: wrap; }
  .row-5column .col {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    flex: 0 0 auto;
    text-align: left; }
    .row-5column .col img {
      max-width: 100%; }
  .row-5column .col-md-per20 {
    width: 20%; }
  .row-5column .col-md-per25 {
    width: 25%; }

.v2-home-goods-item {
  position: relative;
  background: #fff;
  margin-bottom: 20px;
  overflow: hidden;
  padding-bottom: 20px; }
  .v2-home-goods-item .v2-home-goods-new {
    color: #fff;
    background-color: #000;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 12px;
    padding: 2px 5px;
    font-weight: 400; }
  .v2-home-goods-item img {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 13px; }
  .v2-home-goods-item .v2-goods-title {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
    line-height: 26px; }
  .v2-home-goods-item .v2-goods-technology {
    padding: 0px 10px 0 10px;
    color: #6d6d6d;
    font-size: 12px;
    line-height: 20px;
    font-weight: 200; }
  .v2-home-goods-item .v2-goods-price {
    padding: 10px 10px 0 10px; }
    .v2-home-goods-item .v2-goods-price label {
      font-size: 16px;
      line-height: 24px;
      font-weight: 400; }
    .v2-home-goods-item .v2-goods-price span {
      font-size: 12px;
      line-height: 20px;
      font-weight: 200;
      margin-left: 3px; }
  .v2-home-goods-item:hover {
    box-shadow: 1px 1px 20px 5px rgba(0, 0, 0, 0.1); }

@media (max-width: 767.98px) {
  .row-5column .col.col-xs-per50 {
    width: 50%;
    margin-bottom: 20px; } }

@charset "UTF-8";
.container .slider-wrap {
  height: 180px;
  width: 100%;
  padding: 42px 0 42px 0; }
  .container .slider-wrap .slider-item {
    width: 180px;
    height: 100px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    background-position: center;
    background-size: cover; }
    .container .slider-wrap .slider-item .bg-mask {
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.4);
      border-radius: 4px; }
    .container .slider-wrap .slider-item .title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-weight: 600;
      font-size: 18px;
      color: #ffffff;
      text-align: center;
      width: 100%; }
  .container .slider-wrap .slider-item-arrow {
    background: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    width: 40px;
    height: 40px;
    border-radius: 100%; }
  .container .slider-wrap .hzJOec {
    left: -5px; }
  .container .slider-wrap .ldTBTR {
    right: 12px; }

.container .product-wrap {
  display: flex; }
  .container .product-wrap .left-category {
    flex: 0 262px;
    padding-right: 50px; }
  .container .product-wrap .right-product {
    flex: 1;
    overflow: hidden; }
    .container .product-wrap .right-product .product-banner {
      width: 100%;
      height: 0;
      position: relative;
      padding-top: 13%;
      background-image: url("/static/img/product-banner.png");
      background-size: cover; }
      .container .product-wrap .right-product .product-banner > div {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0; }
    .container .product-wrap .right-product .product-list {
      display: inline-block;
      width: 100%; }
      .container .product-wrap .right-product .product-list .product-list-pagination {
        margin-top: 12px;
        margin-bottom: 0px; }
    .container .product-wrap .right-product .ant-spin-container {
      text-align: center; }
    .container .product-wrap .right-product .product-search {
      margin: 28px 0;
      width: 280px; }
    .container .product-wrap .right-product .head-wrap {
      padding-top: 30px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-top: 1px solid #e0e0e0; }
      .container .product-wrap .right-product .head-wrap .title-container .title {
        font-size: 22px;
        color: #262626;
        font-weight: 400; }
      .container .product-wrap .right-product .head-wrap .title-container .count {
        padding-left: 10px;
        font-size: 20px; }
      .container .product-wrap .right-product .head-wrap .title-container .more {
        display: none; }
      .container .product-wrap .right-product .head-wrap .sort-container {
        position: relative;
        display: flex;
        font-size: 14px;
        justify-items: center;
        align-items: center;
        cursor: pointer;
        font-weight: 400; }
        .container .product-wrap .right-product .head-wrap .sort-container .new {
          padding-right: 20px; }
        .container .product-wrap .right-product .head-wrap .sort-container .sales {
          padding: 0 20px; }
        .container .product-wrap .right-product .head-wrap .sort-container .price-1 {
          margin-top: 1px;
          padding-left: 20px;
          position: relative;
          padding-right: 20px; }
          .container .product-wrap .right-product .head-wrap .sort-container .price-1 .icon {
            position: absolute;
            margin-left: 5px;
            top: 0; }
        .container .product-wrap .right-product .head-wrap .sort-container .sort-active {
          color: red; }
        .container .product-wrap .right-product .head-wrap .sort-container .select-category {
          position: absolute;
          right: 0;
          align-items: center;
          display: none; }
          .container .product-wrap .right-product .head-wrap .sort-container .select-category .more {
            margin-top: 2px; }
      .container .product-wrap .right-product .head-wrap .product-list {
        display: flex; }
        .container .product-wrap .right-product .head-wrap .product-list .product-item-wrap {
          flex: 0 20%;
          height: 404px;
          border: 1px solid #ebebeb; }

.three-category-wrap {
  padding-bottom: 25px;
  border-bottom: 1px solid #e0e0e0; }
  .three-category-wrap .title {
    font-weight: 400; }
  .three-category-wrap .three-action {
    font-size: 14px;
    font-weight: 400;
    line-height: 28px; }
    .three-category-wrap .three-action .icon {
      margin-right: 7px;
      vertical-align: top; }

.price-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .price-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .price-wrap .container .desc {
    text-align: center;
    font-size: 14px;
    color: #262626; }

.color-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .color-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .color-wrap .container {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap; }
    .color-wrap .container .color-item {
      position: relative;
      margin: 2px;
      width: 24px;
      height: 24px;
      cursor: pointer;
      display: flex; }
      .color-wrap .container .color-item .color {
        flex: 1;
        height: 100%; }
    .color-wrap .container .disabled {
      cursor: not-allowed;
      pointer-events: none; }
  .color-wrap .check {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5; }
  .color-wrap .icon-disabled {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    z-index: 5; }

.status-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .status-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .status-wrap .container {
    margin-top: 10px; }

.tech-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .tech-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .tech-wrap .container {
    margin-top: 10px; }

.attrs-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .attrs-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .attrs-wrap .container {
    margin-top: 10px; }

.size-wrap {
  padding: 25px 0;
  border-bottom: 1px solid #e0e0e0; }
  .size-wrap .title {
    font-size: 14px;
    color: #262626;
    font-weight: 400; }
  .size-wrap .container {
    margin-top: 10px;
    height: 180px;
    overflow: hidden;
    overflow-y: auto; }
  .size-wrap .container::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px; }
  .size-wrap .container::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 8px;
    background: #e0e0e0; }
  .size-wrap .container::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    border-radius: 10px;
    background: #ffffff; }

.ant-checkbox-group .ant-checkbox-wrapper {
  margin: 5px 0; }

.ant-slider .ant-slider-rail {
  height: 2px;
  background: #e0e0e0; }

.ant-slider .ant-slider-handle {
  margin-top: -7px; }

.ant-slider .ant-slider-track {
  height: 2px; }

.drawer-wrap .drawer-container {
  position: absolute;
  padding: 0 20px;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 62px;
  overflow-y: auto;
  overflow-x: hidden; }

.drawer-wrap .drawer-footer .btn {
  width: 70px; }

.ant-drawer-content {
  overflow: hidden; }

.search-result {
  margin-top: 70px;
  text-align: center; }
  .search-result .desc {
    margin-top: 20px; }

.sort-phone {
  font-size: 12px;
  line-height: 24px; }
  .sort-phone .sort-active {
    color: red; }

@media screen and (max-width: 767.98px) {
  .product-wrap .left-category {
    display: none; }
  .right-product .product-banner {
    margin-top: 20px;
    padding-top: 36% !important;
    background-image: url("/static/img/product-banner-mini.png") !important;
    background-size: 100% 100% !important; }
  .drawer-wrap .container {
    margin: 0; }
  .slider-wrap {
    display: none; }
  .product-search {
    margin: 20px 0 !important;
    width: 100% !important; }
  .head-wrap {
    padding-top: 20px !important;
    display: flex;
    flex-direction: column;
    align-items: normal !important; }
    .head-wrap .title-container {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .head-wrap .title-container .more {
        display: block !important; }
    .head-wrap .sort-container {
      margin-top: 20px; }
      .head-wrap .sort-container .select-category {
        display: flex !important; } }

.ant-radio-checked .ant-radio-inner {
  border-color: #e60122 !important; }

.ant-radio-checked::after {
  background: #e60122 !important; }

.ant-radio-inner::after {
  background: #e60122 !important; }

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #e60122 !important; }

.ant-slider-track {
  background-color: #e0e0e0 !important; }

.ant-slider-handle {
  border-color: #e60122 !important; }

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #e60122 !important;
  border-color: #e60122 !important; }

.ant-checkbox-checked::after {
  border-color: #e60122 !important; }

.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #e60122 !important; }

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #e60122 !important; }

.ant-pagination-item:focus,
.ant-pagination-item:hover {
  background-color: #e60122 !important;
  border-color: #e60122 !important; }

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  color: #e60122 !important; }

.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #e60122 !important;
  border-color: #e60122 !important; }

.ant-pagination-item-active {
  border-color: #e60122 !important; }

.ant-pagination-item-active a {
  border-color: #e60122 !important;
  background-color: #e60122 !important;
  color: #ffffff !important; }

.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #ffffff !important; }

@media only screen and (min-width: 767.98px) and (max-width: 1094.98px) {
  .left-category {
    padding-left: 10px; } }

.preview-product-wrap {
  position: relative; }
  .preview-product-wrap .colors-wrap {
    position: absolute;
    width: 450px;
    bottom: 0;
    left: 75px; }
    .preview-product-wrap .colors-wrap .colors-content {
      width: 450px; }

.favorites-my-wrap {
  padding: 0 !important;
  border: none !important; }
  .favorites-my-wrap .left-content {
    float: left;
    width: 200px; }
  .favorites-my-wrap .right-content {
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    padding: 24px 16px;
    margin-left: 200px; }
    .favorites-my-wrap .right-content .searchbar-wrap {
      margin-bottom: 24px;
      display: flex;
      justify-content: space-between; }

.favorites-private-wrap {
  padding: 0 !important;
  border: none !important; }
  .favorites-private-wrap .left-content {
    float: left;
    width: 200px; }
  .favorites-private-wrap .right-content {
    display: flex;
    flex-direction: column;
    border: 1px solid #e0e0e0;
    padding: 24px 16px;
    margin-left: 200px; }
    .favorites-private-wrap .right-content .searchbar-wrap {
      margin-bottom: 24px;
      display: flex;
      justify-content: space-between; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.product-detail {
  margin-top: 60px;
  margin-bottom: 20px; }
  .product-detail .product-detail-gallery {
    width: 600px;
    display: inline-block;
    vertical-align: top; }
  .product-detail .product-image {
    width: 200px;
    max-height: 200px;
    display: inline-block; }
  .product-detail .product-name.inline {
    width: calc(100% - 225px);
    margin-left: 20px;
    display: inline-block;
    vertical-align: top; }
  .product-detail .product-detail-info {
    display: inline-block;
    overflow-x: hidden;
    margin-left: 60px;
    width: calc(100% - 660px); }
    .product-detail .product-detail-info .title {
      width: 135px;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      font-weight: 500; }
      .product-detail .product-detail-info .title .title-addi-descp {
        font-size: 12px;
        font-weight: normal; }
        .product-detail .product-detail-info .title .title-addi-descp.tier-price-descp:hover {
          color: #e60122; }
    .product-detail .product-detail-info .product-name {
      font-size: 22px;
      line-height: 30px;
      word-break: break-all;
      font-weight: 500; }
    .product-detail .product-detail-info .tier-price-wrapper {
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb;
      margin-top: 20px; }
      .product-detail .product-detail-info .tier-price-wrapper .price-apply {
        margin-bottom: 10px; }
        .product-detail .product-detail-info .tier-price-wrapper .price-apply .price-item-wrapper {
          display: inline-block; }
          .product-detail .product-detail-info .tier-price-wrapper .price-apply .price-item-wrapper .price-item {
            width: 60px;
            margin-left: 20px;
            display: inline-block; }
      .product-detail .product-detail-info .tier-price-wrapper .tier-qty .qty-item-wrapper {
        display: inline-block; }
        .product-detail .product-detail-info .tier-price-wrapper .tier-qty .qty-item-wrapper .qty-item {
          width: 60px;
          margin-left: 20px;
          display: inline-block; }
    .product-detail .product-detail-info .size-wrapper {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb; }
      .product-detail .product-detail-info .size-wrapper .title {
        margin-top: 8px; }
      .product-detail .product-detail-info .size-wrapper .size-list {
        width: calc(100% - 140px);
        display: inline-block;
        vertical-align: top;
        margin-bottom: -10px; }
        .product-detail .product-detail-info .size-wrapper .size-list .size-item-inline {
          display: inline-block;
          border: 1px solid #ebebeb;
          margin-right: 10px;
          margin-bottom: 10px;
          text-align: center;
          cursor: pointer; }
          .product-detail .product-detail-info .size-wrapper .size-list .size-item-inline a {
            padding: 3px 15px;
            display: block; }
          .product-detail .product-detail-info .size-wrapper .size-list .size-item-inline.selected {
            background: #e60122;
            color: #fff;
            border-color: #e60122; }
          .product-detail .product-detail-info .size-wrapper .size-list .size-item-inline.disabled,
          .product-detail .product-detail-info .size-wrapper .size-list .size-item-inline.disabled a {
            cursor: not-allowed;
            background: #979797; }
        .product-detail .product-detail-info .size-wrapper .size-list > .size-item {
          margin-bottom: 10px;
          display: flex;
          flex-direction: row; }
          .product-detail .product-detail-info .size-wrapper .size-list > .size-item .size-value {
            margin-left: 10px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex: 1; }
          .product-detail .product-detail-info .size-wrapper .size-list > .size-item .size-sum-price {
            margin-left: 20px;
            justify-content: center;
            align-items: center;
            display: flex;
            flex: 1; }
          .product-detail .product-detail-info .size-wrapper .size-list > .size-item .qty-action {
            margin-left: 20px;
            display: flex;
            justify-content: flex-end; }
      .product-detail .product-detail-info .size-wrapper .no-found-size {
        text-align: center; }
    .product-detail .product-detail-info .color-wrapper-v2 {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb;
      display: flex; }
      .product-detail .product-detail-info .color-wrapper-v2 .title {
        display: flex;
        flex: 1; }
      .product-detail .product-detail-info .color-wrapper-v2 .color-list {
        flex: 1;
        display: flex;
        vertical-align: top;
        text-align: right;
        justify-content: flex-end;
        flex-wrap: wrap; }
        .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline {
          width: 28px;
          height: 28px;
          border: 1px solid #ebebeb;
          margin-right: 10px;
          margin-bottom: 10px;
          display: inline-block;
          text-align: center;
          border: 1px solid #979797;
          box-shadow: 0 0 2px #979797;
          margin: 5px;
          display: flex;
          position: relative; }
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline .icon-ds-check {
            display: none; }
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline .color {
            flex: 1;
            height: 100%; }
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline.selected {
            border-color: #e60122; }
            .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline.selected .icon-ds-check {
              display: inline-block; }
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline .icon-ds-close {
            display: none;
            font-size: 12px; }
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline.disabled,
          .product-detail .product-detail-info .color-wrapper-v2 .color-list .color-item-inline.disabled a {
            border-style: dashed;
            cursor: not-allowed;
            background: #979797; }
    .product-detail .product-detail-info .color-wrapper {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb;
      display: flex; }
      .product-detail .product-detail-info .color-wrapper .color-list {
        width: calc(100% - 135px);
        display: inline-block;
        vertical-align: top;
        text-align: right;
        display: flex;
        flex-wrap: wrap; }
        .product-detail .product-detail-info .color-wrapper .color-list .color-item {
          width: 28px;
          height: 28px;
          border: 1px solid #ebebeb;
          margin-right: 10px;
          margin-bottom: 10px;
          display: flex; }
          .product-detail .product-detail-info .color-wrapper .color-list .color-item.selected {
            box-shadow: 0 0 0 2px #e60122; }
          .product-detail .product-detail-info .color-wrapper .color-list .color-item.disabled {
            cursor: not-allowed;
            background: #979797; }
          .product-detail .product-detail-info .color-wrapper .color-list .color-item .color {
            flex: 1;
            height: 100%; }
    .product-detail .product-detail-info .tech-wrapper {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb; }
      .product-detail .product-detail-info .tech-wrapper .tech-list {
        vertical-align: middle;
        float: right; }
        .product-detail .product-detail-info .tech-wrapper .tech-list .tech-item {
          margin-left: 15px;
          display: inline-block; }
    .product-detail .product-detail-info .weight-wrapper {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ebebeb;
      display: flex; }
      .product-detail .product-detail-info .weight-wrapper .title {
        display: flex; }
      .product-detail .product-detail-info .weight-wrapper .weight-list {
        width: calc(100% - 135px);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        vertical-align: top;
        text-align: right;
        position: relative;
        left: 10px;
        margin-bottom: -10px; }
        .product-detail .product-detail-info .weight-wrapper .weight-list .weight-item {
          height: 30px;
          margin-right: 20px;
          margin-bottom: 10px;
          display: flex; }
    .product-detail .product-detail-info .action {
      padding-top: 30px;
      padding-bottom: 20px;
      text-align: right; }
      .product-detail .product-detail-info .action button {
        margin-left: 10px;
        font-size: 14px !important; }
      .product-detail .product-detail-info .action .product_offline {
        text-align: justify; }
  .product-detail .search-result {
    margin-top: 70px;
    text-align: center; }
    .product-detail .search-result .desc {
      margin-top: 20px; }
  .product-detail .ant-tabs-tab {
    margin-left: 90px;
    margin-right: 90px; }
    .product-detail .ant-tabs-tab:hover {
      color: rgba(38, 38, 38, 0.85); }
  .product-detail .ant-tabs-nav .ant-tabs-tab-active {
    color: rgba(38, 38, 38, 0.85); }
  .product-detail .ant-tabs-ink-bar {
    background-color: #262626; }
  .product-detail .detail-html-section .html-section-title {
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    font-size: 16px; }
    .product-detail .detail-html-section .html-section-title::before {
      content: '';
      width: 4px;
      height: 15px;
      display: inline-block;
      vertical-align: middle;
      background-color: #262626;
      margin-right: 10px; }
  .product-detail .detail-html-section .tag-col {
    margin-bottom: 20px; }
    .product-detail .detail-html-section .tag-col .tag-key {
      width: 100px;
      display: inline-block; }
    .product-detail .detail-html-section .tag-col .tag-value {
      width: calc(100% - 115px);
      margin-left: 15px;
      display: inline-block;
      vertical-align: top;
      word-break: break-all; }
  .product-detail .detail-html-section img {
    max-width: 100%;
    height: auto; }

.tier-Price-popover {
  width: 175px; }

/**Add by DONNY 2019.12.2*/
@media (max-width: 767.98px) {
  .product-detail .product-goods-detail img {
    max-width: 100%;
    height: auto; }
  .product-detail .product-goods-detail .ant-tabs-tab {
    margin: 0 32px 0 0; }
  .product-detail .product-detail-gallery {
    width: auto; }
  .product-detail .product-detail-info {
    margin-left: 0px;
    width: auto;
    display: block; }
    .product-detail .product-detail-info .title {
      display: block;
      margin: 8px 0px;
      width: 100%; }
    .product-detail .product-detail-info .action {
      width: 100%;
      background: #fff;
      position: fixed;
      left: 0;
      bottom: 0;
      z-index: 1000;
      padding: 5px;
      border-top: 1px solid #f5f5f5; }
      .product-detail .product-detail-info .action .compute-title {
        display: none; }
    .product-detail .product-detail-info .weight-wrapper {
      flex-direction: column; }
      .product-detail .product-detail-info .weight-wrapper .weight-list {
        width: 100%;
        justify-content: flex-end; }
      .product-detail .product-detail-info .weight-wrapper .title {
        display: block;
        margin: 8px 0px;
        width: 100%; }
    .product-detail .product-detail-info .size-wrapper .size-list,
    .product-detail .product-detail-info .color-wrapper {
      padding-bottom: 10px;
      width: 100%; }
      .product-detail .product-detail-info .size-wrapper .size-list .color-list,
      .product-detail .product-detail-info .color-wrapper .color-list {
        width: 100%;
        display: flex;
        justify-content: flex-end; }
    .product-detail .product-detail-info .tech-wrapper .tech-list {
      display: block;
      float: none;
      text-align: right; }
    .product-detail .product-detail-info .size-wrapper .size-list {
      flex-direction: column; }
      .product-detail .product-detail-info .size-wrapper .size-list .size-item .size-value {
        flex: 0 100px; }
      .product-detail .product-detail-info .size-wrapper .size-list .size-item .qty-action,
      .product-detail .product-detail-info .size-wrapper .size-list .size-item .size-sum-price {
        margin-left: 10px; }
      .product-detail .product-detail-info .size-wrapper .size-list .size-item .qty-action {
        width: 200px; } }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 14px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: #262626;
  font-size: 16px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 14px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 16px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #23D05F;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #FAAD14;
}
.anticon.ant-notification-notice-icon-error {
  color: #E62154;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

.add-lost-goods .ant-drawer-body {
  padding-top: 5px; }

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #262626;
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 16px;
  font-family: Helvetica Neue ", " Helvetica ", " Arial ", " Microsoft Yahei ", " Hiragino Sans GB ", " Heiti SC ", " sans-serif;
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #e60122;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #262626;
  font-size: 16px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 14px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #e60122;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #e60122;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #e60122;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #262626;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #262626;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #e60122;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #e60122;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #e60122;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #e60122;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #262626;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e60122;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e60122;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #E62154;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #E62154;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #E62154;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #E62154;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #E62154;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #E62154;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #e60122;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #e60122;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #e60122;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #e60122;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 14px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #e60122;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}

.order-after-sale-wrap .head-stpe-wrap {
  display: flex;
  justify-content: center;
  align-items: center; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-icon {
    height: 42px;
    width: 42px;
    line-height: 42px; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-finish .ant-steps-item-icon {
    border: 3px solid #262626; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-icon {
    color: #262626; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
    background-color: #262626; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-process .ant-steps-item-icon {
    background-color: #262626;
    border: 3px solid #262626; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-process.ant-steps-item-active .ant-steps-icon {
    color: #ffffff !important; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-wait .ant-steps-item-container .ant-steps-item-icon {
    border: 3px solid #e0e0e0; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-tail {
    top: 16px;
    left: 2px;
    margin-left: 61px; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-error .ant-steps-item-icon {
    border: 3px solid #ff4d4f; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-error .ant-steps-icon {
    color: #ff4d4f; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-error .ant-steps-item-title {
    color: #ff4d4f;
    margin-left: 8px; }
  .order-after-sale-wrap .head-stpe-wrap .time-steps-wrap .ant-steps-item-title {
    color: #262626;
    margin-left: 8px; }

.order-after-sale-wrap .tip {
  color: #faad14; }

.order-after-sale-wrap .order-title {
  position: relative;
  margin: 10px 0 20px 0; }
  .order-after-sale-wrap .order-title .block {
    position: absolute;
    top: 4px;
    width: 4px;
    height: 15px;
    background: #333; }
  .order-after-sale-wrap .order-title .text {
    font-weight: 500;
    font-size: 16px;
    margin-left: 20px; }

.order-after-sale-wrap .orderInfo-wrap > span {
  margin-right: 20px; }

.order-after-sale-wrap .orderInfo-wrap .tip {
  margin-top: 5px;
  font-size: 12px; }

.order-after-sale-wrap .after-sale-wrap .sale-goods {
  margin-bottom: 0px; }
  .order-after-sale-wrap .after-sale-wrap .sale-goods .ant-col-xl-24.ant-form-item-label {
    padding: 0 !important; }

.order-after-sale-wrap .after-sale-wrap .goods-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: -20px; }
  .order-after-sale-wrap .after-sale-wrap .goods-list .goods-item-wrap {
    margin-right: 20px;
    margin-top: 20px;
    position: relative; }
    .order-after-sale-wrap .after-sale-wrap .goods-list .goods-item-wrap .img-wap {
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      width: 168px;
      height: 168px;
      cursor: pointer; }
    .order-after-sale-wrap .after-sale-wrap .goods-list .goods-item-wrap .icon {
      position: absolute;
      top: 4px;
      right: 4px;
      padding: 3px;
      background: rgba(255, 255, 255, 0.4); }
      .order-after-sale-wrap .after-sale-wrap .goods-list .goods-item-wrap .icon:hover {
        color: #e60122; }
    .order-after-sale-wrap .after-sale-wrap .goods-list .goods-item-wrap .desc {
      height: 30px;
      line-height: 30px;
      font-size: 12px; }

.order-after-sale-wrap .after-sale-wrap .amount-card-wrap {
  width: 784px;
  flex-direction: column;
  display: flex;
  border: 1px solid #e0e0e0;
  padding: 20px; }
  .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .content {
    display: flex;
    width: 100%;
    padding-bottom: 12px; }
    .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .content .left {
      flex: 1;
      padding: 0 15px 10px 0;
      margin-bottom: 0;
      border-bottom: 1px solid #e0e0e0; }
    .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .content .right {
      flex: 1;
      padding: 0 0 10px 15px;
      margin-bottom: 0;
      border-bottom: 1px solid #e0e0e0; }
      .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .content .right .ant-form-item-control {
        top: 10px; }
      .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .content .right .ant-checkbox-disabled .ant-checkbox-inner::after {
        color: #262626; }
  .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .amount-total {
    padding-bottom: 4px; }
    .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .amount-total .bold {
      font-size: 16px;
      font-weight: 500; }
  .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .log-list {
    color: #e60122;
    font-size: 12px;
    margin: 0;
    padding: 0; }
    .order-after-sale-wrap .after-sale-wrap .amount-card-wrap .log-list > li {
      list-style: none; }

.order-after-sale-wrap .after-sale-wrap .logistics-info-wrap {
  display: flex;
  width: 784px; }
  .order-after-sale-wrap .after-sale-wrap .logistics-info-wrap .left {
    flex: 1;
    padding: 0 15px 10px 0;
    margin-bottom: 0; }
  .order-after-sale-wrap .after-sale-wrap .logistics-info-wrap .right {
    flex: 1;
    padding: 0 0 10px 15px;
    margin-bottom: 0; }

.order-after-sale-wrap .after-sale-wrap .address-card-wrap {
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 378px;
  height: 154px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  align-items: center; }
  .order-after-sale-wrap .after-sale-wrap .address-card-wrap .title {
    flex: 0 0 44px;
    background: #fafafa;
    width: 376px;
    overflow: hidden;
    line-height: 44px;
    padding-left: 12px; }
  .order-after-sale-wrap .after-sale-wrap .address-card-wrap .address {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px; }
    .order-after-sale-wrap .after-sale-wrap .address-card-wrap .address > div {
      flex: 1; }

.order-after-sale-wrap .after-sale-wrap .image-list-wrap {
  display: flex;
  flex-wrap: wrap; }
  .order-after-sale-wrap .after-sale-wrap .image-list-wrap .image {
    width: 168px;
    height: 168px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    margin-right: 20px;
    overflow: hidden;
    margin-top: 20px;
    position: relative;
    cursor: pointer; }
  .order-after-sale-wrap .after-sale-wrap .image-list-wrap .image:hover .mask {
    display: block; }
  .order-after-sale-wrap .after-sale-wrap .image-list-wrap .mask {
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none; }
    .order-after-sale-wrap .after-sale-wrap .image-list-wrap .mask .zoom-icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #ffffff; }
  .order-after-sale-wrap .after-sale-wrap .image-list-wrap .icon {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 3px;
    background: rgba(255, 255, 255, 0.4);
    z-index: 99; }
    .order-after-sale-wrap .after-sale-wrap .image-list-wrap .icon:hover {
      color: #e60122; }

.order-after-sale-wrap .after-sale-wrap .upload-card-wrap {
  margin-top: 20px;
  position: relative;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 168px;
  height: 168px;
  cursor: pointer; }
  .order-after-sale-wrap .after-sale-wrap .upload-card-wrap .content {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fafafa;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .order-after-sale-wrap .after-sale-wrap .upload-card-wrap .desc {
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center; }
    .order-after-sale-wrap .after-sale-wrap .upload-card-wrap .desc > p {
      margin: 0;
      padding: 0;
      color: #bfbfbf; }

.slelct-goods-modal .ant-modal-body {
  padding: 10px 24px; }

.slelct-goods-modal .table-product-info {
  display: flex; }
  .slelct-goods-modal .table-product-info .left {
    flex: 0 0 110px;
    height: 110px; }
  .slelct-goods-modal .table-product-info .right {
    flex: 1;
    display: flex;
    flex-direction: column;
    max-width: 270px; }
    .slelct-goods-modal .table-product-info .right .text {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
    .slelct-goods-modal .table-product-info .right .product-attr {
      display: flex;
      flex-wrap: wrap; }

.slelct-goods-modal .totail-wrap {
  position: absolute;
  bottom: 20px;
  display: flex; }
  .slelct-goods-modal .totail-wrap > div .desc {
    font-size: 12px;
    color: #777777;
    margin-right: 20px; }

.slelct-goods-modal .ant-select-selection::hover {
  color: #e60122 !important; }

.goods-popconfirm .ant-popover-message > .anticon,
.image-popconfirm .ant-popover-message > .anticon {
  left: 0; }

/* Primary Color */
/* Functional Colors */
/* Font Color */
/* Border Color */
/* Dividing line Color */
/* cell-available */
/* input */
/* switch */
/* checkbox */
.sb_step {
  display: inline-block;
  border-radius: 50%;
  background-color: #e60122;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  color: #fff;
  font-weight: 400; }

.sb_step_line {
  display: inline-block;
  width: 24px;
  border: 1px solid #e0e0e0;
  margin-bottom: 3px; }

.sb-doubleCircle-step-div {
  text-align: center;
  display: inline-block;
  margin-left: -14px;
  margin-right: 30px; }

.sb-doubleCircle-step {
  display: inline-block;
  border-radius: 50%;
  width: 16px;
  height: 16px; }

.sb-doubleCircle-step-border {
  display: inline-block;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  text-align: center;
  line-height: 24px; }

.sb-doubleCircle-step-line {
  width: 15%;
  display: inline-block;
  margin-bottom: 60px;
  margin-left: -45px; }

.sb-doubleCircle-step-title {
  font-size: 14px;
  color: #262626;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 2px; }

.sb-doubleCircle-step-content {
  font-size: 12px;
  color: #262626;
  text-align: center; }

.add-lost-goods .display-seach-keyword {
  margin-top: 15px; }

.add-lost-goods .empty-search-result {
  margin-top: 70px;
  text-align: center; }

.add-lost-goods .empty-search-result-title {
  margin-top: 20px;
  margin-bottom: 50px; }

.add-lost-goods .action {
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: right; }
  .add-lost-goods .action button {
    margin-left: 10px;
    font-size: 14px !important; }
  .add-lost-goods .action.fixed-bottom {
    width: 100%;
    padding: 10px 20px;
    border-top: 1px solid #ebebeb;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0; }

.checked-wrap {
  margin-bottom: 20px;
  margin-left: 24px; }

.order-table-wrap {
  width: 100%; }
  .order-table-wrap .ant-table-body > table {
    border: none; }
  .order-table-wrap .ant-table-body .ant-table-thead > .ant-table-header-column {
    text-align: center !important; }
  .order-table-wrap .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
  .order-table-wrap .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
    background: #fafafa !important; }
  .order-table-wrap .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
  .order-table-wrap .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
    background: #fafafa !important; }
  .order-table-wrap .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
  .order-table-wrap .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
  .order-table-wrap .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
  .order-table-wrap .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background: #fafafa !important; }
  .order-table-wrap .ant-table-thead > tr > th {
    padding: 10px !important;
    border-right: none !important; }
  .order-table-wrap .ant-table-bordered .ant-table-thead > tr > th {
    text-align: center; }
  .order-table-wrap .ant-table-fixed {
    border: none !important; }
    .order-table-wrap .ant-table-fixed .ant-table-thead th {
      border-left: none !important; }
  .order-table-wrap > p {
    padding: 0;
    margin: 0; }
  .order-table-wrap .head-wrap {
    background: #fafafa;
    z-index: 99;
    border-right: none !important; }
    .order-table-wrap .head-wrap .right {
      display: flex; }
      .order-table-wrap .head-wrap .right .shop-content {
        display: flex;
        align-items: center; }
        .order-table-wrap .head-wrap .right .shop-content .shop-desc {
          max-width: 210px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
  .order-table-wrap .product-info {
    padding: 0 !important;
    overflow: hidden; }
    .order-table-wrap .product-info .line {
      margin: 0; }
  .order-table-wrap .ant-table-tbody td {
    padding: 8px 24px 8px 24px; }
    .order-table-wrap .ant-table-tbody td .more-wrap {
      position: relative;
      height: 36px;
      padding: 0px;
      line-height: 36px;
      text-align: center;
      background: #fff8dc; }
  .order-table-wrap .ant-table-row > td {
    position: relative; }
  .order-table-wrap .table-info-container {
    position: relative;
    height: 110px;
    margin: 10px 10px 10px 24px;
    display: flex; }
    .order-table-wrap .table-info-container .left-container {
      flex: 0 0 110px;
      height: 110px;
      border: 1px solid #e0e0e0;
      cursor: pointer;
      overflow: hidden;
      background: #f5f5f5; }
      .order-table-wrap .table-info-container .left-container .available-img-wrap {
        position: relative;
        width: 110px;
        height: 110px;
        text-align: center; }
        .order-table-wrap .table-info-container .left-container .available-img-wrap .iconfont {
          color: #e0e0e0; }
      .order-table-wrap .table-info-container .left-container .edit {
        position: relative;
        top: -24px;
        width: 108px;
        height: 24px;
        left: 0px;
        background: rgba(0, 0, 0, 0.5);
        text-align: center;
        font-size: 12px;
        line-height: 24px;
        color: #fff; }
        .order-table-wrap .table-info-container .left-container .edit:hover {
          background: #333; }
      .order-table-wrap .table-info-container .left-container .design-button-container {
        position: absolute;
        top: 0;
        left: 88px; }
        .order-table-wrap .table-info-container .left-container .design-button-container .iconfont.icon {
          color: #777777; }
        .order-table-wrap .table-info-container .left-container .design-button-container a:hover .iconfont.icon {
          color: #262626; }
    .order-table-wrap .table-info-container .right-container {
      flex: 1;
      margin-left: 14px;
      overflow: hidden; }
      .order-table-wrap .table-info-container .right-container .p-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin: 0;
        line-height: 22px; }
      .order-table-wrap .table-info-container .right-container .desc-container {
        display: flex;
        color: #777;
        flex-direction: column; }
        .order-table-wrap .table-info-container .right-container .desc-container > div {
          display: flex; }
          .order-table-wrap .table-info-container .right-container .desc-container > div > span {
            margin-right: 16px; }
  .order-table-wrap .table-cell-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    flex-direction: column;
    width: 100%;
    transform: translate(-50%, -50%); }
    .order-table-wrap .table-cell-wrap .content {
      display: flex;
      justify-content: center;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .order-table-wrap .table-cell-wrap .content .left-content {
        flex: 0 0 50%;
        text-align: right; }
      .order-table-wrap .table-cell-wrap .content .right-content {
        flex: 0 0 50%;
        text-align: left; }
  .order-table-wrap .table-body-wrap {
    background: #fafafa; }
  .order-table-wrap .row-head-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 1100px; }
    .order-table-wrap .row-head-wrap .title {
      font-weight: 500;
      margin-left: 16px; }
    .order-table-wrap .row-head-wrap .btn-wrap {
      width: 50px;
      height: 18px;
      background: #FF4D4F;
      border-radius: 4px;
      display: inline-flex;
      align-items: center;
      color: #fff;
      font-size: 12px;
      justify-content: center;
      margin-left: 8px; }
  .order-table-wrap .ant-table-fixed-right {
    width: 122px; }
    .order-table-wrap .ant-table-fixed-right .ant-table-fixed {
      width: 122px;
      border-top: none; }
      .order-table-wrap .ant-table-fixed-right .ant-table-fixed .ant-table-thead * {
        border-right: none; }
      .order-table-wrap .ant-table-fixed-right .ant-table-fixed .ant-table-row-cell-break-word {
        border-right: none !important; }
  .order-table-wrap .actions-container {
    border-left: 1px solid #e0e0e0 !important; }

.order-pagination-container {
  text-align: right;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 950px; }
  .order-pagination-container .ant-pagination-options {
    height: 32px; }
  .order-pagination-container .ant-select-selection--single {
    height: 32px;
    line-height: 32px; }
    .order-pagination-container .ant-select-selection--single .ant-select-selection__rendered {
      line-height: 32px; }
  .order-pagination-container .ant-pagination-options-quick-jumper {
    height: 32px;
    line-height: 32px; }
    .order-pagination-container .ant-pagination-options-quick-jumper > input {
      height: 32px;
      line-height: 32px; }
  .order-pagination-container .pagination {
    margin-right: 0 !important; }
  .order-pagination-container.fixed {
    position: fixed;
    bottom: 0;
    z-index: 99;
    left: 200px;
    right: 0;
    background: #fff;
    padding: 5px 0;
    box-shadow: 0px 3px 7px #666666; }
    .order-pagination-container.fixed .pagination {
      margin-right: 48px !important; }
  .order-pagination-container .fixed-mf {
    margin-left: 32px; }

@media (max-width: 1720px) {
  .order-table-wrap .ant-table-scroll .ant-table-fixed {
    min-width: 1600px; } }

.filter-status-wrap {
  width: 140px; }
  .filter-status-wrap > div {
    padding: 8px 16px;
    font-size: 14px;
    color: #262626; }
    .filter-status-wrap > div:hover {
      background: #fafafa; }