/* pages/diy_zs/diy_zs.wxss */
:root {
	
}

.zwp_3 {
  margin-top: 10rpx;
}

.zs_goods {
	box-sizing: border-box;
  width: 100%;
  /* margin-bottom: 10rpx; */
  /* margin: 0 auto 20rpx auto; */
	margin-top: 20rpx;
  overflow:hidden;
	background-color: white;
}

.s1_gk_a1 {
	overflow: hidden;
	box-sizing: border-box;
  /* display: inline;
  width: auto;
  height: auto; */
}

.clear {
  clear: both;
}

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

.zs_t_img {
	display: block;
	width: 100%;
	height: 100%;
  /* width: 698rpx;
  height: 698rpx; */
  /* margin: 1rpx auto; */
}

.zs_center {
	box-sizing: border-box;
  width: 100%;
  /* min-height: 200rpx; */
  font-size: 28rpx;
  color: #333;
  text-align: left;
  /* margin-left: 25rpx; */
  padding: 20rpx;
}

.zs_wz1 {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10rpx;
  font-size: 30rpx;
  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: 26rpx;
  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: 10rpx;
  top: 10rpx;
}

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

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

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

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

.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_t_img_x.zj{ border: 1rpx solid #eee;} 
.zs_t_img_x.yj{ border: 1rpx solid #eee;border-radius: 18rpx;} 


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

.zs_wz1_x {
  /* overflow: hidden;
  text-overflow: ellipsis; */
	height: 90rpx;
  margin-bottom: 10rpx;
  font-size: 30rpx;
	/* word-break: break-all; */
  /* 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: #f2270c;
  font-size: 32rpx;
}

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

.zs_t1_x {
	position: absolute;
  width: 56rpx;
  height: 56rpx;
  /* position: relative; */
  right: 10rpx;
  top: 10rpx;
}

.zs_t1_x1 {
	position: absolute;
  width: 56rpx;
  height: 56rpx;
  /* position: relative; */
  left: 10rpx;
  top: 10rpx;
}

.zs_t1_x2 {
	position: absolute;
  width: 56rpx;
  height: 56rpx;
  /* position: relative; */
  right: 10rpx;
  top: 10rpx;
}

.zs_t1_x3 {
	position: absolute;
  width: 56rpx;
  height: 56rpx;
  /* position: relative; */
  left: 10rpx;
  bottom: 10rpx;
}

/*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: 100%;
  height: 340rpx;
}

.button-wrapper button {
  /*width: 94%;*/
  /* border: none;
	margin-top: 10rpx; */
}

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

.zs_center_2l {
	box-sizing: border-box;
  width: 100%;
  font-size: 28rpx;
  color: #333;
  /* text-align: left; */
	padding: 20rpx;
  /* padding: 0 10rpx; */
}

.zs_wz1_2l {
  /* overflow: hidden;
  text-overflow: ellipsis; */
  font-size: 28rpx;
  /* white-space: nowrap; */
  height: 90rpx;
  /* line-height: 40rpx; */
  /* margin-top: 10rpx; */
	/* word-break: break-all; */
}

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

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

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

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

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

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

/*一个3列*/

.zs_goods_wai_san {
	box-sizing: border-box;
  /* 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; */
	display: block;
	width: 100%;
	height: 100%;
  background-color: #f2f2f2;
}

.zs_center_3l {
  width: 100%;
  font-size: 28rpx;
  color: #333;
	padding: 8rpx;
	box-sizing: border-box;
  /* text-align: left;
  padding: 0 10rpx; */
}

.zs_wz1_3l {
  margin-bottom: 10rpx;
  font-size: 28rpx;
  height: 70rpx;
  line-height: 35rpx;
  /* 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: 26rpx;
  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: 24rpx;
  white-space: nowrap;
}

.zs_t1_3l {
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  left: 10rpx;
  top: 10rpx;
}
.zs_t1_x4{
  width: 56rpx;
  height: 56rpx;
  position: absolute;
  right: 10rpx;
  bottom: 10rpx;
}

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

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

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

.zs_goods_wai {
  /* background-color: white; */
	padding: 0 20rpx;
	overflow: hidden;
  /* margin-top: 10rpx; */
}

.rel {
  position: relative;
}

.flex {
  display: flex;
}

.wrap {
	flex-wrap: wrap;
}

.jc-ar {
	justify-content: space-around;
}

.fs24 {
  font-size: 24rpx;
}

.fs24 {
  font-size: 22rpx;
}
.fs35 {
  font-size: 30rpx;
}

.fs28{   font-size: 28rpx;}

.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:2rpx solid #f0f0f0;
}
.border_yuanjiao{
	border:2rpx solid #f0f0f0;
	border-radius: 20rpx;	
}
.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;
	padding-top: 20rpx;
	box-sizing: border-box;
}

.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;
  overflow: hidden;
	background-color: white;
}

.one.zj{ border: 1rpx solid #eee;}
.one.yj{ border: 1rpx solid #eee; border-radius: 18rpx;}


.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: 10rpx;
	bottom: 10rpx;
}
.sp .sp_top .s_img image.zs_t1_3l{
width: 56rpx;
height: 56rpx;
position: absolute;
left: 10rpx;
top: 10rpx;
}

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

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

.n_box{ position: absolute !important;z-index: 10}

.block {
	display: block;
}

.ellipsis-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}




/* 服务卡项服务标题 */
.pd10 {
	padding: 10rpx;
}
.pd20 {
	padding: 20rpx;
}
/* .flex-shrink-0 {
	flex-shrink: 0;
} */

.scroll-view-container {
	/* display: flex;
	height: 100rpx; */
}

.f1 {
	/* flex: 1; */
	/* width: 100%; */
	/* word-break: keep-all; */
	/* flex-basis: 50%; */
}

.scroll-view-item {
	flex-shrink: 0;
	border-width: 2rpx;
	border-style: solid;
	border-color: #ddd;
	border-radius: 80rpx;
	padding: 10rpx 30rpx;
	margin: 20rpx 10rpx;
	/* font-size: 28rpx; */
	box-sizing: border-box;
	text-align: center;
	/* flex: 1; */
	flex-grow: 1;
}

.scroll-view-item.active {
	color: var(--font-color) !important;
	border-color: var(--border-color) !important;
}


.nav-container {
	box-sizing: border-box;
	padding-top: 20rpx;
	padding-left: 10rpx;
	padding-right: 10rpx;
	/* flex: 1; */
	flex-basis: 50%;
}

.nav-box {
	box-sizing: border-box;
	width: calc(100% / 3);
	padding: 5rpx;
}

.nav-box .s1_gk_a1 {
	/* width: 236rpx; */
    /* width: calc(100% / 3); */
		/* height: 100px; */
    /* background-color: skyblue;
    margin-top: 15px; */
}
.nav-box .s1_gk_a1 {
    /* margin-left: calc((100% - 236rpx * 3) / 3); */
}