@themeColor: #8ecc9b;           // 主题色
@themeWeaken: #cafed5;          // 弱化色
@themeHighlight: #73ad7f;       // 高亮色

// 基础

.bgld-theme-bg {
  background-color: @themeColor  !important;
}

.bgld-theme-cl {
  color: @themeColor;
}

.bgld-theme-bd {
  border-color: @themeColor  !important;
}

.bgld-theme-highlight-bg {
  background-color: @themeHighlight  !important;
}

.bgld-theme-highlight-cl {
  color: @themeHighlight  !important;
}

.bgld-theme-highlight-bd {
  border-color: @themeHighlight  !important;
}

.bgld-theme-weaken-bg {
  background-color: @themeWeaken  !important;
}

.bgld-theme-weaken-cl {
  color: @themeWeaken  !important;
}

.bgld-theme-weaken-bd {
  border-color: @themeWeaken  !important;
}



// 额外
.default_header {
  .content {
    .search {
      .el-input {
        .el-input__inner {
          border: 1px solid @themeColor;
          border-radius: 0;
          background: rgba(249, 249, 250, 1);
        }
        .el-input-group__append {
          background: @themeColor;
          padding: 0;
          border-radius: 0;
          border: 0;
          cursor: pointer;
        }
      }
    }
  }
}
.default_tabs {
  .category {
    .category_panel {
      .cat_level1_container {
        &::-webkit-scrollbar-thumb {
          background-color: @themeColor;
        }
        border: 2px solid @themeColor;
      }
      .cat_level1{
        &:hover {
          color: @themeHighlight;
          border: 2px solid @themeColor;
        }
        .cat_level1_hover {
          color: @themeHighlight;
        }
      }
      .cat_level2 {
        // border-left: 1px solid @themeColor;
        .cat_level2_panel {
          .row {
            .cat_level2_title {
              color: @themeColor;
              &:hover {
                color: @themeHighlight;
                text-decoration: underline;
              }
            }
            .cat_level3_title {
              // color: @themeColor;
              &:hover {
                color: @themeHighlight;
                text-decoration: underline;
              }
            }
          }
        }
      }
    }
  }
  .title {
    &:hover {
      border-color: @themeHighlight !important;
    }
  }
}
.goodsList {
  .filter {
    span {
      border: 1px solid #fff;
      &:hover {
        border-color: @themeColor;
      }
    }
  }
}
.goods_recommend_item, .arrival_content, .collect_content {
  .goodsCard {
    &:hover {
      .container {
        border-bottom-color: @themeColor;
      }
    }
  }
}
.goodsCard {
  &:hover {
   .container {
    //  border-bottom: 0px;
     border-bottom-color: #fff;
   }
  }

  .container {
    border: 1px solid @themeColor;
    .goods-name {
      &:hover {
        color: #e31939;
      }
    }
  }
  .more {
    border-left: 1px solid @themeColor;
    border-right: 1px solid @themeColor;
    .company_goods_unit {
      .select_unit {
        .el-input {
          .el-input__inner {
            // height: 32px;
          }
        }
        .el-select-dropdown {
          z-index: 3004 !important;
        }
      }
    }
    .goods-spec {
      .el-radio-group {
        .el-radio-button {
          .el-radio-button__inner {
            border: 1px solid @themeColor;
            border-radius: 4px;
            // width: 56px;
            text-align: center;
            margin: 1px;
            padding: 7px 5px;
          }
        }
      }
    }
    .add-cart {
      .add_text {
        background-color: @themeColor;
        &:hover {
          background-color: @themeHighlight;
        }
      }
    }
  }

}

// 商品详情页
.goods_info {
  .goods_info_info {
    .goods_info_shop {
      .goods_info_carStar {
        .goods_info_car {
          background-color: @themeColor;
          box-shadow: 0px 0px 20px 2px fade(@themeColor, 30);
          &:hover {
            background-color: @themeHighlight;
          }
        }
      }
    }
    .goods_info_selectSku {
      .el-radio-group {
        .el-radio-button {
          .el-radio-button__inner {
            border: 1px solid @themeColor;
            border-radius: 4px;
            // width: 56px;
            text-align: center;
            margin: 1px;
            padding: 7px 5px;
          }
        }
      }
    }
  }
}

.groupCard {
  &:hover {
    .container {
      border-bottom: 0px;
    }
  }
  .container {
    border: 1px solid @themeColor;
    .goods-name {
      &:hover {
        color: #e31939;
      }
    }
  }
  .more {
    border-left: 1px solid @themeColor;
    border-right: 1px solid @themeColor;
    .goods-spec {
      .el-radio-group {
        .el-radio-button {
          .el-radio-button__inner {
            border: 1px solid @themeColor;
            border-radius: 4px;
            width: 56px;
            text-align: center;
            margin: 1px;
          }
        }
      }
    }
    .add-cart {
      .add_text {
        background-color: @themeColor;
        &:hover {
          background-color: @themeHighlight;
        }
      }
    }
  }
}

// banner1 楼层样式
.floor_banner1, .floor_banner2 {
  .floor_item {
    .floor_top {
      border-bottom: 1px solid @themeColor;
      .floor_index {
        span {
          color: #fff;
          background-color: @themeColor;
        }
      }
      .floor_labels {
        .label {
          border-left: 1px solid @themeColor;
          border-top: 1px solid @themeColor;
          border-right: 1px solid @themeColor;
        }
        .label_active {
          // border-left: 1px solid @themeColor;
          // border-top: 1px solid @themeColor;
          // border-right: 1px solid @themeColor;
          // border-bottom: 0px;
          background-color: @themeColor;
          span {
            color: #fff;
          }
        }
      }
    }
    .floor_main {
      .floor_num_two {
        .catLeve2_tags_container {
          .catLeve2_tags {
            border: 1px solid @themeColor;
            color: @themeColor;
          }
        }
      }
    }
  }
}

// 商品列表过滤框
.goodsListFilter {
  .filter_box {
    .filter_container {
      .filter_main {
        .filter_item {
          .item_main {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            .show_more {
              div {
                cursor: pointer;
              }
              user-select:none;
              &:active {
                color: @themeColor;
              }
              // &:hover {
              //   color: @themeColor;
              // }
            }
            .list {
              span {
                &:hover {
                  color: @themeColor;
                }
              }
            }
          }
        }
        .price_area {

        }
        .cat_area {

        }
        .brand_area {

        }
      }
    }
  }
}

// 轮播组件
.swiper-custom {
  .swiper-pagination {
    .swiper-pagination-bullet {
      width: 12px;
      height: 12px;
    }
    .swiper-pagination-bullet-active {
      background: @themeColor;
    }
  }
}

// 公告
.notice {
  border-color: @themeColor !important;
  .title {

  }
  .list {
    margin: 5px;
    .notice_item {
      &:hover {
        color: @themeHighlight !important;
        text-decoration-color: @themeHighlight;
      }
    }
  }
}


*,
*:before,
*:after {
  padding: 0;
  margin: 0;
}

ul, ol {
  list-style: none;
}

#goodsInfoDesc {
  ul, ol {
    list-style: inherit;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
  }

  p, dl {
    margin-block-start: 1em;
    margin-block-end: 1em;
  }

  dd {
    margin-inline-start: 40px;
  }

  h1, h2, h3, h4, h5, h6 {
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
  }
}

a {
  text-decoration: none;
  color: inherit;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.clearfix::after {
  content: '';
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
  clear: both;
}

.container {
  background-color: #F4F4F4;
}

.main {
  width: 1200px;
  margin: 0 auto;
  background-color: #FFFFFF;
}