/* 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;
}

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

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

.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: 230rpx;
  display: flex;
  margin-left: 10rpx;
  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: 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;
  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: 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}