/* pages/diy_zs/diy_zs.wxss */

.zwp_3 {
  margin-top: 10rpx;
}

.zs_goods {
  width: 700rpx;
  border: 1rpx #ddd solid;
  margin-bottom: 10rpx;
  margin: 0 auto;
}

.s1_gk_a1 {
  display: inline;
  width: auto;
  height: auto;
}

.clear {
  clear: both;
}

.zs_top {
  width: 100%;
  min-height: 700rpx;
  margin: 0 auto;
  margin-bottom: 30rpx;
  display: flex;
}

.zs_t_img {
  width: 698rpx;
  height: 698rpx;
  margin: 1rpx auto;
}

.zs_center {
  width: 100%;
  min-height: 200rpx;
  font-size: 28rpx;
  color: #333;
  text-align: left;
  margin-left: 25rpx;
  padding: 0 10rpx;
}

.zs_wz1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
  width: 640rpx;
}

.zs_wz2 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz3 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz4 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz5 {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30rpx;
  white-space: nowrap;
}

.wz_red {
  color: #c4182e;
  font-size: 32rpx;
}

.zs_t1 {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  top: 10rpx;
}

.zs_t2 {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  top: 10rpx;
}

.zs_t3 {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  bottom: 10rpx;
}

.zs_t4 {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 20rpx;
  bottom: 10rpx;
}

.zs_goods_xiao_bottom {
  width: 100%;
  min-height: 300rpx;
  display: flex;
  border-bottom: 2rpx #eee solid;
  padding: 10rpx;
  background-color: white;
}

.zs_goods_xiao {
  width: 100%;
  min-height: 300rpx;
  display: flex;
  /* border-bottom: 2rpx #eee solid; */
  padding: 10rpx;
  background-color: white;
}

.zs_top_x {
  width: 400rpx;
  height: 318rpx;
  margin-top: 20rpx;
  display: flex;
}

.zs_t_img_x {
  width: 290rpx;
  height: 290rpx;
  margin-left: 20rpx;
}

.zs_center_x {
  width: 100%;
  min-height: 200rpx;
  font-size: 28rpx;
  color: #333;
  text-align: left;
  margin-top: 30rpx;
  padding: 0 10rpx;
}

.zs_wz1_x {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
  width: 80%;
}

.zs_wz2_x {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz3_x {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz4_x {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 28rpx;
  white-space: nowrap;
}

.zs_wz5_x {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30rpx;
  white-space: nowrap;
}

.wz_red {
  color: #c4182e;
  font-size: 32rpx;
}

.del {
  font-size: 24rpx;
  color: #999;
  text-decoration: line-through;
  margin-top: 8rpx;
}

.zs_t1_x {
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 62rpx;
  top: 6rpx;
}

.zs_t1_x1 {
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 285rpx;
  top: 6rpx;
}

.zs_t1_x2 {
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 56rpx;
  top: 234rpx;
}

.zs_t1_x3 {
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 288rpx;
  top: 234rpx;
}

/*1列2个*/

.zs_goods_ban {
  width: 100%;
  min-height: 300rpx;
}

.zs_goods_wai_ban {
  display: flex;
  /* padding-left: 2rpx; */
  margin-bottom: 12rpx;
  width: 48.5%;
  float: left;
  background: #fff;
  margin-left: 1%;
}

.zs_goods_2l {
  width: 94%;
  min-height: 300rpx;
  /* border: 2rpx #ddd solid; */
  margin: 0 auto;
  padding: 2rpx;
}

.zs_top_2l {
  width: 340rpx;
  height: 340rpx;
}

.button-wrapper button {
  /*width: 94%;*/
  border: none;
}

.zs_t_img_2l {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.zs_center_2l {
  width: 100%;
  min-height: 200rpx;
  font-size: 28rpx;
  color: #333;
  text-align: left;
  padding: 0 10rpx;
}

.zs_wz1_2l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
  margin-top: 10rpx;
}

.zs_wz2_2l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
  margin-top: 10rpx;
  height: 80rpx;
  line-height: 40rpx;
}

.zs_wz3_2l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
  margin-top: 10rpx;
}

.zs_wz4_2l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
  margin-top: 10rpx;
}

.zs_wz5_2l {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30rpx;
  white-space: nowrap;
  margin-top: 10rpx;
}

/*---俩列图片位置---*/

.zs_t1_2l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  top: 10rpx;
}

.zs_t2_2l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  top: 10rpx;
}

.zs_t3_2l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  bottom: 10rpx;
}

.zs_t4_2l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  bottom: 10rpx;
}

/*一个3列*/

.zs_goods_wai_san {
  width: 236rpx;
  display: flex;
  margin-left: 10rpx;
  float: left;
  margin-bottom: 8rpx;
  background-color: white;
}

.zs_goods_san {
  width: 236rpx;
}

.zs_goods_3l {
  width: 236rpx;
  min-height: 300rpx;
  border: 2rpx #ddd solid;
  margin: 0 auto;
  padding: 2rpx;
}

.zs_top_3l {
  width: 232rpx;
  height: 232rpx;
}

.zs_t_img_3l {
  width: 232rpx;
  height: 232rpx;
  margin: 0 auto;
  background-color: bisque;
}

.zs_center_3l {
  width: 100%;
  min-height: 200rpx;
  font-size: 28rpx;
  color: #333;
  text-align: left;
  padding: 0 10rpx;
}

.zs_wz1_3l {
  margin-bottom: 10rpx;
  font-size: 30rpx;
  height: 80rpx;
  width: 220rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zs_wz2_3l {
  margin-bottom: 10rpx;
  font-size: 30rpx;
  height: 70rpx;
  line-height: 30rpx
}

.zs_wz3_3l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
}

.zs_wz4_3l {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  white-space: nowrap;
}

.zs_wz5_3l {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 30rpx;
  white-space: nowrap;
}

.zs_t1_3l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  top: 10rpx;
}

.zs_t2_3l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  top: 10rpx;
}

.zs_t3_3l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 0rpx;
  bottom: 10rpx;
}

.zs_t4_3l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  bottom: 10rpx;
}

.zs_goods_wai {
  background-color: white;
  margin-top: 10rpx;
}

.rel {
  position: relative;
}

.flex {
  display: flex;
}

.fs24 {
  font-size: 24rpx;
}

.fs35 {
  font-size: 35rpx;
}

.xc-wc {
  align-items: center;
  margin-top: -3rpx;
}

.price.xc-ash {
  font-size: 24rpx;
  color: #999;
  text-decoration: line-through;
  margin-top: 8rpx;
}

.line_th {
  text-decoration: line-through;
}

.card_bg {
  display: flex;
  padding: 2rpx 10rpx;
  height: 25rpx;
  align-items: center;
  border-radius: 26rpx;
  font-size: 19rpx;
  line-height: 25rpx;
  max-width: 110rpx;
  background: #333;
  color: #fff;
  justify-content: center;
  margin-left: 8rpx;
}

.card_bg image {
  width: 19rpx;
  height: 19rpx;
  margin-right: 1rpx;
}

.card_bg .card_name {
  max-width: 76rpx;
  width: auto;
  overflow: hidden;
  white-space: nowrap;
}