/* 左侧的图片放大镜/ 产品缩略图 */
.product-covers__container {
  float: left;
  width: 300px;
  min-height: 320px;
}

.covers___container {
  width: 300px;
}

/* 图片展示区域 */
.covers___container > .current_cover {
  position: relative;
  z-index: 5;
  width: 300px;
  height: 300px;
  background-color: #fff;
}

/* 当前显示的图片  */
.covers___container > .current_cover > .current-image {
  display: block;
  width: 300px;
  height: 300px;
}

/* 图片放大镜区域 */
.covers___container > .current_cover > .cover-postion__zoom {
  display: none;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  top: 0;
  right: -383px;
  width: 362px;
  height: 362px;
  border: 1px solid var(--main-color);
  background: #fff;
}

.covers___container > .current_cover > .cover-postion__zoom > .zoom_image {
  /* 图片放大镜后预览图 */
  display: block;
  position: absolute;
  z-index: 20;
  width: 684px;
  height: 684px;
}

/* 放大镜遮罩层 */
.covers___container > .current_cover > .cover__mask {
  display: none;
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 140px;
  height: 140px;
  background-color: var(--main-light);
  cursor: move;
}

/* 放大镜提示 */
.covers___container .btn-search::before {
  content: "\e615";
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 18px;
  text-align: center;
  width: 34px;
  height: 34px;
  line-height: 34px;
  background-color: rgb(251, 251, 251);
}

/* 鼠标在图片区域时显示 */
.covers___container > .current_cover:hover > .cover-postion__zoom,
.covers___container > .current_cover:hover > .cover__mask {
  display: block;
}

/* 图片仅供参考 商品以实物为准 */
.covers___container > .prompt—message {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
  color: var(--info-color);
}

/* 图片选择列表 */
.covers___container > .covers-item__list {
  height: 40px;
  width: 300px;
}

/* 图片列表翻页器 */
.covers___container > .covers-item__list .thum-left,
.covers___container > .covers-item__list .thum-right {
  width: 12px;
  height: 40px;
  float: left;
  position: relative;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}

/* 左翻页器 */
.covers___container > .covers-item__list .thum-left::before {
  content: "\e603";
  position: absolute;
  left: -5px;
  line-height: 40px;
  text-align: center;
  color: var(--info-NoLight);
}

/* 右翻页器 */
.covers___container > .covers-item__list .thum-right::before {
  content: "\e602";
  position: absolute;
  right: 0px;
  line-height: 40px;
  text-align: center;
  color: var(--info-NoLight);
}

.covers___container > .covers-item__list .thum-left:hover::before,
.covers___container > .covers-item__list .thum-right:hover::before {
  color: var(--main-color);
}

.covers___container > .covers-item__list > .covers-item__list__ul {
  /* height: 38px; */
  width: 260px;
  float: left;
  margin: 0 6px;
  text-align: center;
  overflow: hidden;
  /* padding: 0 10px; */
}

/* 列表每项 */
.covers___container
  > .covers-item__list
  > .covers-item__list__ul
  > .cover__item {
  /* float: left; */
  margin-right: 5px;
  height: 38px;
  cursor: pointer;
  border: 2px solid transparent;
  display: inline-block;
}

/* 每项中的图片 */
.covers___container
  > .covers-item__list
  > .covers-item__list__ul
  > .cover__item
  > img {
  display: block;
  width: 38px;
  height: 38px;
}

/* 图片选中时 */
.covers___container
  > .covers-item__list
  > .covers-item__list__ul
  > .cover__item.active {
  border-color: var(--main-color);
  height: 38px;
}

/* 收藏 */
.product-info__wrap > .product-covers__container > .favorite__container {
  margin: 10px auto 0;
  padding-left: 20px;
  height: 20px;
  line-height: 20px;
  color: #999;
  cursor: pointer;
}

/* 五角星图标 */
.product-info__wrap
  > .product-covers__container
  > .favorite__container.layui-icon {
  font-size: 20px;
  padding-right: 20px;
}

.product-info__wrap
  > .product-covers__container
  > .favorite__container.layui-icon:hover.layui-icon-rate:before {
  color: var(--main-color);
}

/* 重置图标 */
.layui-icon-rate:before {
  margin-right: 5px;
  vertical-align: middle;
}

/* 五角星图标 */
.product-info__wrap > .product-covers__container > .favorite__container span {
  font-size: 12px;
}
