.main-font-color {
  color: $main-font-color;
}
.desc-font-color {
  color: $desc-font-color;
}
.main-bg-color {
  background-color: $main-bg-color !important;
}
.font-color {
  color: $font-color;
}
.text-main {
  color: var(--main_color) !important;
}
.bg-main {
  background-color: var(--main_color) !important;
}
.disable {
  filter: grayscale(100%); /* Chrome, Safari, Opera */
  -webkit-filter: grayscale(100%);
  transition: filter 0.5s;
}
//.price {
//  text-decoration: line-through;
//  //color: $desc-font-color;
//}
.price {
  color: #ff4a0e;
}
@for $i from 1 through 5 {
  .u-line-#{$i} {
    /* #ifdef APP-NVUE */
    // nvue下，可以直接使用lines属性，这是weex特有样式
    lines: $i;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
    /* #endif */

    /* #ifndef APP-NVUE */
    // vue下，单行和多行显示省略号需要单独处理
    @if $i == '1' {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    } @else {
      display: -webkit-box !important;
      overflow: hidden;
      text-overflow: ellipsis;
      word-break: break-all;
      -webkit-line-clamp: $i;
      -webkit-box-orient: vertical !important;
    }
    /* #endif */
  }
}
.main-color {
  color: var(--main_color) !important;
}

// 积分相关公用样式
.integralSign {
  height: 180rpx;
  background-color: #fff7f5;
  .title {
    color: #ff4b40;
  }
  .desc {
    font-size: 20rpx;
    font-weight: 400;
    color: rgba(255, 93, 93, 0.56);
    line-height: 23rpx;
  }
  button {
    background: #ff5e5e !important;
  }
}
.integralShop {
  height: 180rpx;
  background-color: #fffdf6;
  .title {
    color: #ff9356;
  }
  .desc {
    font-size: 20rpx;
    font-weight: 400;
    color: rgba(255, 93, 93, 0.56);
    line-height: 23rpx;
  }
  button {
    background: #ff9e2c !important;
  }
}
.integralIcon {
  width: 100rpx;
  height: 100rpx;
  right: 20rpx;
  top: 50%;
  margin-top: -50rpx;
}
// 重置按钮样式
.resetButton {
  margin-top: 20rpx;
  width: 120rpx;
  height: 50rpx;
  border-radius: 100rpx;
  font-size: 20rpx;
  color: #ffffff;
  line-height: 50rpx;
}
// 吸底按钮
.bottomBtn {
  position: fixed;
  height: 160rpx;
  background-color: #ffffff;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  .btn {
    width: 100%;
    background-color: var(--main_color);
    color: #fff;
    font-size: 30rpx !important;
  }
}
.bottomView {
  height: 180rpx;
}
.inline {
  display: inline-block;
}
.primaryBtn {
  width: 100%;
  background-color: var(--main_color) !important;
  font-size: 30rpx;
  color: #fff;
}
.tabsCard {
  position: fixed;
  z-index: 200;
  top: var(--window-top);
  left: 0;
  width: 100%;
}

.navbar {
  height: 44px;
  text {
    font-size: 16px;
    line-height: 44px;
    font-weight: bold;
    color: #ffffff;
  }
}

.fixedTab {
  position: fixed;
  z-index: 200;
  left: 0;
  right: 0;
}
.plusColor {
  color: #ff7539;
}
.minusColor {
  color: #00c113;
}
.argument_tr {
  border: 1px solid #f8f8f8;
  height: 84rpx;
  padding: 0 20rpx;
}
.argument_left {
  width: 240rpx;
}

.argument_table {
  width: 100%;
  border-collapse: collapse;
}
.brandDot {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.line {
  border-bottom: 1px solid #f2f2f2;
}