/* pages/diy_zs/diy_zs.wxss */

.zwp_3 {
  margin-top: 10rpx;
}

.zs_goods {
  width: 700rpx;
  margin-bottom: 10rpx;
  margin: 0 auto;
  overflow:hidden
}

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

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

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



.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;
	margin-top: 10rpx;
}

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

.zs_center_2l {
  width: 100%;
  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;
  overflow: hidden;
}

.zs_goods_san {
  width: 236rpx;
}

.zs_goods_3l {
  width: 228rpx;
  /* min-height: 300rpx; */
  margin: 0 auto;
  padding: 2rpx;
  overflow: hidden;
}

.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%;
  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_t1_x4{
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 0rpx;
  bottom: 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;
}

.ai-center{align-items: center;}

.gr_title_list{ width:95%; margin-left:2.5%}
.gr_title_item{ padding:0 10rpx;flex-shrink: 0;flex-grow: 1; text-align: center;}


.border_zhijiao{
	border:1rpx solid rgb(214, 214, 214);
}
.border_yuanjiao{
	border:1rpx solid rgb(214, 214, 214);
	border-radius: 25rpx;	
}
.top {
  background-color: white;
  height: 70rpx;
  line-height: 70rpx;
  color: #000;
  border-bottom: 2rpx solid #eee;
  padding:0rpx 20rpx;
  display: flex;
  justify-content: space-between;
  font-size: 32rpx;
}

.s_it {
  width: 100%;
  display: flex;
  background-color: white;
}

.s_prom {
  width: 100%;
  background-color: white;
}

swiper {
  display: block;
}

.right_k {
  width: 30rpx;
}
.right_k image{
  width: 30rpx;
  height: 30rpx;
}
 .t_left { 
  width: 10rpx;
  height: 38rpx;
  background: #c4182e;
  margin-right: 10rpx;
}


.sp {
  width: 100%;
  background-color: white;
  padding: 18rpx;
  display: flex;
}

.sp .sp_top {
  height: 220rpx;
  min-width: 30%;
}

.sp .sp_top .s_img {
  width: 210rpx;
  height: 100%;
}

.sp .sp_top .s_img image {
  width: 210rpx;
  height: 100%;
  position: relative;
}

.sp .sp_top .s_top_kill {
  background-color: #c4182e;
  font-size: 24rpx;
  height: 38rpx;
  line-height: 38rpx;
  left: 6rpx;
  padding: 4rpx 10rpx;
  border-radius: 10rpx;
  z-index: 999;
  position: relative;
  top: -6rpx;
  width: 210rpx;
  color: #fff;
  text-align: center;
}

.po {
  position: absolute;
}

.sp .sp_top .s_foot_kill {
  font-size: 20rpx;
  position: relative;
  top: -90rpx;
  width: 210rpx;
  height: 38rpx;
  line-height: 38rpx;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.sp_wz {
  width: 210rpx;
}

.sp_wz .sp_wzi {
  font-size: 30rpx;
  border-bottom: 2rpx solid #dcdcdc;
  width: 100%;
  text-align: left;
  padding: 4rpx 0;
  overflow: hidden;
  height: 48rpx;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 48rpx;
}

.sp_wz .sp_jg {
  color: #c4182e;
  font-size: 30rpx;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 10rpx;
}

.sp_wz .sp_jgx {
  color: #adadad;
  text-decoration: line-through;
  font-size: 24rpx;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.one {
  margin-left: 14rpx;
}

.sp .sp_top .s_top1_kill {
  position: absolute;
  background-color: #c4182e;
  font-size: 24rpx;
  height: 38rpx;
  line-height: 38rpx;
  left: 265rpx;
  top: 100rpx;
  padding: 0 10rpx;
  color: white;
  border-radius: 10rpx;
}

.sp .sp_top .s_top2_kill {
  position: absolute;
  background-color: #c4182e;
  font-size: 24rpx;
  height: 38rpx;
  line-height: 38rpx;
  right: 146rpx;
  top: 100rpx;
  padding: 0 10rpx;
  color: white;
  border-radius: 10rpx;
}

.sp .sp_top .s_foot1_kill {
  font-size: 20rpx;
  position: absolute;
  top: 270rpx;
  width: 210rpx;
  height: 38rpx;
  line-height: 38rpx;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.po1 {
  position: absolute;
}

.sp .sp_top .s_foot2_kill {
  font-size: 20rpx;
  position: absolute;
  top: 270rpx;
  width: 210rpx;
  height: 38rpx;
  line-height: 38rpx;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.t_red{ color:red;}

.sp .sp_top .s_img image.zs_t3_3l{
	width: 56rpx;
	height: 56rpx;
	position: absolute;
	left: 0rpx;
	bottom: 10rpx;
}
.sp .sp_top .s_img image.zs_t1_3l{
width: 56rpx;
height: 56rpx;
position: absolute;
left: 0rpx;
top: 10rpx;
}

.sp .sp_top .s_img image.zs_t2_3l{
	width: 56rpx;
	height: 56rpx;
	position: absolute;
	right: 0rpx;
	top: 10rpx;

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

}