/* pages/diy_zs/diy_zs.wxss */

.zs_goods{
  width: 100%;
  min-height: 500rpx;
border: 2rpx #ddd solid;
margin: 0 auto;
}

.zwp_3{
  /* width: 30%; */
}

.s1_gk_a1{
  display: inline;
  width: auto;
  height: auto;
}
.clear{
  clear: both;
}
.zs_top{
  width: 100%;
  min-height: 700rpx;
  margin: 0 auto;
  padding-left:22rpx;
padding-bottom:30rpx;

display: flex;
/* padding-left: 6rpx; */
/* padding-right: 30rpx; */
}

.zs_t_img {
   width: 700rpx;
  height: 700rpx;
  /* margin: 0 auto; */
  /* background-color: bisque; */

}

.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;
}


.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;
}

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

.zs_t1{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 58rpx;
  bottom: -640rpx;
}


.zs_t2{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 58rpx;
  bottom: -2rpx;
}

.zs_t3{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 692rpx;
  bottom: -4rpx;
}


.zs_t4{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 692rpx;
  bottom: -642rpx;
}




/* xiao */


.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; 
 /* /*  padding-top:30rpx;
padding-bottom:30rpx; */

display: flex;

}

/* .zs_goods_xiao{
  background-color: white;
} */

.zs_t_img_x {
   width: 290rpx;
  height: 290rpx;
  margin-left: 20rpx;
  /* background-color: bisque; */

}

.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-left: 10rpx;
    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: 50%;
  float: left;
  background: #fff;
}


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

.zs_top_2l{
  width: 300rpx;
  height: 300rpx;


}

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


.zs_t_img_2l {
  width: 100%;
  height: 300rpx;
  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;
}

.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: relative;
  right: -2rpx;
  top: -310rpx;
}


.zs_t2_2l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: -294rpx;
  bottom: 310rpx;
}

.zs_t3_2l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right:  -294rpx;
  bottom: 68rpx;
}


.zs_t4_2l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: -2rpx;
  bottom: 68rpx;
}

/*一个3列*/
.zs_goods_wai_san{
  width: 240rpx;
  display: flex;
  margin-left: 8rpx;
  float: left;
  margin-bottom: 8rpx;
 background-color:white;
 
}

.zs_goods_san{
  width: 240rpx;
  
}






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

.zs_top_3l{
  width: 240rpx;
  height:  240rpx;






}

.zs_t_img_3l {
  width:237rpx;
  height: 240rpx;
  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{
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom:10rpx;
  font-size:30rpx;
  height: 80rpx;
  width: 227rpx;
    /* white-space: nowrap; */
}


.zs_wz2_3l{
  /* overflow: hidden;
  text-overflow: ellipsis; */
  margin-bottom:10rpx;
  font-size:30rpx;
    /* white-space: nowrap; */
    display: flex;
}

.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: relative;
  right: 0rpx;
  top: -250rpx;
}


.zs_t2_3l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: -177rpx;
  bottom: 250rpx;
}

.zs_t3_3l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: -177rpx;
  bottom: 67rpx;
}


.zs_t4_3l{
  width: 56rpx;
  height: 56rpx;
  position: relative;
  right: 0rpx;
  bottom: 67rpx;
}

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